@extends('backend.layouts.app-backend')

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Edit Non-Profit ads</h2>
        <ol class="breadcrumb">
            <li>
                <a href="{{route('admin.dashboard')}}">Dashboard</a>
            </li>
            <li>
                <a href="{{route('admin.non-profit-ads.index')}}">list</a>
            </li>
            <li class="active">
                <strong>Edit Non-Profit ads</strong>
            </li>
        </ol>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">

    @include('layouts.message')

    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>Edit Non-Profit Ads from the following form.</h5>
        </div>
        <div class="ibox-content">
            
            <form method="POST" enctype="multipart/form-data" id="businessForm">
                
                @csrf()

                <div class="ad-details">
                    
                    <h3><strong>1. Ad Details</strong></h3>

                    <div class="form-group">
                        <label>Ad Title</label>
                        <input name="title" type="text" class="form-control" value="{{old('title',$business->title ?? '')}}">
                    </div>

                       
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label>Category </label>
                            <select name="category_id" class="form-control">
                                <option value="">--Select Category--</option>
                                @foreach($categories as $cat)
                                    @if($cat->parent_id == 0)
                                    <option value="{{$cat->id}}" {{old('category_id',$business->category_id) == $cat->id ? 'selected' : ''}}>{{$cat->title}}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group col-md-12">
                            <label>Facebook page name</label>
                            <textarea name="facebook_page_name" class="form-control" placeholder="Enter facebook page scripts" rows="10">{{old('facebook_page_name',$business->facebook_page_name)}}</textarea>
                        </div>
                    </div>

                </div> 
                    
             
                <div class="ad-details">
                    
                    <h3><strong>2. Contact Info</strong></h3>
     
                    <div class="form-row row">
                        <div class="form-group col-md-6">
                            <label>Email </label>
                            <input name="email" type="text" class="form-control" value="{{old('email',$business->email ?? '')}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Phone </label>
                            <input name="phone" type="text" class="form-control" value="{{old('phone',$business->phone ?? '')}}">
                        </div>
                    </div>


                    <div class="form-group">
                        <label>Website</label>
                        <input name="website" type="text" class="form-control" value="{{old('website',$business->website ?? '')}}">
                    </div>
                </div>

                <div class="ad-details">
                    
                    <h3><strong>3. Locations</strong></h3>
        
                     <div class="form-group">
                        <label>Street, Address </label>
                        <input name="street_address" type="text" class="form-control" value="{{old('street_address',$business->street_address)}}">
                    </div>

                    <div class="form-row row">

                        <div class="form-group col-md-4">
                            <label>City </label>
                            <input name="city" type="text" class="form-control" value="{{old('city',$business->city)}}">
                        </div>

                        <div class="form-group col-md-4">
                            <label>Province </label>
                            <select name="province_id" class="form-control">
                                <option value="">Select Province</option>
                                @foreach($provinces as $province)
                                    <option value="{{$province->id}}" {{$province->id == $business->province_id ? 'selected' : ''}}>{{$province->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group col-md-4">
                            <label>Postal Code</label>
                            <input name="postal_code" type="text" class="form-control" value="{{old('postal_code',$business->postal_code)}}">
                        </div>

                    </div>


                    <div class="form-group">
                        <label>Embed Map Iframe</label>
                        <textarea name="embed_map_iframe" class="form-control">{{old('embed_map_iframe',$business->embed_map_iframe)}}</textarea>
                    </div>
                </div> 

                <div class="ad-details">
                    
                    <h3><strong>4. Working Hours</strong></h3>
        
                    <div class="form-row row">

                        <div class="form-group col-md-6">
                            <label>Monday </label>
                            <input name="working_hour_monday" type="text" class="form-control" value="{{old('working_hour_monday',$business->working_hour_monday)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Tuesday </label>
                            <input name="working_hour_tuesday" type="text" class="form-control" value="{{old('working_hour_tuesday',$business->working_hour_tuesday)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Wednesday </label>
                            <input name="working_hour_wednesday" type="text" class="form-control" value="{{old('working_hour_wednesday',$business->working_hour_wednesday)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Thursday </label>
                            <input name="working_hour_thursday" type="text" class="form-control" value="{{old('working_hour_thursday',$business->working_hour_thursday)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Friday </label>
                            <input name="working_hour_friday" type="text" class="form-control" value="{{old('working_hour_friday',$business->working_hour_friday)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Saturday </label>
                            <input name="working_hour_saturday" type="text" class="form-control" value="{{old('working_hour_saturday',$business->working_hour_saturday)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Sunday </label>
                            <input name="working_hour_sunday" type="text" class="form-control" value="{{old('working_hour_sunday',$business->working_hour_sunday)}}">
                        </div>
                       
                    </div>
                </div> 

                <div class="ad-details">
                    
                    <h3><strong>5. Social Links</strong></h3>
        
                    <div class="form-row row">

                        <div class="form-group col-md-6">
                            <label>Facebook Link </label>
                            <input name="facebook_url" type="text" class="form-control" value="{{old('facebook_url',$business->facebook_url)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Twitter Link </label>
                            <input name="twitter_url" type="text" class="form-control" value="{{old('twitter_url',$business->twitter_url)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Pinterest Link</label>
                            <input name="pinterest_url" type="text" class="form-control" value="{{old('pinterest_url',$business->pinterest_url)}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Instagram </label>
                            <input name="instagram_url" type="text" class="form-control" value="{{old('instagram_url',$business->instagram_url)}}">
                        </div>

                       
                    </div>
                </div> 

                <div class="ad-details">
                    
                    <h3><strong>6. Overview</strong></h3>
        
                    <div class="form-group">
                        <label>Overview Title </label>
                        <input name="overview_title" type="text" class="form-control" value="{{old('overview_title',$business->overview_title)}}">
                    </div>

                    <div class="form-group">
                        <label>Overview Description </label>
                        <textarea name="overview_description" class="form-control textarea" id="overview_description">{{old('overview_description',$business->overview_description)}}</textarea>
                    </div>

                    <div class="form-group">
                        <label>Overview Image</label>  @if(isset($business->overview_image)) <a href="{{asset('non-profit/'.$business->overview_image)}}"><img src="{{asset('non-profit/'.$business->overview_image)}}" width="100px" height="100px"></a> @endif
                        <input name="overview_image" type="file" class="form-control" accept="image/*">
                    </div>
                </div>

                <div class="ad-details">
                    
                    <h3><strong>7. Gallery</strong></h3>
        
                    <div class="form-group">
                        <label for="inputTitle">Upload Images</label>
                        <div class="input-images-1" style="padding-top: .5rem;cursor: pointer;">
                        </div>
                    </div>
                </div>

                <div class="ad-details">
                    
                    <h3><strong>8. Others</strong></h3>
    
                    <div class="form-group">
                        <label>Featured Image</label> @if(isset($business->featured_image)) <a href="{{asset('non-profit/'.$business->featured_image)}}"><img src="{{asset('non-profit/'.$business->featured_image)}}" width="100px" height="100px"></a> @endif
                        <input name="featured_image" type="file" class="form-control" accept="image/*">
                    </div>
                   
                </div> 

                <div class="ad-details"  @if($business->added_by == 'user') style="pointer-events: none;" @endif>
                    
                    <h3><strong>9. Promote Your Ad</strong></h3>
                    
                    <div class="form-row row">
                        <div class="form-group col-md-4">
                            <label for="inputTitle">Packages</label>
                            <select name="promote_ad_type" class="form-control">
                                <option value="">--Select Packages--</option>
                                @if(isset($adSettings) && count($adSettings))
                                    @foreach($adSettings as $adS)
                                        <option value="{{$adS->id}}" {{$adS->id == $business->promote_ad_type ? 'selected' : ''}}>{{$adS->title}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <div class="form-group col-md-4">
                            <label for="inputTitle">Duration/Day</label>
                            <select name="promote_ad_type_duration" class="form-control">
                                <option value="">--Select Duration--</option>
                                 @if(isset($adSetting->adsettingrelation) && count($adSetting->adsettingrelation))
                                    @foreach($adSetting->adsettingrelation as $adSRe)
                                        <option value="{{$adSRe->duration}}" {{$adSRe->duration == $business->promote_ad_type_duration ? 'selected' : ''}}>{{$adSRe->duration}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>

                        <div class="form-group col-md-4">
                            <label for="inputTitle">Price($)</label>
                            <input name="promote_ad_type_price" type="text" class="form-control" value="{{old('promote_ad_type_price',$business->promote_ad_type_price ?? 0)}}" readonly="readonly">
                        </div>
                    </div>
                </div> 
                
                <div class="ad-details">
                    
                    <h3><strong>10. Status</strong></h3>
        
                    <div class="form-group">
                        <label>Ad Status </label>
                        <select name="status" class="form-control">
                            <option value="4" {{$business->status == 4 ? 'selected' : ''}}>Unpublished</option>
                            <option value="1" {{$business->status == 1 ? 'selected' : ''}}>Published/Approved</option>
                            <option value="0" {{$business->status == 0 ? 'selected' : ''}}>Pending</option>
                            <option value="2" {{$business->status == 2 ? 'selected' : ''}}>Rejected</option>
                            <option value="3" {{$business->status == 3 ? 'selected' : ''}}>Review</option>
                        </select>
                    </div>

                </div>
               
             
                <div class="form-group" style="margin-bottom: 50px;margin-left: -15px;">
                    <div class="col-sm-4">
                        <button class="btn btn-primary" type="button" id="businessButton">Submit</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
      
</div>

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


@section('header-style')
<link href="{{ asset('backend/jasny-bootstrap/css/jasny-bootstrap.css')}}" rel="stylesheet" />
<link href="{{ asset('frontend/css/image-uploader.css') }}" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@stop
@section('footer-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="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/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'
    });
    var myarray = []; // more efficient than new Array()

    @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
    $('#subcategory_id').select2();
</script>
<script src="{{ asset('frontend/js/image-uploader.js') }}"></script>
<script type="text/javascript">

$("#businessButton").on('click',function(e){

    e.preventDefault();

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

    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('input[name="_token"]').val()
      }
    });

    var form = document.forms.namedItem("businessForm"); // high importance!, here you need change "yourformname" with the name of your form
    var formData = new FormData(form); // high importance!
    formData.append("overview_description", tinymce.get('overview_description').getContent());
    var self     = $(this);

    $.ajax({
        url: "{{route('admin.non-profit-ads.update',$business->id)}}",
        processData: false,
        contentType: false,
        cache: false,
        method: 'POST',
        data: formData,
        beforeSend: function(){

            self.text('Submitting..');

            self.attr('disabled','disabled');

        },
        success: function(data){
            @if( \Request::route()->getName() == 'admin.non-profit-ads.edit' )
                window.location.replace("{{route('admin.non-profit-ads.admin-index')}}");
            @else
                window.location.replace("{{route('admin.non-profit-ads.index')}}");
            @endif
        },
        error: function(jqXhr, json, errorThrown){
            
             self.text('Submit');

            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'){
                    $('#businessForm select[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }
                else if(index == 'embed_map_iframe' || index == 'overview_description'){
                     $('#businessForm textarea[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }
               
                else{
                    $('#businessForm input[name='+index+']').after('<span class="uk-form-label uk-text-danger">'+value+'</span>');
                }
            });

            $("html, body").animate({
                scrollTop: 0
            }, 9000);  

        }
    });
});

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

  var subCat = parseInt("{{$business->subcategory_id}}");
  $.ajax({
    url: "{{route('admin.getSubcategoryByCatId')}}",
    method: 'get',
    data: {category_id:$('select[name=category_id]').val()},
    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>';
      }
      
    });
    $('#subcategory_id').html(option);
    }
  });

$('select[name=category_id]').change(function(){
  var category_id = $(this).val();
  $.ajax({
    url: "{{route('admin.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 ) {
      option += '<option value='+value.id+'>'+value.title+'</option>';
    });
    $('#subcategory_id').html(option);
    }
  });
});


$('select[name=promote_ad_type]').change(function(){
  var ad_setting_id = $(this).val();
  $.ajax({
    url: "{{route('admin.getSettingFeatureById')}}",
    method: 'get',
    data: {ad_setting_id:ad_setting_id},
    success: function(data){
    var option = [];
    option += '<option value="">--Select Duration--</option>';
    $.each( data.response, function( key, value ) {
      option += '<option value='+value.duration+'>'+value.duration+'</option>';
    });
    $('select[name=promote_ad_type_duration]').html(option);
    }
  });
});

$('select[name=promote_ad_type_duration]').change(function(){
  var ad_setting_id = $("select[name=promote_ad_type]").val();
  var ad_setting_duration = $(this).val();
  $.ajax({
    url: "{{route('admin.getSettingPriceById')}}",
    method: 'get',
    data: {ad_setting_id:ad_setting_id,ad_setting_duration:ad_setting_duration},
    success: function(data){
        $("input[name=promote_ad_type_price]").val(data.response.price);
    }
  });
});
</script>
@stop