@php

    if(isset($ad->module_id) && $ad->module_id == 1)
    {
      $module_folder = 'business';
    }

    if(isset($ad->module_id) && $ad->module_id == 2)
    {
      $module_folder = 'home-business';
    }

    if(isset($ad->module_id) && $ad->module_id == 3)
    {
      $module_folder = 'non-profit';
    }

@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. Ad Details</h4>
                <div class="form-group">
                    <label for="inputTitle">Ad Title</label>
                    <input type="text" class="form-control" id="inputTitle" name="title" value="{{old('title', $ad->title ?? '')}}">
                </div>
                <div class="form-row cat-subcat">
                    <div class="form-group col-md-6">
                        <label for="">Category</label>
                        <select class="form-control" name="category_id" id="category_id{{$module->id}}">
                            <option value="">Choose...</option>
                          
                            @foreach($categories as $cat)
                                
                                @if($module->id == $cat->module_id && $cat->parent_id == 0)

                                    <option value="{{$cat->id}}" {{old( 'category_id', isset($ad) && $ad->module_id == $module->id && $ad->category_id ? $ad->category_id : '' ) == $cat->id ? 'selected' : ''}}>{{$cat->title}}</option>

                                @endif
                                
                            @endforeach
                                                      
                        </select>
                    </div>
                    @if($module->id == 1 || $module->id == 2)
                    <div class="form-group col-md-6">
                        <label for="subcategory" style="display: block;">Sub Category</label>
                        <select class="form-control subcategory_id" name="subcategory_id[]" multiple="multiple">
                          
                        </select>
                    </div>
                    @endif
                </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="inputEmail4">Email</label>
                        <input type="email" class="form-control" id="inputEmail4" name="email" value="{{old('email',isset($ad) && $ad->module_id == $module->id && $ad->email ? $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="{{old('phone',isset($ad) && $ad->module_id == $module->id && $ad->phone ? $ad->phone : '')}}">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputWebsite">Website</label>
                    <input type="text" class="form-control" id="inputWebsite" name="website" value="{{old('website',isset($ad) && $ad->module_id == $module->id && $ad->website ? $ad->website : '')}}">
                </div>
            </div>
            <div class="post-sub-sec">
                <h4 class="post-sub-title">3. Locations</h4>
                <div class="form-group">
                    <label for="">Street, Address</label>
                    <input type="text" class="form-control" id="inputAddress" name="street_address" value="{{old('street_address',isset($ad) && $ad->module_id == $module->id && $ad->street_address ? $ad->street_address : '')}}">
                </div>
                <div class="form-row">
                    <div class="form-group col-md-5">
                        <label for="">City</label>
                        <input name="city" type="text" class="form-control" id="inputCity" value="{{old('city',isset($ad) && $ad->module_id == $module->id && $ad->city ? $ad->city : '')}}">
                    </div>
                    <div class="form-group col-md-4">
                        <label for="">Province</label>
                        <select name="province_id" id="inputState" class="form-control">
                            <option value="">Choose...</option>
                            @foreach($provinces as $province)
                                <option value="{{$province->id}}" {{old( 'province_id', isset($ad) && $ad->module_id == $module->id && $ad->province_id ? $ad->province_id : '' ) == $province->id ? 'selected' : ''}}>{{$province->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label for="">Postal Code</label>
                        <input type="text" class="form-control" id="inputZip" name="postal_code" value="{{old('postal_code',isset($ad) && $ad->module_id == $module->id && $ad->postal_code ? $ad->postal_code : '')}}">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputIframe">Embed Map Iframe</label>
                    <textarea name="embed_map_iframe" class="form-control">{{old('embed_map_iframe',isset($ad) && $ad->module_id == $module->id && $ad->embed_map_iframe ? $ad->embed_map_iframe : '')}}</textarea>
                </div>
            </div>
            <div class="post-sub-sec">
                <h4 class="post-sub-title">4. Working Hours</h4>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="inputMonday">Monday</label>
                        <input type="text" class="form-control" id="inputMonday" placeholder="eg. 08:00 - 17:00" name="working_hour_monday" value="{{old('working_hour_monday',isset($ad) && $ad->module_id == $module->id && $ad->working_hour_monday ? $ad->working_hour_monday : '')}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputTuesday">Tuesday</label>
                        <input type="text" class="form-control" id="inputTuesday" placeholder="eg. 08:00 - 17:00" name="working_hour_tuesday" value="{{old('working_hour_tuesday', isset($ad) && $ad->module_id == $module->id && $ad->working_hour_tuesday ? $ad->working_hour_tuesday : '')}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputWednesday">Wednesday</label>
                        <input type="text" class="form-control" id="inputWednesday" placeholder="eg. 08:00 - 17:00" name="working_hour_wednesday" value="{{old('working_hour_wednesday',isset($ad) && $ad->module_id == $module->id && $ad->working_hour_wednesday ? $ad->working_hour_wednesday : '')}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputThursday">Thursday</label>
                        <input type="text" class="form-control" id="inputThursday" placeholder="eg. 08:00 - 17:00" name="working_hour_thursday" value="{{old('working_hour_thursday',isset($ad) && $ad->module_id == $module->id && $ad->working_hour_thursday ? $ad->working_hour_thursday : '')}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputFriday">Friday</label>
                        <input type="text" class="form-control" id="inputFriday" placeholder="eg. 08:00 - 17:00" name="working_hour_friday" value="{{old('working_hour_friday',isset($ad) && $ad->module_id == $module->id && $ad->working_hour_friday ? $ad->working_hour_friday : '')}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputSaturday">Saturday</label>
                        <input type="text" class="form-control" id="inputSaturday" placeholder="eg. 08:00 - 17:00" name="working_hour_saturday" value="{{old('working_hour_saturday', isset($ad) && $ad->module_id == $module->id && $ad->working_hour_saturday ? $ad->working_hour_saturday : '')}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputSunday">Sunday</label>
                        <input type="text" class="form-control" id="inputSunday" placeholder="eg. 08:00 - 17:00" name="working_hour_sunday" value="{{old('working_hour_sunday', isset($ad) && $ad->module_id == $module->id && $ad->working_hour_sunday ? $ad->working_hour_sunday : '')}}">
                    </div>

                </div>
            </div>
            <div class="post-sub-sec business-social">
                <h4 class="post-sub-title">5. Social Links</h4>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="inputFacebook"><i class="fa fa-facebook-f" aria-hidden="true"></i> Facebook</label>
                        <input type="text" class="form-control" id="inputFacebook" name="facebook_url" value="{{old('facebook_url',isset($ad) && $ad->module_id == $module->id && $ad->facebook_url ? $ad->facebook_url : '')}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputTwitter"><i class="fab fa-twitter" aria-hidden="true"></i> Twitter</label>
                        <input type="text" class="form-control" id="inputTwitter"  name="twitter_url" value="{{old('twitter_url', isset($ad) && $ad->module_id == $module->id && $ad->twitter_url ? $ad->twitter_url : '')}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputPinterest"><i class="fab fa-pinterest-p" aria-hidden="true"></i> Pinterest</label>
                        <input type="text" class="form-control" id="inputPinterest"  name="pinterest_url" value="{{old('pinterest_url',isset($ad) && $ad->module_id == $module->id && $ad->pinterest_url ? $ad->pinterest_url : '')}}">
                    </div>
                    <div class="form-group col-md-6">
                        <label for="inputInstagram"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</label>
                        <input type="text" class="form-control" id="inputInstagram"  name="instagram_url" value="{{old('instagram_url',isset($ad) && $ad->module_id == $module->id && $ad->instagram_url ? $ad->instagram_url : '')}}">
                    </div>
                </div>
            </div>
            <div class="post-sub-sec business-overview">
                <h4 class="post-sub-title">6. Overview</h4>
                <div class="form-group">
                    <label for="inputOTitle">Overview Title</label>
                    <input type="text" class="form-control" id="inputOTitle" name="overview_title" value="{{old('overview_title',isset($ad) && $ad->module_id == $module->id && $ad->overview_title ? $ad->overview_title : '')}}">
                </div>
                <div class="form-group">
                    <label for="inputDes">Overview Description</label>
                    <textarea class="form-control textarea" rows="3" name="overview_description" id="overview_description">{{old('overview_description',isset($ad) && $ad->module_id == $module->id && $ad->overview_description ? $ad->overview_description : '' )}}</textarea>
                </div>

                <div class="form-group">
                    <label for="inputImg" class="label-display-block">Overview Image</label>
                    <div class="fileinput @if( isset( $ad->overview_image ) && $ad->module_id == $module->id )  fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                        <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                           @if( isset( $ad->overview_image ) && $ad->module_id == $module->id ) 
                              <img src="{{asset($module_folder.'/'.$ad->overview_image)}}">
                          @endif
                        </div>
                        <div>
                          <span class="btn btn-primary btn-file">
                              <span class="fileinput-new">Select Overview image</span>
                              <span class="fileinput-exists">Change</span>
                              <input type="hidden" name="overview_image" value="{{(  isset( $ad->overview_image ) && $ad->module_id == $module->id  ) ? $ad->overview_image : ''}}">
                              <input id="overview_image" name="overview_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 business-media">
                <h4 class="post-sub-title">7. Gallery</h4>
                <div class="form-group">
                    <label for="inputTitle">Upload Images</label>
                    <div class="input-images-1" style="padding-top: .5rem;"></div>
                </div>
            </div>

            <div class="post-sub-sec business-overview">

                <h4 class="post-sub-title">8. Others</h4>

                <div class="form-group">
                    <label for="inputFeatuedImage" class="label-display-block">Featured Image or Logo</label>

                    <div class="fileinput @if( isset( $ad->featured_image ) && $ad->module_id == $module->id )  fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                        <div class="fileinput-preview fileinput-exists thumbnail" style="width:200px;height:200px;">
                           @if( isset( $ad->featured_image ) && $ad->module_id == $module->id ) 
                              <img src="{{asset($module_folder.'/'.$ad->featured_image)}}">
                          @endif
                        </div>
                        <div>
                          <span class="btn btn-primary btn-file">
                              <span class="fileinput-new">Select Featured Image or Logo</span>
                              <span class="fileinput-exists">Change</span>
                              <input type="hidden" name="featured_image" value="{{ ( isset( $ad->featured_image ) && $ad->module_id == $module->id ) ? $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 business-promote" style="display: none;">
                <h4 class="post-sub-title">9. Promote Your Ad (Please select your package)</h4>
               <table class="table table-striped">
                   
                    <tbody>
                    
                        @if(isset($adSettings) && count($adSettings))

                            @foreach($adSettings as $keyy => $adS)
                           
                                @if($module->id == $adS->module_id && $adS->id == $ad->promote_ad_type)
                              
                                <tr>

                                    <th scope="row">
                                        <div class="form-check">
                                            
                                            <input class="form-check-input" type="radio" name="promote_ad_type"  id="promote_ad_type{{$keyy}}" value="{{$adS->id}}" {{old( 'promote_ad_type', isset($ad) && $ad->module_id == $module->id && $ad->promote_ad_type ? $ad->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-duration">
                                         <select name="promote_ad_type_duration[{{$adS->id}}]" class="day-selector calculate-total promote_ad_type_duration" data-form-name="form{{$module->slug}}">
                                            <option value="">choose</option>
                                            @if(isset($adS->adsettingrelation) && count($adS->adsettingrelation) > 0)
                                                @foreach($adS->adsettingrelation as $adsetting)
                                                    <option value="{{$adsetting->duration}}" >{{$adsetting->duration}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        </div>
                                    </td>
                                    
                                    <td class="ad-promote-price promote_ad_type{{$keyy}}_price" id="price{{$adS->id}}">0</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  id="featured-ad-settings" style="display: none;"></div>

            <div class="post-sub-btn-sec">
                <button type="button" class="btn btn-primary post-ad-button" data-action="{{route('user.my.ad.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>


@if( isset($ad->gallery) && count($ad->gallery) >0 )
    @php $images = []; @endphp
    @foreach($ad->gallery as $buskey => $busgallery)
        @php 
            $images[] = [
                'id' =>  $busgallery->id,
                'src' => asset($module_folder.'-gallery/'.$busgallery->image)
            ];
        @endphp
    @endforeach
@endif

@section('head-css')

<link href="{{ asset('frontend/css/select2.min.css') }}" rel="stylesheet" />

<link href="{{ asset('frontend/css/image-uploader.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="{{ asset('backend/tinymce/tinymce.min.js') }}"></script>
<script src="{{ asset('frontend/js/select2.min.js') }}"></script>

<script type="text/javascript">

    tinymce.init({
        selector: ".textarea",
        menubar:false,
        plugins: [
            'advlist autolink lists link image charmap print preview anchor',
            'searchreplace visualblocks code fullscreen',
            'insertdatetime media table contextmenu'
        ],
        toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link'
    });
    
    $('.subcategory_id').select2();

    var myarray = [];
    
    var module_slug = "{{$module->slug}}";
    
    @if(isset($images))
        @foreach($images as $data)
            myarray.push([{
                    id: "{{$data['id']}}",
                    src: "{{$data['src']}}"
                }
            ]);
        @endforeach
    @endif

    var myarraySubCat = []; // more efficient than new Array()

     @if(isset($dataSubCat))
        @foreach($dataSubCat as $dataSub)
            myarraySubCat.push(parseInt("{{$dataSub}}"));
        @endforeach
    @endif
    
    @if( isset( $ad->promote_ad_type ) )

        @php 

           $duration_data =  isset(array_values( array_filter( (array) $ad->promote_ad_type_duration ) )[0] ) ? array_values( array_filter( (array) $ad->promote_ad_type_duration ) )[0] : null;

        @endphp
       
        $('select[name=promote_ad_type_duration\\[{{$ad->promote_ad_type}}\\]] option[value="{{$duration_data}}"]').prop('selected', true);

          var ad_setting_id       = $("input[name=promote_ad_type]:checked").val();
          
          var ad_setting_duration = parseInt("{{$duration_data}}");

          $.ajax({
            url: "{{route('user.getSettingPriceById')}}",
            method: 'get',
            data: {ad_setting_id:ad_setting_id,ad_setting_duration:ad_setting_duration,ad_slug:"{{$ad->slug}}"},
            success: function(data)
            {
                if(ad_setting_duration == '')
                {
                    $("#price"+ad_setting_id).text('');
                }
                else
                {
                    if(typeof(data.response.price) != "undefined" && data.response.price !== null) {
                      $("#price"+ad_setting_id).text('$ '+data.response.price);
                      $("input[name=promote_ad_type_price]").val(data.response.price);
                       $("#featured-ad-settings").html(data.html);
                      // the selector will match all input controls of type :checkbox
                        // and attach a click event handler 
                        $("input:checkbox").on('click', function() {
                          // in the handler, 'this' refers to the box clicked on
                          var $box = $(this);
                          if ($box.is(":checked")) {
                            // the name of the box is retrieved using the .attr() method
                            // as it is assumed and expected to be immutable
                            var group = "input:checkbox[name='" + $box.attr("name") + "']";
                            // the checked state of the group/box on the other hand will change
                            // and the current value is retrieved using .prop() method
                            $(group).prop("checked", false);
                            $box.prop("checked", true);
                          } else {
                            $box.prop("checked", false);
                          }
                        });
                    }
                    else
                    {
                     $("#price"+ad_setting_id).text('');
                     $("input[name=promote_ad_type_price]").val(0);   
                    }
                }

            }
          });
          
    @endif

</script>

<script src="{{ asset('frontend/js/image-uploader.js') }}"></script>

<script type="text/javascript">

$('.input-images-1').imageUploader();


$(".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!
    formData.append("overview_description", tinymce.get('overview_description').getContent());
    $.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 == 'category_id' || index == 'province_id' || index == 'promote_ad_type'|| index == 'promote_ad_type_duration')
                {
                    $('#'+formName+'  select[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }
                else if(index == 'embed_map_iframe' || index == 'overview_description'){
                     $('#'+formName+'  textarea[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }
                else{
                    $('#'+formName+' input[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }
            });

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

        }
    });
});


 var elem        = $('#category_id{{$module->id}} :selected');
 var category_id = $('#category_id{{$module->id}} :selected').val();

 $.ajax({
    url: "{{route('user.getSubcategoryByCatId')}}",
    method: 'get',
    data: {category_id:category_id},
    success: function(data)
    {
        var option = [];
        option += '<option value="">Select Sub Category</option>';
        $.each( data.response, function( key, value ) {
          if(myarraySubCat.includes(value.id)){
            option += '<option value='+value.id+' selected>'+value.title+'</option>';    
          }  
          else{
            option += '<option value='+value.id+'>'+value.title+'</option>';
          }
          
        });
        elem.closest('.cat-subcat').find('.subcategory_id').html(option);
    }
  });


$('select[name=category_id]').change(function(){
  var elem        = $(this);
  var category_id = $(this).val();
  $.ajax({
    url: "{{route('user.getSubcategoryByCatId')}}",
    method: 'get',
    data: {category_id:category_id},
    success: function(data){
    var option = [];
    $.each( data.response, function( key, value ) {
      option += '<option value='+value.id+'>'+value.title+'</option>';
    });
        elem.closest('.cat-subcat').find('.subcategory_id').html(option);
    }
  });
});

$('input[name=promote_ad_type]').click( function() {
    $('.ad-promote-price').text('');
    $('.promote_ad_type_duration').prop('selectedIndex', 0);
});

$('.promote_ad_type_duration').change(function(){
  var duration_selector   = $(this).find('option').attr('data-duration');
  var ad_setting_id       = $("input[name=promote_ad_type]:checked").val();
  var ad_setting_duration = $(this).val();
  $.ajax({
    url: "{{route('user.getSettingPriceById')}}",
    method: 'get',
    data: {ad_setting_id:ad_setting_id,ad_setting_duration:ad_setting_duration,ad_slug:"{{$ad->slug}}"},
    success: function(data)
    {
        if(ad_setting_duration == '')
        {
            $("#price"+ad_setting_id).text('');
        }
        else
        {
            if(typeof(data.response.price) != "undefined" && data.response.price !== null) {
              $("#price"+ad_setting_id).text('$ '+data.response.price);
              $("input[name=promote_ad_type_price]").val(data.response.price);
              $("#featured-ad-settings").html(data.html);
              // the selector will match all input controls of type :checkbox
                // and attach a click event handler 
                $("input:checkbox").on('click', function() {
                  // in the handler, 'this' refers to the box clicked on
                  var $box = $(this);
                  if ($box.is(":checked")) {
                    // the name of the box is retrieved using the .attr() method
                    // as it is assumed and expected to be immutable
                    var group = "input:checkbox[name='" + $box.attr("name") + "']";
                    // the checked state of the group/box on the other hand will change
                    // and the current value is retrieved using .prop() method
                    $(group).prop("checked", false);
                    $box.prop("checked", true);
                  } else {
                    $box.prop("checked", false);
                  }
                });
            }
            else
            {
             $("#price"+ad_setting_id).text('');
             $("input[name=promote_ad_type_price]").val(0);   
            }
        }
    }
  });
});

</script>


@endsection