@php
function getextension($path){
$extension = pathinfo($path, PATHINFO_EXTENSION);
$explode = explode('?',$extension);
return $explode[0];
}
@endphp
    <table class="table">
                                    <thead class="thead-green">
                                      <tr>
                                        <th>Testpin</th>
                                        <th class="rounded-left">Email</th>
                                        <th>Photos</th>
                                        <th>ID Card</th>
                                        <th>Profile Picture</th>
                                        <th>Live Images</th>
                                        <th>Exam Status</th>
                                        <th class="rounded-right">Actions</th>
                                      </tr>
                                    </thead>


                                    <tbody >
                         
                          @php $count=$lists->firstItem();@endphp

                            @forelse($lists as $list)
                                <tr>  
                                        <td>{{$list->testpin}}</td>
                                        <td>
                                            <p class="overflow-text">{{$list->email_address}}</p>
                                        </td>
                                        <td>
                                            <div class="img-responsive">
                                                <a href="#" class="text-decoration" data-toggle="modal" data-target="#photoPreview">
                                                    <img src="{{HireMeeHelper::getAWSImageUrl($list->photo_1,getenv('prodevbucket'),getenv('probucketdisk'))}}" id="" alt="image1" class="cursor img-fluid rounded image_one">
                                                </a>

                                                <a href="#" class="text-decoration" data-toggle="modal" data-target="#photoPreview">
                                                    <img src="{{ HireMeeHelper::getAWSImageUrl($list->photo_2,getenv('prodevbucket'),getenv('probucketdisk'))}}" id="" alt="image2" class="img-fluid rounded image_two">
                                                </a>

                                                <a href="#" class="text-decoration" data-toggle="modal" data-target="#photoPreview">
                                                    <img src="{{ HireMeeHelper::getAWSImageUrl($list->photo_3,getenv('prodevbucket'),getenv('probucketdisk')) }}" id="" alt="image3" class="img-fluid rounded image_three">
                                                </a>
                                            </div>
                                        </td>
                                        <td>
                                          <div class="img-responsive">
                                              @if( getextension($list->id_proof) == 'jpg' || getextension($list->id_proof) == 'jpeg' || getextension($list->id_proof) == 'png')

                                                <a href="#" class="text-decoration" data-toggle="modal" data-target="#idCard">
                                                     <img src="{{ HireMeeHelper::getAWSImageUrl($list->id_proof,getenv('prodevbucket'),getenv('probucketdisk')) }}" id="" alt="image4" class="img-fluid rounded image_proof">
                                                </a>
                                              @else
                                                <a href="{{ HireMeeHelper::getAWSImageUrl($list->id_proof,getenv('prodevbucket'),getenv('probucketdisk')) }}" data-toggle="modal" data-target="#idCard" class="mt-3 file-pdf pdf_proof">
                                                <i aria-hidden="true" class="fa fa-file-pdf-o fa-2x"></i>
                                                </a>

                                            @endif


                                              </div>
                                          
                                          
                                        </td>
                                        <td>
                                           <div class="img-responsive">
                                            <img src="{{ HireMeeHelper::getAWSImageUrl($list->prof_img,getenv('prodevbucket'),getenv('probucketdisk')) }}" alt="profile-pic" class="profile-img-responsive img-fluid rounded-circle">

                                             </div>
                                        </td>
                                        <td>
                                           @if($list->is_image_proctering == 1)
                                            <a href="#" data-toggle="modal"  class="live-preview" data-id="{{$list->id}}">
                                                <i class="fa fa-eye"></i>
                                            </a>
                                            @endif
                                        </td>
                                        <td>
                                          @if($list->status == 1)
                                            <label>Created</label>
                                          @elseif($list->status == 2)
                                            <label>Invited</label>
                                          @elseif($list->status == 3)
                                            <label>Started</label>
                                          @elseif($list->status == 4)
                                            <label>Completed</label>
                                          @elseif($list->status == 5)
                                            <label>Freezed</label>
                                          @elseif($list->status == 6)
                                            <label>Rejected</label>
                                          @elseif($list->status == 7)
                                            <label>Cancelled</label>
                                          @elseif($list->status == 8)
                                            <label>Expired</label>
                                          @elseif($list->status == 9)
                                            <label>Elapsed</label>
                                          @elseif($list->status ==10)
                                            <label>Blocked</label>
                                          @else
                                            <label>Absent</label>
                                          @endif
                                        </td>
                                        <td>
                                            <div class="dropdown">
                                                <button class="btn bg-white" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="fa fa-caret-down" aria-hidden="true"></i>
                                                </button>
                                                @if($list->status == 1 || $list->status == 2 || $list->status == 3 || $list->status == 10)
                                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                    @if($list->status == 1 || $list->status == 2 || $list->status == 3)
                                                      <button class="btn dropdown-item terminate_data" data-id="{{$list->id}}">
                                                        Block
                                                      </button>
                                                    @elseif($list->status == 10)
                                                      <button class="btn dropdown-item accept_data" data-id="{{$list->id}}">
                                                         Accept
                                                      </button>                                                   
                                                    @endif 
                                                  </div>
                                                @endif
                                              </div>
                                        </td>
                                      </tr>
                             @empty
                              <tr>
                                <td colspan="6">No Records Found</td>
                              </tr>
                             @endforelse
                               </tbody>
                                  </table>
      
                
                 <div class="col-md-12">
              <div  style="display: flex;justify-content: flex-end;">
          {!! $lists->appends(Request::except('page'))->links() !!}
        </div>
      </div>
                               
      
                
   <script type="text/javascript">

    $(".image_one").click(function(e) { 
    
    $('#image_pre').attr('src',$(this).attr('src'));
   });

    $(".image_two").click(function(e) {   
    
    $('#image_pre').attr('src',$(this).attr('src'));
   });

   $(".image_three").click(function(e) {
    $('#image_pre').attr('src',$(this).attr('src'));
   });

   $(".image_proof").click(function(e) {

      $('.pdf_data').addClass('d-none');
      $('.img-fluid-1').removeClass('d-none');    
      var ext = $(this).attr('src');

      $('.image_data').css('display','block');
      $('#image_id_proof').attr('src',ext);    
    
   });

   $(".pdf_proof").click(function(e) {    

      $('.img-fluid-1').addClass('d-none');
      $('.pdf_data').removeClass('d-none');    
      var ext = $(this).attr('href');      
    
      $('.pdf_data').css('display','block');
      $('#image_id_pdf').attr('src',ext);    
    
   });




    /*$('.live-preview').on('click',function(){

    var assign_assessment_id = $(this).attr('data-id');

    //alert(assign_assessment_id);

    $.ajax({
        url:"{{ secure_url('pro/company/pre-proctor-live-images')}}",
        type:"POST",
        data:{
                'assign_assessment_id':assign_assessment_id                       
            },
        success:function(response){

            var data =[];
            $('.img-collections').html('');
            $('.popup_profile').html('');

            console.log(response.component.data);
            
            $('.popup_profile').append('<img src="{{ HireMeeHelper::getAWSImageUrl('+response.live_images_profile.s3_id+',"uat.hiremeepro","hiremeeprodev") }}" alt="profile-pic" class="profile-img-responsive-full-screen img-fluid rounded-circle me-2"><p class="my-auto">Live Images</p>');

            $.each(response.component.data,function(key,value){

              //data.push(value.s3_id);

               
               var photo = '{{ HireMeeHelper::getAWSImageUrl('+value.s3_id+',"uat.hiremeepro","hiremeeprodev") }}'
               console.log(photo);
             
               $('.img-collections').append('<img src="'+photo+'" alt="img" class="rounded img-fluid">');

            });
            //console.log(data);        
        },
        error: function (error) {

        }
    });  
   
});*/


    $(".terminate_data").click(function(e) {

        var assign_assessment_id = $(this).attr('data-id');        
        if(assign_assessment_id != ''){
            $.ajax({
                url:"{{ secure_url('pro/company/pre-proctor-terminate')}}",
                type:"POST",
                data:{
                        'assign_assessment_id':assign_assessment_id                       
                    },
                success:function(response){
                    //console.log(response);
                    if(response.status == 200){
                           
                        //$(".clone_assessment_new").prop('disabled',false);                        

                        swal({
                          html: true, 
                          title: '<span class="sweet-success-text">Terminate Successfully..!</span>',
                          type: 'success',
                          confirmButtonColor: '#28e1bd',
                          showCancelButton: false,
                          confirmButtonText: "OK",
                          closeOnConfirm: false
                        },function(){
                            window.location.href ="{{ secure_url('pro/company/pre-proctor-uploads') }}";
                        });                                              

                    }else{
                        //$(".clone_assessment_new").prop('disabled',false);

                        swal({
                          html: true, 
                          title: '<span class="sweet-danger-text">Something went Wrong..!</span>',
                          type: 'error',
                          confirmButtonColor: '#28e1bd',
                          showCancelButton: false,
                          confirmButtonText: "OK",
                          closeOnConfirm: false
                        });
                    }
                
                },
                error: function (error) {

                }
            });

        }else{           

            swal({
              html: true, 
              title: '<span class="sweet-danger-text">Something went Wrong..!</span>',
              type: 'error',
              confirmButtonColor: '#28e1bd',
              showCancelButton: false,
              confirmButtonText: "OK",
              closeOnConfirm: false
            });

        }           

        return false;

    });

    $(".accept_data").click(function(e) {

        var assign_assessment_id = $(this).attr('data-id');

        //alert(assign_assessment_id);

       //$(".clone_assessment_new").prop('disabled',true);     

        if(assign_assessment_id != ''){

            //$('#modal-assess').removeClass('md-show');
            //$('.hme-loading-mask').fadeIn();

            $.ajax({
                url:"{{ secure_url('pro/company/pre-proctor-accept')}}",
                type:"POST",
                data:{
                        'assign_assessment_id':assign_assessment_id                       
                    },
                success:function(response){
                    //console.log(response);
                    if(response.status == 200){
                           
                        //$(".clone_assessment_new").prop('disabled',false);                        

                        swal({
                          html: true, 
                          title: '<span class="sweet-success-text">Accepted Successfully..!</span>',
                          type: 'success',
                          confirmButtonColor: '#28e1bd',
                          showCancelButton: false,
                          confirmButtonText: "OK",
                          closeOnConfirm: false
                        },function(){
                            window.location.href ="{{ secure_url('pro/company/pre-proctor-uploads') }}";
                        });                                              

                    }else{
                        //$(".clone_assessment_new").prop('disabled',false);

                        swal({
                          html: true, 
                          title: '<span class="sweet-danger-text">Something went Wrong..!</span>',
                          type: 'error',
                          confirmButtonColor: '#28e1bd',
                          showCancelButton: false,
                          confirmButtonText: "OK",
                          closeOnConfirm: false
                        });
                    }
                
                },
                error: function (error) {

                }
            });

        }else{           

            swal({
              html: true, 
              title: '<span class="sweet-danger-text">Something went Wrong..!</span>',
              type: 'error',
              confirmButtonColor: '#28e1bd',
              showCancelButton: false,
              confirmButtonText: "OK",
              closeOnConfirm: false
            });

            //$(".clone_assessment_new").prop('disabled',false);

        }           

        return false;

    });


    var currentPagination = '';


$('body').on('click', '.pagination a', function(e) {   
      e.preventDefault();
      var url = $(this).attr('href');
      currentPagination = url;
        $.ajax({
            url: url,
            beforeSend:function(){
              $('.hme-loading-mask').fadeIn();
            },
            success: function(res) {
              $('.hme-loading-mask').fadeOut();
                $('#reportDiv').html(res.component);               
            }
        });
});

   </script>