@extends("admin/layouts.master")
@section('title', 'Edit Coupon ')
@section('body')
    @php
    $currency = App\Currency::first();
    @endphp
    <section class="content">
        @include('admin.message')
        <div class="row">
            <div class="col-md-8">
                <x-coupon-component :coupon="$coupan" />
            </div>
            <div class="col-md-12">
                <div class="row">
                    <div class="box box-primary col-sm-12">
                        <p style="font-size: 18px;margin: 10px;">此優惠券目前使用人數：{{ count( $used_coupons ) }}</p>
                        <p style="font-style: italic;">※若使用人數與下方的列表不一致，則代表使用過的會員帳號已被移除。</p>
                        @if( ! empty( $used_coupons ) )
                            <table id="example1" class="dataTable" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>會員ID</th>
                                        <th>會員姓名</th>
                                        <th>會員手機</th>
                                    </tr>
                                </thead>
                            <tbody>
                                @foreach( $used_coupons as $used_coupon )
                                    @isset( $used_coupon->user )
                                    <tr>
                                        <td>{{ $used_coupon->user->id }}</td>
                                        <td>{{ $used_coupon->user->fname }}</td>
                                        <td>{{ $used_coupon->user->mobile }}</td>
                                    </tr>
                                    @endisset
                                @endforeach
                            </tbody>
                        </table>
                        @endif
                    </div>
                </div>
            </div>
        </div>
            

    </section>
    
@endsection

@section('scripts')
    <script>
        (function($) {
            "use strict";

            $('#link_by').on('change', function() {
                var opt = $(this).val();

                if (opt == 'course') {
                    $('#minAmount').hide();
                    $('#probox').show();
                    $('#catbox').hide();
                    $('#bundlebox').hide();
                    $('#pro_id').attr('required', 'required');
                } else if (opt == 'bundle') {
                    $('#minAmount').hide();
                    $('#probox').hide();
                    $('#catbox').hide();
                    $('#bundlebox').show();
                    $('#bundle_id').attr('required', 'required');
                } else {
                    $('#bundlebox').hide();
                    $('#minAmount').hide();
                    $('#probox').hide();
                    $('#catbox').hide();
                    $('#pro_id').removeAttr('required');
                }
            });

            $('#link_by').on('change', function() {
                var opt = $(this).val();

                if (opt == 'category') {
                    $('#catbox').show();
                    $('#probox').hide();
                    $('#bundlebox').hide();
                    $('#cat_id').attr('required', 'required');
                } else {
                    $('#catbox').hide();
                    $('#probox').hide();
                    $('#cat_id').removeAttr('required');
                }
            });

            $(function() {
                $("#expirydate").datepicker({
                    dateFormat: 'yy-mm-d'
                });
                $("#start_date").datepicker({
                    dateFormat: 'yy-mm-d'
                });
            });

        })(jQuery);

    </script>

@endsection