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

@section('content')

<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <h2>Add Home Business ads</h2>
        <ol class="breadcrumb">
            <li>
                <a href="{{route('admin.dashboard')}}">Dashboard</a>
            </li>
            <li>
                <a href="{{route('admin.home-business-ads.index')}}">list</a>
            </li>
            <li class="active">
                <strong>Add Home Business 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>Add Home Business 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')}}">
                    </div>

                       
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <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}}">{{$cat->title}}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group col-md-6">
                            <label>Sub Category </label>
                            <select name="subcategory_id[]" class="form-control" multiple="multiple" id="subcategory_id">
                             <option value="">--Select Sub Category--</option>
                            </select>
                        </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')}}">
                        </div>

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


                    <div class="form-group">
                        <label>Website</label>
                        <input name="website" type="text" class="form-control" value="{{old('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')}}">
                    </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')}}">
                        </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->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')}}">
                        </div>

                    </div>


                    <div class="form-group">
                        <label>Embed Map Iframe</label>
                        <textarea name="embed_map_iframe" class="form-control">{{old('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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </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')}}">
                        </div>

                        <div class="form-group col-md-6">
                            <label>Instagram </label>
                            <input name="instagram_url" type="text" class="form-control" value="{{old('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')}}">
                    </div>

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

                    <div class="form-group">
                        <label>Overview Image</label>
                        <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>
                        <input name="featured_image" type="file" class="form-control" accept="image/*">
                    </div>

                </div> 

                <div class="ad-details">
                    
                    <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 Package--</option>
                                @if(isset($adSettings) && count($adSettings))
                                    @foreach($adSettings as $adS)
                                        <option value="{{$adS->id}}">{{$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>
                               
                            </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')}}" 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">Unpublished</option>
                            <option value="1">Published/Approved</option>
                            <option value="0">Pending</option>
                            <option value="2">Rejected</option>
                            <option value="3">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">Save</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@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">
    var myarray = [];
</script>
<script src="{{ asset('frontend/js/image-uploader.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();

$("#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.home-business-ads.store')}}",
        processData: false,
        contentType: false,
        cache: false,
        method: 'POST',
        data: formData,
        beforeSend: function(){

            self.text('Saving..');

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

        },
        success: function(data){
            window.location.replace("{{route('admin.home-business-ads.admin-index')}}");
        },
        error: function(jqXhr, json, errorThrown){
            
            self.text('Save');

            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 if( index == 'subcategory_id' ){
                    $('#'+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();

$('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