@extends("admin/layouts.master")
@section('title', 'Edit couponActive ')


@section('body')
    <style>
        .duration-group{
            display:none;
        }

        form:has(#distype option[value="duration"]:checked) .duration-group{
            display:block;
        }

    </style>
    @php
    $currency = App\Currency::first();
    @endphp
    <section class="content">
        @include('admin.message')
        <div class="row">
            <div class="col-md-8">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <div class="box-title">
                            {{ __('adminstaticword.Edit') }} 優惠活動: {{ $couponActive->title }}
                        </div>
                    </div>
                    <form action="{{-- route('activeCoupon.update', $couponActive->id) --}}" method="POST">
                        @csrf
                        {{ method_field('PUT') }}
                
                        <div class="box-body">
                
                            <div class="form-group">
                                <label>優惠活動名稱: <span class="redstar">*</span></label>
                                <input value="{{ $couponActive->title }}" type="text" class="form-control" name="title" >
                            </div>

                            <div class="form-group">
                                <label>{{ __('adminstaticword.DiscountType') }}: <span class="redstar">*</span></label>
                                <select required="" name="type" id="distype" class="form-control" disabled>
                
                                    <option {{ $couponActive->type == 'fix' ? 'selected' : '' }} value="fix" >
                                        {{ __('adminstaticword.FixAmount') }}</option>
                                    <option {{ $couponActive->type == 'duration' ? 'selected' : '' }} value="duration">{{ __('adminstaticword.Duration') }}</option>
                
                                </select>
                
                            </div>
                
                            <div class="form-group">
                                <label>起始日: <span class="redstar">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input required value="{{ $couponActive->start_date ? date('Y-m-d', strtotime($couponActive->start_date)) : '' }}" id="start_date"
                                        type="text" class="form-control" name="start_date" >
                                </div>
                            </div>
                
                            <div class="form-group">
                                <label>{{ __('adminstaticword.ExpiryDate') }}: <span class="redstar">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input required value="{{ $couponActive->expirydate > 0 ? date('Y-m-d', strtotime($couponActive->expirydate)) : '' }}" id="expirydate"
                                        type="text" class="form-control" name="expirydate" >
                                </div>
                            </div>

                            <div class="form-group">
                                <label>{{ __('adminstaticword.Amount') }} / {{ __('adminstaticword.Days') }}: <span class="redstar">*</span></label>
                                <input type="number" value="{{ old( 'amount' ) ? old( 'amount' ) : $couponActive->amount }}" class="form-control" name="amount" disabled>
                
                            </div>

                            <div class="form-group duration-group">
                               
                                <input type="checkbox" id="register_in_daterange" class="" value="1" name="register_in_daterange" {{ $couponActive->register_in_daterange ? 'checked' : ''}}>
                                <label for="register_in_daterange">有效期間註冊</label>
                            </div>

                            <div class="form-group duration-group">
                               
                                <input type="checkbox" id="is_first_purchase" class="" value="1" name="is_first_purchase" {{ $couponActive->is_first_purchase ? 'checked' : ''}}>
                                <label for="is_first_purchase">首購</label>
                            </div>
                        </div>
                        
                        <div class="box-footer">
                            {{-- <button type="submit" class="btn btn-md btn-primary">
                                <i class="fa fa-save"></i> {{ __('adminstaticword.Update') }}
                            </button> --}}
                    </form>
                    <a href="{{ route('activeCoupon.index') }}" title="Cancel and go back"
                        class="btn btn-md btn-default btn-flat"><i class="fa fa-reply"></i>
                        {{ __('adminstaticword.Back') }}</a>
                </div>
            </div>
            <div class="col-md-12">
                @if( $couponActive->coupon->count() )
                <div class="row">
                    <div class="box box-primary col-sm-12">
                        <div class="row">
                            @if ( $couponActive->name && $couponActive->count )
                                <form id="auto-product" method="POST" action="{{ route('generator_coupons', ['id' => $couponActive->id ]) }}">
                                    @csrf
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label>前贅字: <span class="redstar">*</span></label>
                                            <input value="{{ $couponActive->name }}" required type="text" class="form-control" name="name" {{ $couponActive->name ? 'readonly' : '' }}>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group">
                                            <label>數量: <span class="redstar">*</span></label>
                                            <input value="" type="number" required min=1 max=10000 class="form-control" name="count" >
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <br>
                                        <button type="submit" class="btn btn-info">產生優惠卷</button>
                                    </div>
                                </form>
                            @else
                                <form method="POST" action="{{ route('importCoupons', ['id' => $couponActive->id ]) }}" enctype="multipart/form-data">
                                    @csrf
                                    <div class="col-sm-4">
                                        <input required type="file" class="form-control" name="coupons" accept=".csv">
                                    </div>
                                    <div class="col-sm-4">
                                        <button type="submit" class="btn btn-info">匯入優惠券</button>
                                    </div>
                                </form>
                            @endif
                        </div>
                        <div class="row">
                            <div class="col-sm-3">
                                <br>
                                <p>優惠券總數：{{ $active = $couponActive->coupon->count() }}</p>
                            </div>
                            <div class="col-sm-3">
                                <br>
                                <p>已用掉的優惠券：{{ is_null($couponUsed) ? 0 : $used = $couponUsed }}</p>
                            </div>
                            <div class="col-sm-3">
                                <br>
                                <p>使用比例：{{ is_null($couponUsed) ? 0 : $used / $active * 100 }}%</p>
                            </div>
                        </div>
                    
                        <table id="coupon-table" class="dataTable" style="width:100%">
                            <thead>
                                <tr>
                                    <th>優惠代碼</th>
                                    <th>折扣類型</th>
                                    <th>起始日</th>
                                    <th>過期日期</th>
                                    <th>金額/天數</th>
                                    <th>使用狀態</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach( $couponActive->coupon as $coupon )
                                <tr>
                                    <td>{{ $coupon->code }}</td>
                                    <td>{{ $coupon_types[$coupon->distype] }}</td>
                                    <td>{{ date('Y-m-d', strtotime($coupon->start_date)) }}</td>
                                    <td>{{ date('Y-m-d', strtotime($coupon->expirydate)) }}</td>
                                    <td>{{ $coupon->amount }}</td>
                                    <td>@if($coupon->couponUsed->count()) 已使用 @else 未使用 @endisset</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        
                    </div>
                </div>
                @else
                <div class="row">
                    <div class="box box-primary col-sm-12">
                        <div class="box-body">
                            <div class="row">
                                <div class="col-sm-12">
                                <h4 class="text-black">提供兩種方式產生優惠券則一即可</h3>
                                </div>
                                <div class="col-sm-12">
                                    <h4>自動產生資料：</h4>
                                    <form id="auto-product" method="POST" action="{{ route('generator_coupons', ['id' => $couponActive->id ]) }}">
                                        @csrf
                                        <div class="row">
                                            <div class="col-sm-4">
                                                <div class="form-group">
                                                    <label>前贅字: <span class="redstar">*</span></label>
                                                    <input value="" required type="text" class="form-control" name="name" >
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <div class="form-group">
                                                    <label>數量: <span class="redstar">*</span></label>
                                                    <input value="" required type="number" min=1 max=10000 class="form-control" name="count" >
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <br>
                                                <button type="submit" class="btn btn-info">產生優惠卷</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-sm-12"><hr></div>
                                <div class="col-sm-12">
                                    <h4>從CSV匯入：</h4>
                                    <div class="row">
                                        <form method="POST" action="{{ route('importCoupons', ['id' => $couponActive->id ]) }}" enctype="multipart/form-data">
                                            @csrf
                                            <div class="col-sm-4">
                                                <label>CSV: <span class="redstar">*</span></label>
                                                <input required type="file" class="form-control" name="coupons" accept=".csv">
                                            </div>
                                            <div class="col-sm-4">
                                                <br>
                                                <button type="submit" class="btn btn-info">匯入優惠券</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            </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>

    <script>
    table = $('#coupon-table').DataTable({
      dom: 'Blfrtip',
      buttons: [
        'copy', { extend: 'csv', text: 'CSV', bom : true}, 'excel', 'print'
      ],
    });
    </script>

@endsection