@php 

$flyers_option_a = App\Models\FlyerOptions::where('type',1)->where('ad_id',$ad->id)->get();

$flyers_option_b = App\Models\FlyerOptions::where('type',2)->where('ad_id',$ad->id)->get();

$flyers_option_c = App\Models\FlyerOptions::where('type',3)->where('ad_id',$ad->id)->get();


$module_folder = 'flyers'; 

@endphp

<div class="row">
   
    <form class="add-post-form" enctype="multipart/form-data" method="POST" id="form{{$module->slug}}">

        @csrf()

        <div class="col-lg-12">
               <div class="post-sub-sec">
                <h4 class="post-sub-title">1. Flyer Details</h4>
                <div class="form-group">
                    <label for="inputTitle">Business Address</label>
                    <input type="text" class="form-control" id="inputTitle" name="title" value="{{ $ad->title  ?? '' }}" placeholder="Enter Location">
                </div>

               
                <div class="form-group">

                    <label for="inputFeatuedImage" class="label-display-block">Business Logo</label>

                    <div class="fileinput @if( isset( $ad->featured_image ) )  fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                        <div class="fileinput-preview fileinput-exists thumbnail">
                           @if( isset( $ad->featured_image ) ) 
                              <img src="{{asset($module_folder.'/'.$ad->featured_image)}}">
                          @endif
                        </div>
                        <div>
                          <span class="btn btn-primary btn-file">
                              <span class="fileinput-new">Select Image</span>
                              <span class="fileinput-exists">Change</span>
                              <input type="hidden" name="featured_image" value="{{ $ad->featured_image ?? ''}}">
                              <input id="featured_image" name="featured_image" type="file" class="form-control" accept="image/*"/>
                          </span>
                          <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                        </div>
                    </div>

                </div>  
            </div>

            <div class="post-sub-sec">
                <h4 class="post-sub-title">2. Contact Info</h4>
                 <div class="form-row">
                     <div class="form-group col-md-6">
                        <label for="contactName">Business Name</label>
                        <input type="text" class="form-control" id="contactName" name="contact_name" value="{{ $ad->contact_name ?? ''}}">
                    </div>
              

                    <div class="form-group col-md-6">
                        <label for="inputEmail4">Email</label>
                        <input type="email" class="form-control" id="inputEmail4" name="email" value="{{ $ad->email ?? ''}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputPhone">Phone (XXXXXXXXXX)</label>
                        <input type="text" class="form-control" id="inputPhone" name="phone" value="{{ $ad->phone ?? ''}}">
                    </div>
                </div>
               
            </div>

            <div class="post-sub-sec">
                <h4 class="post-sub-title">3. Flyer Option A - 1 or 2 Page Flyer</h4>
                 <div class="form-check">
                    <input name="flyers_option_1" type="checkbox" class="form-check-input" id="flyerOptionA" value="1" {{ $ad->flyers_option_1 == 1 ? 'checked' : '' }}>
                    <label class="form-check-label" for="flyerOptionA">Choose Option A</label>
                  </div>
                <div class="form-row flyers-options-a" {!! $ad->flyers_option_1 == 1 ? '' : 'style="display:none;"' !!}>
                    <div class="form-group col-md-6">
                        <label for="">Flyers Start Date</label>
                        <input type="text" class="form-control" id="flyersdatetimepickerfrom" name="event_start_date" value="{{$ad->event_start_date ?? ''}}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="">Flyers End Date</label>
                        <input type="text" class="form-control" id="flyersdatetimepickerto" name="event_end_date" value="{{$ad->event_end_date ?? ''}}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>    
                    </div>
                </div>

                <div class="form-row flyers-list-1-container flyers-options-a" {!! $ad->flyers_option_1 == 1 ? '' : 'style="display:none;"' !!} >
                     
                    @if( isset($flyers_option_a) && count($flyers_option_a) > 0  )

    
                        @foreach( $flyers_option_a as $key => $list1)

                            <div class="flyers-list-1-wrapper row">

                                <div class="form-group col-md-3">

                                    <label for="inputFlyerImages" class="label-display-block">Flyer Image</label>

                                    <div class="fileinput @if( isset( $list1->image ) ) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                                        <div class="fileinput-preview fileinput-exists thumbnail">
                                           @if( isset( $list1->image )) 
                                              <img src="{{asset($module_folder.'/'.$list1->image)}}">
                                          @endif
                                        </div>
                                        <div>
                                          <span class="btn btn-primary btn-file">
                                              <span class="fileinput-new">Select Image</span>
                                              <span class="fileinput-exists">Change</span>
                                              <input type="hidden" name="flyers_option_a[{{$key+1}}][image]" value="{{ isset( $list1->image ) ? $list1->image : ''}}">
                                              <input name="flyers_option_a[{{$key+1}}][image]" type="file" class="form-control" accept="image/*"/>
                                          </span>
                                          <a href="javascript:void(0);" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                                        </div>
                                    </div>

                                </div>

                                @if( $key != 0 )
                                <div class="form-group col-md-2">
                                    <a href="javascript:void(0);" class="remove-flyers-list-1 btn btn-danger btn-sm">Remove Row</a>
                                </div>
                                @endif

                            </div>
                        
                        @endforeach

                    @else

                        <div class="flyers-list-1-wrapper row">

                            <div class="form-group col-md-3">

                                <label for="inputFlyerImages" class="label-display-block">Flyer Image</label>

                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-preview fileinput-exists thumbnail">
                                     
                                    </div>
                                    <div>
                                      <span class="btn btn-primary btn-file">
                                          <span class="fileinput-new">Select Image</span>
                                          <span class="fileinput-exists">Change</span>
                                          <input type="hidden" name="flyers_option_a[1][image]" value="">
                                          <input  name="flyers_option_a[1][image]" type="file" class="form-control" accept="image/*"/>
                                      </span>
                                      <a href="javascript:void(0);" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>

                            </div>

                        </div>

                    @endif

                </div>
                <div class="form-row row flyers-options-a" {!! $ad->flyers_option_1 == 1 ? '' : 'style="display:none;"' !!}>
                    
                    <div class="form-group">
                        <button type="button" class="btn btn-secondary add-new-flyers-list-1">Add new</button>
                    </div>

                </div>
            </div>

            <div class="post-sub-sec">
                <h4 class="post-sub-title">4. Flyer Option B - Coupon</h4>
                <div class="form-check">
                    <input name="flyers_option_2" type="checkbox" class="form-check-input" id="flyerOptionB" value="1" {{ $ad->flyers_option_2 == 1 ? 'checked' : '' }}>
                    <label class="form-check-label" for="flyerOptionB">Choose Option B</label>
                </div>
                <div class="form-row flyers-options-b" {!! $ad->flyers_option_2 == 1 ? '' : 'style="display:none;"' !!}>
                    <div class="form-group col-md-6">
                        <label for="">Coupon Start Date</label>
                        <input type="text" class="form-control" id="flyerscoupondatetimepickerfrom" name="coupon_start_date" value="{{$ad->coupon_start_date ?? '' }}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="">Coupon End Date</label>
                        <input type="text" class="form-control" id="flyerscoupondatetimepickerto" name="coupon_end_date" value="{{$ad->coupon_end_date ?? '' }}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>    
                    </div>
                </div>

                <div class="form-row flyers-list-2-container flyers-options-b" {!! $ad->flyers_option_2 == 1 ? '' : 'style="display:none;"' !!}>
                     
                    @if( isset($flyers_option_b)  && count($flyers_option_b) > 0 )


                        @foreach( $flyers_option_b as $key => $list2)

                            <div class="flyers-list-2-wrapper row">

                                <div class="form-group col-md-3">

                                    <label for="inputFlyerImages" class="label-display-block">Coupon Image</label>

                                    <div class="fileinput @if( isset( $list2->image ) ) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                                        <div class="fileinput-preview fileinput-exists thumbnail">
                                           @if( isset( $list2->image )) 
                                              <img src="{{asset($module_folder.'/'.$list2->image)}}">
                                          @endif
                                        </div>
                                        <div>
                                          <span class="btn btn-primary btn-file">
                                              <span class="fileinput-new">Select Image</span>
                                              <span class="fileinput-exists">Change</span>
                                              <input type="hidden" name="flyers_option_b[{{$key+1}}][image]" value="{{ isset( $list2->image ) ? $list2->image : ''}}">
                                              <input name="flyers_option_b[{{$key+1}}][image]" type="file" class="form-control" accept="image/*"/>
                                          </span>
                                          <a href="javascript:void(0);" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                                        </div>
                                    </div>

                                </div>

                                @if( $key != 0 )
                                <div class="form-group col-md-2">
                                    <a href="javascript:void(0);" class="remove-flyers-list-2 btn btn-danger btn-sm">Remove Row</a>
                                </div>
                                @endif

                            </div>
                        
                        @endforeach

                    @else

                        <div class="flyers-list-2-wrapper row">

                            <div class="form-group col-md-3">

                                <label for="inputFlyerImages" class="label-display-block">Coupon Image</label>

                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-preview fileinput-exists thumbnail">
                                     
                                    </div>
                                    <div>
                                      <span class="btn btn-primary btn-file">
                                          <span class="fileinput-new">Select Image</span>
                                          <span class="fileinput-exists">Change</span>
                                          <input type="hidden" name="flyers_option_b[1][image]" value="">
                                          <input  name="flyers_option_b[1][image]" type="file" class="form-control" accept="image/*"/>
                                      </span>
                                      <a href="javascript:void(0);" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>

                            </div>

                        </div>

                    @endif
                </div>

                <div class="form-row row flyers-options-b " {!! $ad->flyers_option_2 == 1 ? '' : 'style="display:none;"' !!}>    
                    <div class="form-group">
                        <button type="button" class="btn btn-secondary add-new-flyers-list-2">Add new</button>
                    </div>
                </div>

            </div>


            <div class="post-sub-sec">
                <h4 class="post-sub-title">5. Flyer Option C - Multiple Page Flyer</h4>
                <div class="form-check">
                    <input name="flyers_option_3" type="checkbox" class="form-check-input" id="flyerOptionC" value="1" {{ $ad->flyers_option_3 == 1 ? 'checked' : '' }}>
                    <label class="form-check-label" for="flyerOptionC">Choose Option C</label>
                </div>
                <div class="form-row flyers-options-c" {!! $ad->flyers_option_3 == 1 ? '' : 'style="display:none;"' !!}>
                    <div class="form-group col-md-6">
                        <label for="">Flyer Start Date</label>
                        <input type="text" class="form-control" id="flyersoptoincdatetimepickerfrom" name="option_c_start_date" value="{{ $ad->option_c_start_date ?? '' }}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="">Flyer End Date</label>
                        <input type="text" class="form-control" id="flyersoptoincdatetimepickerto" name="option_c_end_date" value="{{ $ad->option_c_end_date ?? '' }}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>    
                    </div>
                </div>

                <div class="form-row flyers-list-3-container flyers-options-c" {!! $ad->flyers_option_3 == 1 ? '' : 'style="display:none;"' !!}>
                     
                    @if( isset($flyers_option_c)  && count($flyers_option_c) > 0)


                        @foreach( $flyers_option_c as $key => $list3)

                            <div class="flyers-list-3-wrapper row">

                                <div class="form-group col-md-3">

                                    <label for="inputFlyerImages" class="label-display-block">Front Page Flyer Image or Logo</label>

                                    <div class="fileinput @if( isset( $list3->image ) ) fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                                        <div class="fileinput-preview fileinput-exists thumbnail">
                                           @if( isset( $list3->image )) 
                                              <img src="{{asset($module_folder.'/'.$list3->image)}}">
                                          @endif
                                        </div>
                                        <div>
                                          <span class="btn btn-primary btn-file">
                                              <span class="fileinput-new">Select Image</span>
                                              <span class="fileinput-exists">Change</span>
                                              <input type="hidden" name="flyers_option_c[{{$key+1}}][image]" value="{{ isset( $list3->image ) ? $list3->image : ''}}">
                                              <input name="flyers_option_c[{{$key+1}}][image]" type="file" class="form-control" accept="image/*"/>
                                          </span>
                                          <a href="javascript:void(0);" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                                        </div>
                                    </div>

                                </div>

                                @if( $key != 0 )
                                <div class="form-group col-md-2">
                                    <a href="javascript:void(0);" class="remove-flyers-list-3 btn btn-danger btn-sm">Remove Row</a>
                                </div>
                                @endif

                            </div>
                        
                        @endforeach

                    @else

                        <div class="flyers-list-3-wrapper row">

                            <div class="form-group col-md-3">

                                <label for="inputFlyerImages" class="label-display-block">Front Page Flyer Image or Logo</label>

                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-preview fileinput-exists thumbnail">
                                     
                                    </div>
                                    <div>
                                      <span class="btn btn-primary btn-file">
                                          <span class="fileinput-new">Select Image</span>
                                          <span class="fileinput-exists">Change</span>
                                          <input type="hidden" name="flyers_option_c[1][image]" value="">
                                          <input  name="flyers_option_c[1][image]" type="file" class="form-control" accept="image/*"/>
                                      </span>
                                      <a href="javascript:void(0);" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove Row</a>
                                    </div>
                                </div>

                            </div>

                        </div>

                    @endif
                </div>
         
            <div class="form-row row flyers-options-c" {!! $ad->flyers_option_3 == 1 ? '' : 'style="display:none;"' !!}>
                 <label for="inputFlyerImages" class="col-md-12">Enable Multiple page</label> <br> <br>
                <div class="form-check multiple-page-enable">
                    <input type="radio" name="multiple_page_enable" class="form-check-input" id="enableMultiplePageYes" value="1" {{ $ad->multiple_page_enable == 1 ? 'checked' : '' }}>
                    <label class="form-check-label" for="enableMultiplePageYes">Yes</label>
                </div>

                <div class="form-check multiple-page-enable">
                    <input type="radio" name="multiple_page_enable" class="form-check-input" id="enableMultiplePageYes" value="0" {{ $ad->multiple_page_enable == 0 ? 'checked' : '' }}>
                    <label class="form-check-label" for="enableMultiplePageYes">No</label>
                </div>
            </div>

            <div class="form-row flyers-options-c" {!! $ad->flyers_option_3 == 1 ? '' : 'style="display:none;"' !!}>
                <div class="form-group col-md-6">
                    <label for="inputWebsite">Website Link to Flyer </label>
                    <input type="text" class="form-control" id="inputWebsite" name="website" value="{{ $ad->website ?? ''  }}">
                </div>
            </div>
        </div>
            
       
            <div class="post-sub-btn-sec">
                <button type="button" class="btn btn-primary post-ad-button" data-action="{{route('user.my.flyers.update',$ad->slug)}}" data-form="form{{$module->slug}}" data-redirect="{{route('user.dashboard')}}" data-button="Send for review..." data-button-success="Send for review">Send for review</button>
            </div>
        </div>
    </form>
    
</div>


@section('head-css')
<link href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="{{ asset('backend/jasny-bootstrap/css/jasny-bootstrap.css')}}" rel="stylesheet" />
@endsection

@section('scripts')
<script type="text/javascript" src="{{ asset('backend/jasny-bootstrap/js/jasny-bootstrap.js') }}"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
<script type="text/javascript">    


$(".post-ad-button").on('click',function(event){

    event.preventDefault();

    $("span.uk-text-danger").remove();

    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('input[name="_token"]').val()
      }
    });
    var formName    = $(this).attr('data-form');
    var formAction  = $(this).attr('data-action');
    var form = document.forms.namedItem(formName); // high importance!, here you need change "yourformname" with the name of your form
    var formRedirect = $(this).attr('data-redirect');
    
    var buttonBeforeMessage = $(this).attr('data-button');
    var buttonSuccessMessage = $(this).attr('data-button-success');

    var self         = $(this);

    var formData     = new FormData(form); // high importance!

    $.ajax({

        url: formAction,

        processData: false,

        contentType: false,

        cache: false,

        method: 'POST',

        data: formData,

        beforeSend: function(){
            $("#loading-div-background").show();
        },

        success: function(data){
           window.location.replace(formRedirect);
        },
        error: function(jqXhr, json, errorThrown){
            
            $("#loading-div-background").hide();
            
            self.text(buttonSuccessMessage);

            self.removeAttr('disabled');

            var errors = jqXhr.responseJSON;

            $.each(errors['errors'], function (index, value) {
           
                if(index == 'province_id'){
                    $('#eventForm select[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }
               
                else{
                    $('#eventForm input[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }

            });

            $("html, body").animate({
                scrollTop: 500
            }, 900);  

        }
    });
});



$("#flyerOptionA").on('click',function(){
        console.log( $(this).prop("checked") );
        if( $(this).prop("checked") )
        {
            $(".flyers-options-a").show();
        }
        else
        {
            $(".flyers-options-a").hide();   
        }
    });


    $("#flyerOptionB").on('click',function(){
        console.log( $(this).prop("checked") );
        if( $(this).prop("checked") )
        {
            $(".flyers-options-b").show();
        }
        else
        {
            $(".flyers-options-b").hide();   
        }
    });

    $("#flyerOptionC").on('click',function(){
        console.log( $(this).prop("checked") );
        if( $(this).prop("checked") )
        {
            $(".flyers-options-c").show();
        }
        else
        {
            $(".flyers-options-c").hide();   
        }
    });

    // Flyers option 1
    var flyecnt = $('.flyers-list-1-container').children().length;
    
    $('.add-new-flyers-list-1').on('click', function() {

        flyecnt++;
        var icontainer = ` <div class="flyers-list-1-wrapper row">


                        <div class="form-group col-md-3">

                            <label for="inputFeatuedImage" class="label-display-block">Flyers Image</label>

                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                <div class="fileinput-preview fileinput-exists thumbnail">
                                 
                                </div>
                                <div>
                                  <span class="btn btn-primary btn-file">
                                      <span class="fileinput-new">Select Image</span>
                                      <span class="fileinput-exists">Change</span>
                                      <input type="hidden" name="flyers_option_a[${flyecnt}][image]" value="">
                                      <input name="flyers_option_a[${flyecnt}][image]" type="file" class="form-control" accept="image/*"/>
                                  </span>
                                  <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                                </div>
                            </div>

                        </div>

                        <div class="form-group col-md-2">
                            <a href="javascript:void(0);" class="remove-flyers-list-1 btn btn-danger btn-sm">Remove Row</a>
                        </div>


                    </div>`;

        $('.flyers-list-1-container').append(icontainer);

        $(".remove-flyers-list-1").on('click',function(){
           $(this).parent().parent().remove();
           flyecnt--;
        });
    });

    $(".remove-flyers-list-1").on('click',function(){
        $(this).parent().parent().remove();
        flyecnt--;
    });


    // Flyers option B
    var flyecnt1 = $('.flyers-list-2-container').children().length;

    $('.add-new-flyers-list-2').on('click', function() {

        flyecnt1++;
        var icontainer = ` <div class="flyers-list-2-wrapper row">

                        <div class="form-group col-md-3">

                            <label for="inputFeatuedImage" class="label-display-block">Coupon Image</label>

                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                <div class="fileinput-preview fileinput-exists thumbnail">
                                 
                                </div>
                                <div>
                                  <span class="btn btn-primary btn-file">
                                      <span class="fileinput-new">Select Image</span>
                                      <span class="fileinput-exists">Change</span>
                                      <input type="hidden" name="flyers_option_b[${flyecnt1}][image]" value="">
                                      <input name="flyers_option_b[${flyecnt1}][image]" type="file" class="form-control" accept="image/*"/>
                                  </span>
                                  <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                                </div>
                            </div>

                        </div>

                        <div class="form-group col-md-2">
                            <a href="javascript:void(0);" class="remove-flyers-list-2 btn btn-danger btn-sm">Remove Row</a>
                        </div>


                    </div>`;

        $('.flyers-list-2-container').append(icontainer);

        $(".remove-flyers-list-2").on('click',function(){
           $(this).parent().parent().remove();
           flyecnt1--;
        });
    });


    $(".remove-flyers-list-2").on('click',function(){
        $(this).parent().parent().remove();
        flyecnt1--;
    });


     // Flyers option c
    var flyecnt2 = $('.flyers-list-3-container').children().length;

    $('.add-new-flyers-list-3').on('click', function() {

        flyecnt2++;
        var icontainer = ` <div class="flyers-list-3-wrapper row">

                        <div class="form-group col-md-3">

                            <label for="inputFeatuedImage" class="label-display-block">Coupon Image</label>

                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                <div class="fileinput-preview fileinput-exists thumbnail">
                                 
                                </div>
                                <div>
                                  <span class="btn btn-primary btn-file">
                                      <span class="fileinput-new">Select Image</span>
                                      <span class="fileinput-exists">Change</span>
                                      <input type="hidden" name="flyers_option_c[${flyecnt2}][image]" value="">
                                      <input name="flyers_option_c[${flyecnt2}][image]" type="file" class="form-control" accept="image/*"/>
                                  </span>
                                  <a href="#" class="btn btn-danger fileinput-exists" data-dismiss="fileinput">Remove</a>
                                </div>
                            </div>

                        </div>

                        <div class="form-group col-md-2">
                            <a href="javascript:void(0);" class="remove-flyers-list-3 btn btn-danger btn-sm">Remove Row</a>
                        </div>


                    </div>`;

        $('.flyers-list-3-container').append(icontainer);

        $(".remove-flyers-list-3").on('click',function(){
           $(this).parent().parent().remove();
           flyecnt2--;
        });
    });


    $(".remove-flyers-list-3").on('click',function(){
        $(this).parent().parent().remove();
        flyecnt2--;
    });

      $(function () {

        // Option A
        $("#flyersdatetimepickerfrom").datepicker({
            dateFormat: "yy-mm-dd",
            minDate: 0,
            onSelect: function () {
                
                var dt1     = $('#flyersdatetimepickerto');

                var maxdate = dt1.datepicker('getDate');
                
                var minDate = $(this).datepicker('getDate');
                
                dt1.datepicker('option', 'minDate', minDate);
                
                dt1.datepicker('option', 'dateFormat', 'yy-mm-dd');

                dt1.val('');
            }
        });

        $("#flyersdatetimepickerto").datepicker({
            dateFormat: "yy-mm-dd",
            minDate: 0,
        });

        // Option B
        $("#flyerscoupondatetimepickerfrom").datepicker({
            dateFormat: "yy-mm-dd",
            minDate: 0,
            onSelect: function () {
                
                var dt1     = $('#flyerscoupondatetimepickerto');

                var maxdate = dt1.datepicker('getDate');
                
                var minDate = $(this).datepicker('getDate');
                
                dt1.datepicker('option', 'minDate', minDate);
                
                dt1.datepicker('option', 'dateFormat', 'yy-mm-dd');

                dt1.val('');
            }
        });

        $("#flyerscoupondatetimepickerto").datepicker({
            dateFormat: "yy-mm-dd",
            minDate: 0,
        });


        // Option C
        $("#flyersoptoincdatetimepickerfrom").datepicker({
            dateFormat: "yy-mm-dd",
            minDate: 0,
            onSelect: function () {
                
                var dt1     = $('#flyersoptoincdatetimepickerto');

                var maxdate = dt1.datepicker('getDate');
                
                var minDate = $(this).datepicker('getDate');
                
                dt1.datepicker('option', 'minDate', minDate);
                
                dt1.datepicker('option', 'dateFormat', 'yy-mm-dd');

                dt1.val('');
            }
        });

        $("#flyersoptoincdatetimepickerto").datepicker({
            dateFormat: "yy-mm-dd",
            minDate: 0,
        });

    });


</script>

@endsection