@php 
  $categorySelection = null;
  if( isset(  $preview->preview_data ) )
  {
    $previewData = json_decode( $preview->preview_data );  
    
    if( isset($previewData) && $previewData->module_id == $module->id )
    {
        $previv = true;    
    }
    else
    {
        $previv = false;
    }

    if(isset($previewData->module_id) && $previewData->module_id == 11)
    {
      $module_folder = 'flyers';
    }
    
  }
  else
  {
    $previv = false;
  }
 
@endphp

<div class="row">
    @if(in_array( $module->id, [11]))
    <form class="add-post-form" action="{{route('post-ad.flyers.save',$module->slug)}}" enctype="multipart/form-data" method="POST" id="form{{$module->slug}}">
        @csrf()
        <input type="hidden" name="preview" value="{{$previv}}">
        <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="{{isset($previewData) && $previewData->module_id == $module->id && $previewData->title ? $previewData->title : ''}}" placeholder="Enter Location">
                </div>

               
                <div class="form-group">

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

                    <div class="fileinput @if( isset( $previewData->featured_image ) && $previewData->module_id == $module->id )  fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                        <div class="fileinput-preview fileinput-exists thumbnail">
                           @if( isset( $previewData->featured_image ) && $previewData->module_id == $module->id ) 
                              <img src="{{asset($module_folder.'/'.$previewData->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="{{ ( isset($previewData->featured_image)  && $previewData->module_id == $module->id ) ? $previewData->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="{{isset($previewData) && $previewData->module_id == $module->id && $previewData->contact_name ? $previewData->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="{{isset($previewData) && $previewData->module_id == $module->id && $previewData->email ? $previewData->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="{{isset($previewData) && $previewData->module_id == $module->id && $previewData->phone ? $previewData->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" {!! isset($previewData) && $previewData->module_id == $module->id && $previewData->flyers_option_1 == '1' ? 'checked' : '' !!} >
                    <label class="form-check-label" for="flyerOptionA">Choose Option A</label>
                  </div>
                <div class="form-row flyers-options-a"  {!! isset($previewData) && $previewData->module_id == $module->id && $previewData->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="{{old('event_start_date', isset($previewData) && $previewData->module_id == $module->id && $previewData->event_start_date ? $previewData->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="{{old('event_end_date', isset($previewData) && $previewData->module_id == $module->id && $previewData->event_end_date ? $previewData->event_end_date : '')}}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>    
                    </div>
                </div>

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

    
                        @foreach( $previewData->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">Flyers 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</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">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[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" {!! isset($previewData) && $previewData->module_id == $module->id && $previewData->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" {!! isset($previewData->flyers_option_2) && $previewData->module_id == $module->id && $previewData->flyers_option_2 == '1' ? 'checked' : '' !!}>
                    <label class="form-check-label" for="flyerOptionB">Choose Option B</label>
                </div>
                <div class="form-row flyers-options-b" {!! isset($previewData->flyers_option_2) && $previewData->module_id == $module->id && $previewData->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="{{old('coupon_start_date', isset($previewData) && $previewData->module_id == $module->id && $previewData->coupon_start_date ? $previewData->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="{{old('coupon_end_date', isset($previewData) && $previewData->module_id == $module->id && $previewData->coupon_end_date ? $previewData->coupon_end_date : '')}}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>    
                    </div>
                </div>

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


                        @foreach( $previewData->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</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 " {!! isset($previewData->flyers_option_2) && $previewData->module_id == $module->id && $previewData->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" {!! isset($previewData->flyers_option_3) && $previewData->module_id == $module->id && $previewData->flyers_option_3 == '1' ? 'checked' : '' !!}>
                    <label class="form-check-label" for="flyerOptionC">Choose Option C</label>
                </div>
                <div class="form-row flyers-options-c" {!! isset($previewData->flyers_option_3) && $previewData->module_id == $module->id && $previewData->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="{{old('option_c_start_date', isset($previewData) && $previewData->module_id == $module->id && $previewData->option_c_start_date ? $previewData->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="{{old('option_c_end_date', isset($previewData) && $previewData->module_id == $module->id && $previewData->option_c_end_date ? $previewData->option_c_end_date : '')}}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>    
                    </div>
                </div>

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


                        @foreach( $previewData->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</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</a>
                                    </div>
                                </div>

                            </div>

                        </div>

                    @endif
                </div>

             
                <div class="form-row row flyers-options-c" {!! isset($previewData->flyers_option_3) && $previewData->module_id == $module->id && $previewData->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" {!! isset($previewData->multiple_page_enable) && $previewData->module_id == $module->id && $previewData->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" {!! isset($previewData->multiple_page_enable) && $previewData->module_id == $module->id && $previewData->multiple_page_enable == '0' ? 'checked' : '' !!}>
                        <label class="form-check-label" for="enableMultiplePageYes">No</label>
                    </div>
                </div>

                <div class="form-row flyers-options-c" {!! isset($previewData->flyers_option_3) && $previewData->module_id == $module->id && $previewData->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="{{old('website',isset($previewData) && $previewData->module_id == $module->id && $previewData->website ? $previewData->website : '')}}">
                    </div>
                </div>
            </div>
            
            <div class="post-sub-sec business-promote">
                <h4 class="post-sub-title">6. Promote Your Ad (Please select your package)</h4>
                 <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="">Post Start Date</label>
                        <input type="text" class="form-control" id="flyerspostdatetimepickerfrom" name="post_start_date" value="{{old('post_start_date', isset($previewData) && $previewData->module_id == $module->id && $previewData->post_start_date ? $previewData->post_start_date : '')}}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>
                    </div>
                    <div class="form-group col-md-6">
                        <label for="">Post End Date</label>
                        <input type="text" class="form-control" id="flyerspostdatetimepickerto" name="post_end_date" value="{{old('post_end_date', isset($previewData) && $previewData->module_id == $module->id && $previewData->post_end_date ? $previewData->post_end_date : '')}}" placeholder="YYYY-MM-DD" autocomplete="off" readonly>
                    </div>
                </div>
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th scope="col">Your Choices</th>
                            <th scope="col">Duration</th>
                            <th scope="col">Price</th>
                        </tr>
                    </thead>
                    <tbody>
                     
                    @if(isset($adSettings) && count($adSettings))
                        @foreach($adSettings as $keyy => $adS)
                            @if($module->id == $adS->module_id)
                                <tr>
                                    <th scope="row">
                                        <div class="form-check select-flyers-package">
                                            <input class="form-check-input" type="checkbox" name="promote_ad_type"  id="promote_ad_type{{$keyy}}" value="{{$adS->id}}" {{old('promote_ad_type', isset($previewData) && $previewData->module_id == $module->id && $previewData->promote_ad_type ? $previewData->promote_ad_type : '' ) == $adS->id ? 'checked' : ''}}>

                                            <label class="form-check-labe{{$keyy}}" for="promote_ad_type">
                                                {{$adS->title}}
                                            </label>
                                        </div>
                                    </th>
                                    <td>
                                        <div class="days select-flyers-duration">

                                           @php 
                                                $price = null;
                                                if( isset($previewData) && $previewData->module_id == $module->id && isset( $previewData->post_start_date ) && isset( $previewData->post_end_date ) )
                                                {
                                                    $start          = strtotime($previewData->post_start_date);

                                                    $end            = strtotime($previewData->post_end_date);

                                                    $days_between   = ceil(abs($end - $start) / (86400)) + 1;

                                                    $adSettingRelation    =\App\Models\AdSettingRelation::where('ad_setting_id',$previewData->promote_ad_type)->first();

                                                    $price = $adSettingRelation->price * (int) $days_between;

                                                    echo $days_between;
                                                }
                                           @endphp
                                        </div>
                                    </td>
                                    
                                    <td class="ad-promote-price promote_ad_type{{$keyy}}_price" id="price{{$adS->id}}">{{ $price ?? '' }}</td>
                                </tr>
                            @endif
                        @endforeach
                    @endif
                       <input type="hidden" class="form-control" name="promote_ad_type_price" value="{{old('promote_ad_type_price')}}"  readonly="readonly">
                    </tbody>
                </table>
            </div>

          

            <div class="post-sub-btn-sec">
                
                <button type="submit" class="btn btn-primary post-ad-button" data-action="{{route('post-ad.flyers.save',$module->slug)}}" data-form="form{{$module->slug}}" data-redirect="{{route('user.cart')}}" data-button="Posting Menu..." data-button-success="Post Flyers">Post Flyers</button>

                <button type="button" class="btn btn-secondary post-ad-button" data-action="{{route('flyers-ad.preview.save',$module->slug)}}" data-form="form{{$module->slug}}" data-redirect="{{route('post-ad.preview',$module->slug)}}" data-button="Previewing..." data-button-success="Preview">Preview</button>

            </div>
        </div>
    </form>
    @endif
</div>