@extends('layouts.main')
 @section('header')
  @section('title', "Recruiter's Message")
 @endsection

 @section('content')
<div class="pcoded-content">
  <div class="pcoded-inner-content">
    <div class="main-body">
      <div class="page-wrapper">
        <div class="page-header">
          <div class="page-header-title m-b-5">
            <h4 class="">Recruiter Messages</h4>
          </div>
           @if(count($strdata->candidateselectionlist) !=0)
          <div class="page-header-title">
            
            <a href="#" class="clear__btn clear_all_recruiter" id="clear_all_recruiter"><i class="hiremee-trash"></i>Clear notifications</a>
          </div>
          @endif
          <div class="page-header-breadcrumb">
            <ul class="breadcrumb-title">
              <li class="breadcrumb-item">
                <a href="/candidate-dashboard">
                  <span class="hiremee-home"></span>
                </a>
              </li>
              <li class="breadcrumb-item"><a href="/candidate/recruiter-message">Recruiter Messages</a>
              </li>
            </ul>
          </div>
        </div>
        @if(count($strdata->candidateselectionlist) !=0)
        <div class="page-body">
        <div class="row">
          <div class="col-xl-5 col-md-12 col-sm-12">
               @if(!is_null($strdata->candidateselectionlist))
          <input type="hidden" name="total_count" value="{{count($strdata->candidateselectionlist)}}" id="total_count">
            @foreach ($strdata->candidateselectionlist as $slist)
          <ul class="show-notification column-{{$slist->id}}">
        <input type="hidden" name="getid" value="{{$slist->id}}" id="getid">
            @if($slist->notification_read==0)
            <li class="b-l-warning-6 p-r-5 p-l-5 m-b-15 bgm-white hme-card-hover show-{{$slist->id}}">
            @elseif($slist->notification_read==1)
            <li class="b-l-default-6 p-r-5 p-l-5 m-b-15 bgm-white hme-card-hover showdefault-{{$slist->id}}">
            @endif
            <a href="#" class="js-notification-click" value="{{$slist->id}}" data-id="{{$slist->id}}">
              <div class="media">
                <label class="container-checkbox p-relative m-t-20">
                 <input value="{{$slist->id}}" type="checkbox" name="delete_all_check"  >
                  <span class="checkmark-round"></span>
                </label>
                  {{-- <div class="checkbox-fade p-l-5 p-t-20 fade-in-primary">
                  <label>
                    
                    <span class="cr">
                      <i class="cr-icon icofont icofont-ui-check txt-primary" ></i>
                    </span>
                  </label>
                </div> --}}
                <div class="media-body m-l-15 text-right truncate">
                  <span class="notification-time text-333 f-10"><i class="hiremee-clock"></i> {{date("F jS, Y h:i:s", strtotime($slist->mail_sent_date))}}
                  </span>
                  @if(!empty($slist->getemailtemplete))
                  <p class="notification-msg text-left text-333 hme-sub-title m-b-0 truncate">Sub: {{ empty($slist->getemailtemplete->subject) ? "" : ucwords($slist->getemailtemplete->subject) }}</p>
                  @endif
                  <p class="notification-msg text-left text-333 f-12 m-b-0">From:{{ env('MAIL_FROM') }}</p>
                  <div class="row p-b-5">
                    <div class="col-md-10">
                      <p class="notification-msg hme-sub-title text-333 text-left m-b-0 truncate ">
                      @if(!empty($slist->mailhistory))
                      {!! substr(ucfirst(strip_tags($slist->mailhistory->mail_content)),0,150) !!}...
                      @endif
                    </div>
                    <div class="col-md-2">
                   <button  id="delete_one_btn" data-position="left" data-animation="false" data-toggle="tooltip" data-original-title="Delete" value="{{$slist->id}}" class="js_delete_one_btn delete__btn" >
                      <i class="hiremee-trash f-20"></i>
                  </button>
                     </div>
                   </div>
                </div>
              </div>
              </a>
            </li>
          </ul>
          @endforeach
          @endif 
          </div>

          <div class="col-xl-7 col-md-12 col-sm-12">


            @if(!empty($strdatanotification->getemailtemplete))
             <div class="card borderless-card " id="hide_card">
              <div class="card-block">
                <p class="notification-msg m-b-0">
                  <strong>Subject:</strong> 
                  @if(!empty($strdatanotification->getemailtemplete))
                  {{$strdatanotification->getemailtemplete->subject}}
                  @endif
                </p>
                <p class="notification-msg f-12 m-b-0">From:{{ env('MAIL_FROM') }}
                </p>
                <p class="notification-msg">
                  <i class="hiremee-clock">
                  </i>{{date("F jS, Y h:i:s", strtotime($strdatanotification->mail_sent_date))}}
                </p>
                <p class="notification-msg">
                  @if(!empty($slist->mailhistory))
                  {!! $strdatanotification->mailhistory->mail_content !!}
                  @endif
                </p>
              </div>
            </div>
            @else
             <div class="col-md-12 text-center" id="no_msg_display" >
                <i class="hiremee-close-envelope f-100 text-93"></i>
                <h2 class="text-93 f-26">No message selected</h2>
                <h5 class="f-w-100 text-93">Select a message to read more</h5>
              </div>
              @endif
              <!-- <div class="col-md-12 text-center" id="no_msg_display_id" style="display: none">
                <i class="hiremee-close-envelope f-100 text-93"></i>
                <h2 class="text-93 f-26">No Message Selected</h2>
                <h5 class="f-w-100 text-93">Select a message to Read more</h5>
              </div>-->
                <div id="mailcontent" ></div>           
            </div>
          </div>
        </div>
        @else
              <div class="col-md-12 text-center" id="no_msg_display" >
                <i class="hiremee-close-envelope f-100 text-93"></i>
                <h2 class="text-93 f-26">No message found</h2>
                <h5 class="f-w-100 text-93"></h5>
              </div>
        @endif
             <!--<div class="col-md-12 text-center" id="no_msg_display_all" style="display: none" >
                <i class="hiremee-close-envelope f-100 text-93"></i>
                <h2 class="text-93 f-26">No message found</h2>
                <h5 class="f-w-100 text-93"></h5>
              </div>-->

        </div>
      </div>
    </div>
  </div>
</div>
@endsection @section('footer')

  <script type="text/javascript">

$(document).ready(function() {
 $('.clear_all_recruiter').click(function(){
    var checkValues= [];
   $("input:checkbox[name=delete_all_check]:checked").each(function(){
   checkValues.push($(this).val());
    });



if(checkValues != ""){
swal({
  html: true, 
  title: "Delete",
  text: '<span class="sweet-warning-text">Are your sure?You want to Delete</span>', 
  type: "warning",
  showCancelButton: true,
  confirmButtonText: "OK",
  closeOnConfirm: false
},
function() {
            $.ajax({
            url: "{{ url('candidate/all_notification_delete') }}",
            dataType: "json",
            type: "post",
            data: {'data':checkValues,'_token':$('meta[name=csrf-token]').attr('content')},
            success : function(data){   
           if(data.success_code == '200'){
                        swal({
                        html: true, 
                        title: 'Done', 
                        text: '<span class="sweet-success-text>'+data.message+'</span>',
                        type: 'success',
                        showCancelButton: false,
                        confirmButtonText: "OK",
                        closeOnConfirm: false
                      });
                      var i=0;
                      $("input:checkbox[name=delete_all_check]:checked").each(function(){
                      $( ".column-"+$(this).val()).remove();
                      i++
                      });
                      var tc=$('#total_count').val();
                      var dc=tc-i;
                      $('#total_count').val(dc);
                      if(dc==0){
                      $("#no_msg_display").hide();
                      $("#mailcontent").hide();
                      $("#hide_card").hide();
                      $('#no_msg_display_id').hide();
                      $('#clear_all_recruiter').hide();
                      $("#no_msg_display_all").show();
                      }

              }if(data.error_code == '400'){
                        swal({
                        html: true, 
                        title: '<span class="sweet-error-text">Sorry!</span>', 
                        text: '<span class="sweet-error-text">'+data.message+'</span>',
                        type: 'error',
                        showCancelButton: false,
                        confirmButtonText: "OK",
                        closeOnConfirm: false
                       }, function(){ 
                      window.location.reload();
                      });
                }
           }
         });
      });
      }else{
            swal({
                  html: true, 
                  title: '<span class="sweet-warning-text">Checkbox required</span>', 
                  text: "Atleast one Checkbox selection is required",
                  type: 'warning',
                  confirmButtonColor: '#ffbc01',
                  showCancelButton: false,
                  confirmButtonText: "OK",
                  closeOnConfirm: false
                });
         }
    });





/*
 $('.clear_all_recruiter').click(function(){
         var checkValues= [];
         $("input:checkbox[name=delete_all_check]:checked").each(function(){
          checkValues.push($(this).val());
         });
            $.ajax({
            url: "{{ url('candidate/all_notification_delete') }}",
            dataType: "json",
            type: "post",
            data: {'data':checkValues,'_token':$('meta[name=csrf-token]').attr('content')},
            success : function(data){   
           if(data.success_code == '200'){
                   success();
                        window.location.reload();
              }if(data.error_code == '400'){
                  fails();
                }
         }
         });
        });
*/

 $('.js_delete_one_btn').click(function(){
var checkValues= [];
checkValues.push($(this).val());

swal({
  html: true, 
  title: '<span class="sweet-warning-text">Delete</span>',
  text: '<span>Are your sure? You want to Delete</span>', 
  type: "warning",
  showCancelButton: true,
  confirmButtonText: "OK",
   confirmButtonColor: '#ffbc01',
  closeOnConfirm: false
},
function() {
            $.ajax({
            url: "{{ url('candidate/all_notification_delete') }}",
            dataType: "json",
            type: "post",
            data: {'data':checkValues,'_token':$('meta[name=csrf-token]').attr('content')},
            success : function(data){   
           if(data.success_code == '200'){
                        swal({
                        html: true, 
                        title: 'Done', 
                        text: '<span class="sweet-success-text>'+data.message+'</span>',
                        type: 'success',
                         confirmButtonColor: '#28e1bd',
                        showCancelButton: false,
                        confirmButtonText: "OK",
                        closeOnConfirm: false
                      });
                  $( ".column-"+checkValues ).remove();
                  $("#no_msg_display").show();
                  $("#mailcontent").hide();
                  $("#hide_card").hide();
                  if($('#hide_card').is(":hidden")){
                    $('#no_msg_display_id').show();
                  }
                  var tc=$('#total_count').val();
                  var dc=tc-1;
                  $('#total_count').val(dc);
                if(tc==1){
                  $("#no_msg_display").hide();
                  $("#mailcontent").hide();
                  $("#hide_card").hide();
                  $('#no_msg_display_id').hide();
                  $('#clear_all_recruiter').hide();
                  $("#no_msg_display_all").show();
                }


              }if(data.error_code == '400'){
                        swal({
                        html: true, 
                        title: '<span class="sweet-error-text">Sorry!</span>', 
                        text: '<span class="sweet-error-text">'+data.message+'</span>',
                        type: 'error',
                        showCancelButton: false,
                        confirmButtonText: "OK",
                        closeOnConfirm: false
                       }, function(){ 
                      window.location.reload();
                      });
                }
         }
         });
});
});
 });
</script>
@endsection