@extends("admin/layouts.master")
@section('title', 'Add New Coupon')

@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.Add') }} {{ __('adminstaticword.Coupon') }}
                        </div>
                    </div>
                    <form action="{{ route('coupon.store') }}" method="POST">
                        @csrf
                        <div class="box-body">

                            <div class="form-group">
                                <label>{{ __('adminstaticword.CouponCode') }}: <span class="redstar">*</span></label>
                                <input required type="text" class="form-control" name="code" value="{{ old( 'code' ) }}">
                            </div>
                            <div class="form-group">
                                <label>{{ __('adminstaticword.DiscountType') }}: <span class="redstar">*</span></label>

                                <select required="" name="distype" id="distype" class="form-control">

                                    <option value="fix">{{ __('adminstaticword.FixAmount') }}</option>
                                    <!--<option value="per">% {{ __('adminstaticword.Percentage') }}</option>-->
                                    <option value="duration">{{ __('adminstaticword.Duration') }}</option>

                                </select>

                            </div>

                            <div class="form-group">
                                <label>{{ __('adminstaticword.GetStarted').__('adminstaticword.Date') }}: </label>
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input required value="" id="start_date"
                                        type="text" class="form-control" name="start_date">
                                </div>
                            </div>

                            <div class="form-group">
                                <label>{{ __('adminstaticword.ExpiryDate') }}: </label>
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input required value="" id="expirydate"
                                        type="text" class="form-control" name="expirydate">
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label>總使用上限: </label>
                                <input value="" type="number" class="form-control"
                                    name="maxusage" min="1">
                            </div>

                            <div class="form-group">
                                <label>單人使用上限: </label>
                                <input value="" type="number" class="form-control"
                                    name="person_maxusage" min="1">
                            </div>

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

                            </div>
                            
                            <div class="form-group duration-group">
                               
                               <input type="checkbox" id="register_in_daterange" class="" value="1" name="register_in_daterange" >
                               <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" >
                               <label for="is_first_purchase">首購</label>
                           </div>

                            <!--<div id="probox" class="form-group display-none">
                                <label>{{ __('adminstaticword.SelectCourse') }}: <span class="redstar">*</span> </label>
                                <br>
                                <select style="width: 100%" id="pro_id" name="course_id"
                                    class="js-example-basic-single form-control">
                                    <option value="none" selected disabled hidden>
                                        {{ __('adminstaticword.SelectanOption') }}
                                    </option>
                                    @foreach (App\Course::where('status', '1')->get() as $product)
                                        @if ($product->type == 1)

                                            <option value="{{ $product->id }}">{{ $product['title'] }}
                                                - {{ $product->discount_price }}<i
                                                    class="{{ $currency->icon }}">{{ $currency->currency }}</i>
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                            <div id="bundlebox" class="form-group display-none">
                                <label>{{ __('adminstaticword.SelectBundle') }}: <span class="redstar">*</span> </label>
                                <br>
                                <select style="width: 100%" id="bundle_id" name="bundle_id"
                                    class="js-example-basic-single form-control">
                                    <option value="none" selected disabled hidden>
                                        {{ __('adminstaticword.SelectanOption') }}
                                    </option>
                                    @foreach (App\BundleCourse::where('status', '1')->get()->sortByDesc('updated_at') as $product)
                                        @if ($product->type == 1)
                                            <option value="{{ $product->id }}">{{ $product['title'] }}
                                                @isset($product->billing_interval)
                                                    - {{ $product->discount_price }} <i
                                                        class="{{ $currency->icon }}">{{ $currency->currency }}</i> /
                                                    {{ $product->billing_interval }}
                                                @endisset()
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>


                            <div id="catbox" class="form-group display-none">
                                <label>{{ __('adminstaticword.SelectCategories') }}: <span class="required">*</span>
                                </label>
                                <br>
                                <select style="width: 100%" id="cat_id" name="category_id"
                                    class="js-example-basic-single form-control">
                                    <option value="none" selected disabled hidden>
                                        {{ __('adminstaticword.SelectanOption') }}
                                    </option>
                                    @foreach (App\Categories::where('status', '1')->get() as $category)
                                        <option value="{{ $category->id }}">{{ $category['title'] }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label>{{ __('adminstaticword.MaxUsageLimit') }}: </label>
                                <input type="number" class="form-control" name="maxusage">
                            </div>
                            <div id="minAmount" class="form-group">
                                <label>{{ __('adminstaticword.MinAmount') }}: </label>
                                <div class="input-group">
                                    @php
                                    $currency = App\Currency::first();
                                    @endphp
                                    <span class="input-group-addon"><i class="{{ $currency->icon }}"></i></span>
                                    <input type="number" min="0.0" value="0.00" step="0.1" class="form-control"
                                        name="minamount">
                                </div>
                            </div>
                            <div class="form-group">
                                <label>{{ __('adminstaticword.ExpiryDate') }}: </label>
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input required="" id="expirydate" type="text" class="form-control" name="expirydate">
                                </div>
                            </div>-->


                            <!--<div class="form-group">
                                <label for="exampleInputDetails">{{ __('adminstaticword.CouponCodedisplayonfront') }}:</label>
                                 <input {{ old('show_to_users') == "0" ? '' : "checked" }} class="tgl tgl-skewed" name="show_to_users"  id="frees" type="checkbox">
                                <label class="tgl-btn" data-tg-off="No" data-tg-on="Yes" for="frees"></label>

                                <small class="txt-desc">(If Choose Yes then Coupon Code shows to all users) </small>
                            </div>-->
                        </div>

                        <div class="box-footer">
                            <button type="submit" class="btn btn-md btn-primary">
                                <i class="fa fa-plus-circle"></i> {{ __('adminstaticword.Add') }}
                            </button>
                    </form>
                    <a href="{{ route('coupon.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>
    </section>

@endsection

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

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

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

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

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

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

        })(jQuery);

    </script>

@endsection