@extends('layouts.main')
@section('title',trans('core.title_test_started'))
@section('content')
<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 p-0">
		<div class="main-body">
			<div class="page-wrapper p-0">
				<div class="page-header p-15 m-b-0 pro-page-heading1">
					<div class="page-header-title">
						<h4>Manage Candidate</h4>
					</div>
					<div class="page-header-breadcrumb p-r-10">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
								@if(Auth::guard('corporate')->user()->user_type == 1)
								<a href="{{secure_url('company/dashboard') }}">
									@elseif(Auth::guard('corporate')->user()->user_type == 2)
									<a href="{{secure_url('recruiter/dashboard') }}">
										@endif 
										<span class="hiremee-home"></span>
									</a>
								</li>
								<li class="breadcrumb-item"><a href="{{ secure_url('pro/test-started') }}">Manage Candidate</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="page-body">
						<div class="pageheader">
							<div class="row">
								<div class="col col-md-6 d-flex align-items-center">
									Candidate Test Started
								</div>
								<div class="col col-md-6 d-flex align-items-center justify-content-end">
									<button class="btn btn-danger c-white candidate-bulk-delte">Delete</button>
									  <button id="js-pro-teststart-report" class="btn btn-primary pro-green c-white with-icon" @if($candidate_lists->count() == 0) disabled="disabled" @endif><span class="btn-icon hmepro-icon-excel"></span> Download Excel</button>
								</div>
							</div>
						</div>
						<table class="table table-striped pro-list-table tbl-truncate-break">
							<thead class="bgn-gradient-blue">
								<tr>
									<th scope="col">
										<div class="p-relative">
											<label class="container-checkbox-pro">
												<input type="checkbox" id="checkAll">
												<span class="checkmark-round"></span>
											</label>
										</div>
										
									</th>
									<th scope="col">Name</th>
									<th scope="col">Email Address</th>
									<th scope="col">Mobile No.</th>
									   <th scope="col">Start Date</th>
                                    <th scope="col">End Date</th>
                                    <th scope="col">Test Name</th>
									<th scope="col">Test Pin</th>
									<th scope="col">Status</th>
									<th scope="col">Action</th>
								</tr>
							</thead>
							<tbody id="js_teststarted_listing_container">
								

  @include('corporate.test-started_render')
    </tbody>
							
						</table>
					</div>

					  @if($candidate_lists->hasMorePages())
                            <div class="col-md-12 mb-4">
                              <div class="text-center">
                                  <button class="btn btn-outline-info " style="margin: 15px;" id="js-teststartedlisting-load-more" data-page='2'>Load more...</button>
                                  
                              </div>
                            </div>
                            @endif
				</div>
			</div>
		</div>
	</div>
	  

<script>

  $('#js-teststartedlisting-load-more').on('click',function(){
        $(this).hide();
        data_page=$(this).attr('data-page');
        loadMore(data_page);
        
    });


  function loadMore(data_page){
       $('.hme-loading-mask').fadeIn();
     
 
        $.ajax({
          url: "{{secure_url('pro/test-started')}}",
          type: "get",
          data: {'limit': 100,'page':data_page,'request_type':'remote'},
          success: function(response){

            if (response.status == 200) {
              $('#js_teststarted_listing_container').append(response.component);
              $('.hme-loading-mask').fadeOut();
               
              if(response.hasmore == false) {
                $('#js-teststartedlisting-load-more').hide();
              } else {
                $('#js-teststartedlisting-load-more').show();
                $('#js-teststartedlisting-load-more').attr('data-page',parseInt($('#js-teststartedlisting-load-more').attr('data-page'))+1);
              }
            }
          },
          error: function(error){
            alertMessage("danger","Your action  has been suspended, Sorry for the inconvenience. Please try again later","Something Went Wrong");
          }
        });
    }
    $('#js-pro-teststart-report').on('click',function(){
  	$('.hme-loading-mask').fadeIn();
	  $.ajax({
	    url:"{{ secure_url('pro/candidate-download-excel') }}",
	    type:"get",
	    data:{type:"test_started"},
	    success:function(response,textstatus,request){
	      var a = document.createElement("a");
	      a.href = response.file; 
	      a.download = response.name;
	      document.body.appendChild(a);
	      a.click();
	      a.remove();  
	      $('.hme-loading-mask').fadeOut();   
	    },
	     error: function (ajaxContext) {
	        toastr.error('Export error: '+ajaxContext.responseText);
	      }
	  });
	});

</script>

	@endsection