@extends('admin.layouts.master')
@section('header')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/pickers/pickadate/pickadate.css')}}">

@endsection
@section('contents')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('Coupons')}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item active"><a href="{{route('coupons.index')}}">{{__('Coupons')}}</a>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="content-body">
            <section id="basic-input">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">{{__('Create New Coupon')}}</h4>
                            </div>
                            <div class="card-content">
                                <div class="card-body">
                                    <form method="post" action="{{route('coupons.store')}}" enctype="multipart/form-data">
                                        @csrf
                                        @include('admin.coupons.form')
                                        <div class="col-12">
                                            <button type="submit"
                                                    class="btn btn-primary mr-1 mb-1 waves-effect waves-light">{{trans('Submit')}}
                                            </button>

                                            <a href="{{route('coupons.index')}}">
                                                <button type="button"
                                                        class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">
                                                    {{trans('Cancel')}}
                                                </button>
                                            </a>

                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>


        </div>
    </div>

@endsection
@section('scripts')
    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset('app-assets/vendors/js/ui/jquery.sticky.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/pickers/pickadate/picker.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/pickers/pickadate/picker.date.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/pickers/pickadate/picker.time.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/pickers/pickadate/legacy.js')}}"></script>
    <!-- END: Page Vendor JS-->

    <script src="{{asset('app-assets/js/core/app-menu.js')}}"></script>
    <script src="{{asset('app-assets/js/core/app.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/components.js')}}"></script>

    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/js/scripts/pickers/dateTime/pick-a-datetime.js')}}"></script>

    <script>
        $('#type').on('change',function (){
           let res=$(this).val()
            if (res == 1){
                $('#discount').attr({
                    "max" : 100,
                    "min" : 1
                });
            }else {
                $('#discount').attr({
                    "max" : 10000,
                    "min" : 1
                });
            }
        });
        $('#for_all').on('change',function (){
           let res=$(this).val()
            if (res == 1){
                $('#doctor_id').hide();
            }else {
                $('#doctor_id').show();
            }
        });
    </script>

@endsection