@extends('layouts.main')
@section('title',trans('core.test_freezed'))
@section('content')
<style type="text/css">
.timerbtn {
    width: 42px;
    height: 7px;
    padding-bottom: 31px;
    padding-left: 6px;
    padding-right: 21px;
    padding-top: 4px;
}
</style>
<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 Candidates</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') }}"> <span class="hiremee-home"></span> </a>
								@elseif(Auth::guard('corporate')->user()->user_type == 2)
									<a href="{{secure_url('recruiter/dashboard') }}"> <span class="hiremee-home"></span> </a>				
								@endif 
							</li>
							<li class="breadcrumb-item"><a href="{{ secure_url('pro/test-freezed-and-started') }}">Manage Candidate</a></li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					<ul class="nav nav-tabs">
	                    <li class="nav-item">
	                       <a class="nav-link active f-16 test-started-cmp" data-toggle="tab" href="#test-started-cmp"><span class="tab-icons hmepro-icon-upload"></span> Started</a>
	                    </li>
	                    <li class="nav-item">
	                      <a class="nav-link f-16 test-freezed" data-toggle="tab" href="#test-freezed"><span class="tab-icons hmepro-icon-singlr-question"></span> Completed / Terminated</a>
	                    </li>
	                    <li class="nav-item">
	                      <a class="nav-link f-16 test-status-list" data-toggle="tab" href="#test-status-list"><span class="tab-icons hmepro-icon-singlr-question"></span>All Status</a>
	                    </li>
	            	</ul>
            	 	<div class="tab-content" style="padding: 0px;">
	        <!--Freezed to started-->
	        	<div role="tabpanel" class="tab-pane" id="test-freezed">
	            		    <div class="pageheader">	
	            		    	<div class="col col-md-6 d-flex align-items-center justify-content-end ml-auto">
		                			 @if(isset($custom_message->is_started_and_freezed_to_complete) && $custom_message->is_started_and_freezed_to_complete == 1) 
										
									 @endif	
									{{--<button id="js-pro-freeze-report" class="btn btn-primary pro-green c-white with-icon" @if(!empty($candidate_lists)&&$candidate_lists->count() == 0) disabled="disabled" @endif><span class="btn-icon hmepro-icon-excel"></span> Download Excel</button>--}}
									 <div id="report_test-freezed-filter_form">
									<div class="row">
										
										<div class="col col-md-3 m-t-4">
												<button id="js-pro-testfreeze-report" class="btn btn-primary pro-green c-white with-icon"><span class="btn-icon hmepro-icon-excel" disabled></span> Download</button>
											</div>
									</div>
								 </div>
									<button data-filter="freeze_filter_section" class="btn btn-primary pro-green c-white with-icon js-pro-testpins-filter"><span class="btn-icon hmepro-icon-filter"></span> Filter</button>
						 		</div>
							 </div>
							<!-- @author Naveenkumar S @version 20.1 -->
							<!-- Start -->
								
	              			<!-- End -->
						 	<div class="col-xs-12 col-md-12 p-r-0 m-t-10 d-none" id="freeze_filter_section">
								<div class="row">
								  <div class="col-md-2">
				  			            <div class="">
						                        <label>Assessment Type :</label>
						                    </div>
						                    <div class="input-group radius-4">
									<div class="pos-relative">
								   	   <div class="form-radio">
								              <div class="radio radiofill radio-primary radio-inline">
								                <label>
								                  <input name="assessment_type_freeze" class="assessment_type" data-tab="freeze_assessment" value="1" data-bv-field="member" type="radio" checked="checked"><i class="helper"></i>Corporate
								                </label>
								              </div>
								              <div class="radio radiofill radio-primary radio-inline">
								                 <label>
								                   	<input name="assessment_type_freeze" class="assessment_type" data-tab="freeze_assessment" value="2" data-bv-field="member" type="radio"><i class="helper"></i>Test Inventory
								                 </label>
								              </div>
							                   </div>
							                </div>
							            </div>   
								  </div>
								  <div class="col-md-2">
										<div class="">
						                      <label>Test Name :</label>
						                  </div>
						                  <div class="input-group radius-4">
						                  	{!! Form::select('freeze_assessment', $assessmentdrops, $assessment_id ? $assessment_id : '', ['class' => 'form-control js-select2', 'id'=>'freeze_assessment', 'placeholder' => 'Select Assessment']) !!}
				                          </div>
						            </div>  
									<div class="col-md-2">
										<div class="">
						                      <label>Start Date :</label>
						                  </div>
						                  <div class="input-group radius-4">
						                    <input class="form-control radius-4" placeholder="e.g. 14-08-2020" id="freeze_start_date_field" readonly="true" name="freeze_start_date_field" type="text" value="" autocomplete="off" data-dtp="dtp_ZepUE">
						                    <span class="input-group-addon">
						                      <i class="icofont icofont-calendar"></i>
						                    </span>
						                  </div>
						            </div>  
						            <div class="col-md-2">
										<div class="">
					                      	<label>End Date :</label>
					                  	</div>
						                <div class="input-group radius-4">
						                    <input class="form-control radius-4" placeholder="e.g. 14-08-2020" id="freeze_end_date_field" readonly="true" name="freeze_end_date_field" type="text" value="" autocomplete="off" data-dtp="dtp_J9Z8M">
						                    <span class="input-group-addon">
						                      <i class="icofont icofont-calendar"></i>
						                    </span>
						                </div>
						            </div>  

									<!-- @author Naveenkumar Seker @version 24.0 -->
									<div class="col-md-3">
										<div class="">
											<label>Search Terms :</label>
										</div>
										<div class="input-group radius-4">
										{!! Form::text('search_terms',(isset($search_terms))?$search_terms : '',['class'=>'form-control','placeholder'=>'Testpin/name/email/contact', 'id' => 'freeze_testpin']) !!}
										</div>
									</div> 


						                
						        </div>
						          <div class="row" style="margin-top: -20px">
			                            <div class="col-11" style="
			                           display: flex; 
			                           justify-content: flex-end;">

			                            <div style="margin-top: 5px;margin-bottom: 7px;">
			                              <button class="btn btn-primary freeze_search" type="button">Search</button>
                                        	<button class="btn pro-default border-none freeze_clear" id="btn-clear">Clear</button>
			                            </div>
			                          </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">No. of Files Uploaded</th>
										<!-- <th scope="col">Action</th> -->
	     							</tr>
				 				</thead>
								<tbody id="js_testfreezeed_listing_container">
									@include('corporate.test-freezed_render')
			   				   	</tbody>
							</table>
									
							@if(!empty($candidate_lists)&&$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-testfreezedlisting-load-more" data-page='2'>Load more...</button>
				                </div>
							</div>
							@endif
					 	</div>
	        <!--Freezed to started end-->

						<div role="tabpanel" class="tab-pane active" id="test-started-cmp">
							<div id="test-started-cmp-render"></div>
						</div>
						
						<!-- All Test Status List -->
					    <div role="tabpanel" class="tab-pane" id="test-status-list">
                            <div id="test-status-list-render"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection
@section('footer')
@include('corporate.test-freezed-script')
@endsection