@extends('layouts.admin')
@section('content')
    <div class="container-fluid">
	    <div class="content">
		    <!-- Start Content-->
		    <div class="container-fluid">
			    <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ env('APP_NAME') }}</a></li>
                                    <li class="breadcrumb-item"><a href="{{ route('coupons.index') }}">{{__('labels.coupon.title')}}</a></li>
                                    <li class="breadcrumb-item active">{{__('labels.coupon.edit')}}</li>
                                </ol>
                            </div>
                            <h4 class="page-title"></h4>
                        </div>
                    </div>
                </div>     
                <!-- end page title --> 
				
                @if (session('error'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        {{ session('error') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

		        <div id="ShowDropifyMessage"></div>
                <div class="masonry-item col-md-12">
                    <div class="bgc-white p-20 bd">
                        <div class="mT-10">
                            {{ Form::open(array('method'=>'PUT','route' => array('coupons.update', $data['coupon']->id),'class' => 'form-horizontal submitCouponForm')) }}
                                {{ Form::hidden('id', $data['coupon']->id, ['class' => 'form-control']) }}
                                @include('admin.coupons.form')

                                <div class="row">
                                    <div class="col-md-12">
                                        {{Form::submit(__('labels.coupon.edit'),['class'=>'btn btn-primary btn-color','id'=>'submitCouponFormButton'])}}
                                        
                                        <a href="{{ route('coupons.index') }}" class="btn btn-secondary btn-color">{{__('labels.coupon.cancel')}}</a>
                                    </div>
                                </div>
                            {{ Form::close() }}
                        </div>
                    </div>
                </div>
		    </div>
	    </div>
    </div>
    <script>
        $("#submitCouponFormButton").on('click', function(e){
            e.preventDefault();
            $("#submitCouponFormButton").prop('disabled', true);
            $("#submitCouponFormButton").html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span> Submitting...');
            $("form.submitCouponForm").submit();
        });

        $(function() {
            var today = new Date();
            var startDate = $('#start_date');
            var endDate = $('#end_date');
            var getStartDate = $('#start_date').val();
            var getEndDate = $('#end_date').val();
            console.log('getStartDate',getStartDate);
            startDate.datepicker({
                dateFormat: 'dd-mm-yy',
                minDate: getStartDate,
                onSelect: function(selectedDate) {
                    var minDate = $(this).datepicker('getDate');
                    minDate.setDate(minDate.getDate() + 1);
                    endDate.datepicker('option', 'minDate', minDate);
                }
            });

            endDate.datepicker({
                dateFormat: 'dd-mm-yy',
                minDate: getEndDate
            });
        });
    </script>
@endsection