@extends("layouts.main")
@section('title', trans('core.title_post_job'))
@section("content")
<script type="text/javascript" src="{{ secure_asset('assets/js/jquery-nicelabel.js') }} "></script>
<div class="pcoded-content">

  <div class="hme-loading-mask">
    <div class="hme-loading-container">
        <div class="hme-dual-ring"></div>
        <div>Please wait, Loading...</div>
    </div>
  </div> 

  <div class="pcoded-inner-content">
    <div class="main-body">
      <div class="page-wrapper">      
        <div class="page-body">
          <div class="row">
            <div class="col-md-9 col-lg-9">
              <div class="row">
                <div class="col-md-12 col-lg-12">
                  <div class="card-unborder card-block">
                      <div class="page-header">
                        <div class="page-header-title">
                          <h4>Corporate Customized Job Page List</h4>
                        </div>
                        <div class="page-header-breadcrumb">
                          <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                              <a href="#!">
                                <span class="hiremee-home"></span>
                              </a>
                            </li>
                            <li class="breadcrumb-item">
                              <a href="{{ secure_url('blog-create')}}">
                                Dashboard
                              </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ secure_url('create-jobs')}}">Create Job</a>
                            </li>
                          </ul>

                        </div>
                      </div>
                      <div class="row">
                        <div class="col-md-12">
                          <p class="text-custom d-flex align-items-center">
                            <div class="col-md-6">
                           <h4 class="f-w-400 f-16 m-t-15 g-l-b">Search Pages</h4>
                         </div>
                           <div class="col-md-12">
                            {!! Form::text('job_page_search',"",['class'=>'form-control','id'=>'search_job_page_name','placeholder'=>'Type Page Title Here.....']) !!}
                          </div>
                          </p>                          
                        </div>
                      </div>
                      <div id="job_list_render">
                        {!! $component !!}
                      </div>                    
                    </div>
                </div>
              </div>
            </div> 
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    $(document).on('click','.onoffswitch-checkbox',function (){
        var id=$(this).attr('id');
        if($(this).is(':checked') ){
          var check=1;
        }else{
          var check=0;
        }
       swal({
          html: true, 
          title: '<span class="sweet-warning-text">Are You Sure Want to change the status?</span>', 
          type: "warning",
          showCancelButton: true,
          confirmButtonText: "OK",
          closeOnConfirm: false,
        },function(isConfirm){
          if(isConfirm){
             swal.close();
            if(check==1){
               var status=0;
            }else{
              var status=1;
            }
            $.ajax({
                type : "POST",
                url: "{{ secure_url('customized-job-page-status-change') }}",
                data : {'status':status,'id':id},
                success : function(data)
                {
                    if(data=='Success'){
                      $('#error_messagesek').text("");
                      alertMessage("success","Status Changed Successfully","Success");
                    }
                    else if(data=='UnSuccess'){
                      alertMessage("danger","Error","Something Went Wrong");                  
                    }                    
                }
            });
          }else{
            if(check==0){
             var data='<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="'+id+'" data-status="'+check+'" checked><label class="onoffswitch-label" for="'+id+'"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>';
            }else{
             var data='<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="'+id+'" data-status="'+check+'"><label class="onoffswitch-label" for="'+id+'"><span class="onoffswitch-inner"></span><span class="onoffswitch-switch"></span></label>';
            }
            $("#js-changes-status"+id).html(data);
          }
       });

    });

    $(document).on("click", "#js-jobsearch-load-more", function () {
        var __this = $(this);
        var page_title= $('#search_job_page_name').val();
            __data ="&page="+__this.attr('data-page')+"&page_title="+page_title;
            __loader = $("body").find('.hme-loading-mask');

        $.ajax({
            url: "{{ secure_url('dynamic-jobs-page') }}",
            dataType: "json",
            beforeSend: function () {
                __this.addClass("d-none");
                __loader.fadeIn()
            },
            data: __data,
            success: function (response) {
                $("body").find("#job_list_render").append(response.html);
                if (response.hasmore) {
                    __this.attr("data-page", response.next_page).removeClass("d-none");
                    __loader.fadeOut();
                     __this.attr("data-page", response.current_page).addClass("d-none");
                } else {
                    __loader.fadeOut();
                }
            }
        });
        return false;
    });

  $(document).on('keyup','#search_job_page_name',function(){
     $('.hme-loading-mask').fadeIn();
     var page_title= $(this).val();
     $.ajax({
        url: "{{ secure_url('dynamic-jobs-page') }}",
        type: "get",
        data: {'page':$(this).attr('data-page'),'page_title':page_title},
        success: function(response){
            if (response.status == 200) {
                $('#job_list_render').html(response.html);
                $('.hme-loading-mask').fadeOut();
            }
        }, error : function(err){
            $('.hme-loading-mask').fadeOut();
            swal({
                html: true, 
                title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
                text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
                type: "error",
                showCancelButton: false,
                confirmButtonText: "OK",
                closeOnConfirm: false,
                confirmButtonColor: '#f0443a',
            });
        }
     })

   });

  </script>
 
  @endsection