@php $module_folder = 'help-wanted'; @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. Job Details</h4>
        <div class="form-group">
            <label for="inputTitle">Job Title</label>
            <input type="text" class="form-control" id="inputTitle" name="title" value="{{ $ad->title }}" placeholder="Enter Location">
        </div>

        <div class="form-group">
            <label for="inputFeatuedImage" class="label-display-block">Image</label>
            <div class="fileinput @if( isset( $ad->featured_image ) )  fileinput-exists @else fileinput-new @endif" data-provides="fileinput">
                <div class="fileinput-preview fileinput-exists thumbnail">
                   @if( isset( $ad->featured_image ) ) 
                      <img src="{{asset($module_folder.'/'.$ad->featured_image)}}">
                  @endif
                </div>
                <div>
                  <span class="btn btn-primary btn-file">
                      <span class="fileinput-new">Select Image</span>
                      <span class="fileinput-exists">Change</span>
                      <input type="hidden" name="featured_image" value="{{ isset( $ad->featured_image ) ? $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 class="form-group">
            <label for="inputDes">Description</label>
            <textarea class="form-control textarea" rows="3" name="overview_description" placeholder="Enter Job description" id="overview_job_description">
                {!!$ad->overview_description!!}
            </textarea>
        </div>
        <div class="form-row cat-subcat">
            <div class="form-group col-md-6">
                <label for="inputTitle">Company Name</label>
                <input type="text" class="form-control" id="inputTitle" name="company_name" value="{{ $ad->company_name }}" placeholder="Enter Company Name">
            </div>

            <div class="form-group col-md-6">
                <label for="">Category(Jobs)</label>
                <select class="form-control" name="category_id" id="category_id{{$module->id}}">
                    <option value="">Choose...</option>
                     @if( isset( $categories ) && count( $categories ) )
                        @foreach( $categories as $job )
                            @if( $job->module_id == 8 )
                                <option value="{{ $job->id }}" {{ $ad->category_id == $job->id ? 'selected' : '' }}>{{ $job->title }}</option>
                            @endif
                        @endforeach
                    @endif                          
                </select>
            </div>

         
            <div class="form-group col-md-6">
                <label for="">Job Type</label>
                <select class="form-control" name="job_type" id="job_type{{$module->id}}">
                    <option value="">Choose...</option>
                     @if( isset( $jobTypes ) && count( $jobTypes ) )
                        @foreach( $jobTypes as $job_type )
                            <option value="{{ $job_type->id }}" {{ $ad->job_type == $job_type->id ? 'selected' : '' }}>{{ $job_type->title }}</option>
                        @endforeach
                    @endif                    
                </select>
            </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="inputPhone">Phone (XXXXXXXXXX)</label>
                <input type="text" class="form-control" id="inputPhone" name="phone" value="{{ $ad->phone }}">
            </div>

            <div class="form-group col-md-6">
                <label for="inputEmail4">Email</label>
                <input type="email" class="form-control" id="inputEmail4" name="email" value="{{ $ad->email }}">
            </div>
           
        </div>
       
    </div>

    <div class="post-sub-sec business-social">
        <h4 class="post-sub-title">3. 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="{{ $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="{{ $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="{{ $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="{{ $ad->instagram_url }}">
            </div>
        </div>
    </div>
    


    <div class="post-sub-btn-sec">
         <button type="button" class="btn btn-primary post-ad-button" data-action="{{route('user.my.help-wanted.update',$ad->slug)}}" data-form="form{{$module->slug}}" data-redirect="{{route('user.dashboard')}}" data-button="Send for review..." data-button-success="Send for review">Send for review</button>
    </div>
</div>
    </form>
    
</div>


@section('head-css')
<link href="{{ 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 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'
});  

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

            });

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

        }
    });
});    
</script>

@endsection