@extends('layouts.main')
@section('title','Bulk Zip')
@section('content')
<style>
	.radio.radiofill.radio-primary .helper::after{
		left:4.5px !important;
	}
</style>
	<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-content">
	<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>Bulk Zip Request Form</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/company/bulzip') }}">Bulk Zip Request Form</a></li>
						</ul>
					</div>
				</div>
				<div class="page-body">
					{{-- <div class="card borderless-card m-b-0 bg-f7f7f7">
						<div class="card-block p-t-0">
							<div class="row">
								<div class="col-md-7">
									<div class="card borderless-card m-b-0">
										<div class="card-block">
											{!! Form::open(["action" => "Pro\Corporate\TestFilesBulkZipController@testResultBulkZipSearchList", "method" => "GET", "id" => "bulk_zip_form", "name" => "bulk_zip_form"]) !!}

												<div class="row form-group">
														<div class="col-md-12 text-left f-w-400 m-b-5">Assessment Type<sup class="text-danger">*</sup></div>
														<div class="col-md-12">
															<div class="pos-relative">
																<div class="form-radio">
												                    <div class="radio radiofill radio-primary radio-inline">
												                      <label>
												                        <input name="assessment_type" class="assessment_type" 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" class="assessment_type" value="2" data-bv-field="member" type="radio">
												                          <i class="helper"></i>Test Inventory
												                      </label>
												                    </div>
												                  </div>
												                </div>
												            </div>

														</div>

												<div class="row form-group">
													<div class="col-md-12 text-left f-w-400 m-b-5">Assessment Name<sup class="text-danger">*</sup></div>
													<div class="col-md-12 m-b-15">
														<div class="pos-relative">
															<div class="hme-select-style">
																{!! Form::select('assessment', $assessmentMaster, '', ['class' => 'form-control js-select2', 'id'=>'assessment', 'placeholder' => 'Select Assessment']) !!}
															</div>
														</div>
													</div>
												</div>
												
												<div class="row form-group" id="specific_date_block">
													<div class="col-md-6 text-left  f-w-400"><p class="l-h-0">Start Date<sup class="text-danger">*</sup></p>
														<div class="input-group">
															{!! Form::text('start_date','',['class'=>'form-control','placeholder'=>'e.g. 14-08-2018', 'id' => 'start_date']) !!}
															<span class="input-group-addon">
																<i class="icofont icofont-calendar"></i>
															</span>
														</div>
													</div>
													<div class="col-md-6 text-left f-w-400"><p class="l-h-0">End Date<sup class="text-danger">*</sup></p>
														<div class="input-group">
															{!! Form::text('end_date','',['class'=>'form-control','placeholder'=>'e.g. 15-08-2018', 'id' => 'end_date']) !!}
															<span class="input-group-addon" id="">
																<i class="icofont icofont-calendar"></i>
															</span>
														</div>
													</div>
													</div>
											
												<div class="row form-group">
													<div class="col-sm-12 d-flex justify-content-start">
													<button class="btn btn-primary m-r-10 pro-green" type="submit" id="btn_submit">Submit</button>
														<button class="btn pro-default border-none" type="reset" id="btn_cancel">Cancel</button>									
													</div>
													<div class="col-md-2"></div>
												</div>
												<!-- @author Vishnuraj<V2E22808> @version Hiremee_Feature_Enchancement_34,IT12936, Search filter -->
							
											    <input type="hidden" name="role_id" id="role_id" value="{{(\Session::get("role_id"))}}">
												<input type="hidden" name="name_or_email" id="name_or_email" value="">
											{!! Form::close() !!}
										</div>
									</div>
								</div>
                            </div>

						</div>
					</div> --}}
					<div class="card borderless-card m-b-0 bg-f7f7f7">
						<div class="card-block p-t-0">
	                          <div class="row">
									<div class="col-md-12">
									   <!-- <h4> Bulk Zip Download List </h4> -->

									   <div class="table_data_render"></div>
										
									</div>	
							 </div>
					     </div>
					  </div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@section('footer')
<script type="text/javascript">

var intervalId = window.setInterval(function(){
	var is_need_reload = $('#is_need_reload').val(); 
	if(is_need_reload > 0){ bulklist(1); }
}, 10000);

bulklist();
function bulklist(a = 0){
  		if(a=0){ $('.hme-loading-mask').fadeIn(); }
        $.ajax({
          method: "GET",
          url:"{{ secure_url('pro/company/get/test-result-bulkzip-list') }}",
          success:function(data){
            if(a=0){ $('.hme-loading-mask').fadeOut(); }
          $('.table_data_render').html(data.component);
          }
      });
}
$(function(){
	var todayDate = new Date().getDate();

    $("#start_date").bootstrapMaterialDatePicker({
    	time:false,
    	clearButton: true,
    	format: 'YYYY-MM-DD',
    	maxDate: new Date(new Date().setDate(todayDate)),
    }).on('change', function(e, date) {

    	$("#end_date").val("");
    	$("#end_date").bootstrapMaterialDatePicker('setMinDate', date);
    });

	$("#end_date").bootstrapMaterialDatePicker({
    	time:false,
    	clearButton: true,
    	format: 'YYYY-MM-DD',
    	maxDate: new Date(new Date().setDate(todayDate)),
    }).on('change', function(e, date) {
    	var start 	= $("#start_date").val();
    	var end 	= $("#end_date").val();
    	var startDateArr = start.split("-");
    	var endDateArr 	 = end.split("-");
   		var startDate 	 = new Date(startDateArr[0],startDateArr[1],startDateArr[2]);
		var endDate 	 = new Date(endDateArr[0], endDateArr[1], endDateArr[2]);
    	if(endDate < startDate){
    		$("#end_date").val("");
    		console.log('wrong');
    	}

    });
});

$(function() {
	$("#bulk_zip_form").validate({
		ignore: [],
		rules: {
       
          assessment:{
          	required: true 
          	},
        
          start_date: {
          	required:  true
          },          	
          end_date: {
          	required:  true
         },
           process_status: {
          	required:  true
         },
        },

        messages:{
             assessment :{
             	required:"Please select assessment"
             },
              start_date :{
             	required:"Please select start date"
             },
              end_date :{
             	required:"Please select end date"
             },
             process_status :{
             	required:"Please select process status"
             },
        },
		invalidHandler: function (event, validator) {

	    },
	    errorElement: 'span',
		errorPlacement: function(error, element) {
            var parent = $(element).parent();
            $('.tooltip').tooltip('hide');					
			$("body").find('#'+error[0].id+'-custom').remove();

			parent.append('<span data-position="left" data-delay="0" data-animation="false" class="js-tootletip hiremee-info text-danger tooltip-validate" id="'+error[0].id+'-custom" data-toggle="tooltip" data-original-title="'+error[0].innerText+'" data-trigger="hover" style="margin-right:25px;top:8px;"></span>');
			
			$('#'+error[0].id+'-custom').tooltip(tooltip_direction_options);

		},
		submitHandler: function(form) {

		var form_data = $('#bulk_zip_form').serialize();
          $('#btn_submit').text("Processing..").attr('disabled',true);
         $('.hme-loading-mask').fadeIn();
         $.ajax({
        type : "POST",
        url: "{{ secure_url('pro/company/create/bulkzip') }}",
        data :form_data ,
        success : function(data){
            if(data.status == 200) {
             $('#btn_submit').text("Submit").attr('disabled',false);
                swal({
                        html: true, 
                        title: '<span class="sweet-success-text">Success</span>', 
                        text: data.message,
                        type: "success",
                        showCancelButton: false,
                        confirmButtonText: "OK",
                        confirmButtonColor: '#28e1bd',
                  });
                 cancel_data();
                 bulklist()
           }if(data.status == 400) {
                  swal({
                        html: true, 
                        title: '<span class="sweet-warning-text">Warning</span>', 
                        text: data.message,
                        type: "warning",
                        showCancelButton: false,
                        confirmButtonText: "OK",
                        confirmButtonColor: '#28e1bd',
                  });
                   $('.js-tootletip').remove();
                   $('#btn_submit').text("Submit").attr('disabled',false);
             }if(data.status == 500) {
                $('#btn_submit').text("Submit").attr('disabled',false);
               swal({
                        html: true, 
                        title: '<span class="sweet-danger-text">Error</span>',
                        text: data.message,
                        type: "error",
                        showCancelButton: false,
                        confirmButtonText: "OK",
                        confirmButtonColor: '#28e1bd',
                  });
                 $('.js-tootletip').remove();
            }
             $('.hme-loading-mask').fadeOut();
          //window.location.href ="/collegeactivation";
        },
        error: function (request, status, error) {
         $('#btn_submit').text("Submit").attr('disabled',false);
         swal({
                  html: true, 
                  title: '<span class="sweet-danger-text">Something went to wrong</span>', 
                  type: "error",
                  showCancelButton: false,
                  confirmButtonText: "OK",
                  confirmButtonColor: '#28e1bd',
         });
          $('.hme-loading-mask').fadeOut();
          return false; 
          } 
    });


   }

  });
$('.assessment_type').change(function(e){	
	e.preventDefault();
	opt = $(this).val();
	$.ajax({
		url:baseUrl+'/company/get-cor-asessment-data',
		data:{'type':opt},
		dataType:'json',
		type:'get',
		beforeSend:function(){
			$('.hme-loading-mask').fadeIn();
		},
		success:function(res){
			 $('.hme-loading-mask').fadeOut();
			 $('#assessment option').remove();
			 $('#assessment').html('<option value="">Select Assessment</option>'+res.response);
		},
		 error: function(error){
		 	$('.hme-loading-mask').fadeOut();
		 }
	})
})

$('.search_date_type').change(function(e){	
	e.preventDefault();
	opt_type = $(this).val();
	if(opt_type==2){
		$("#specific_date_block").removeClass('d-none');
	}else{
		$("#specific_date_block").addClass('d-none');
	}
})
$('body').on('click', '.pagination a', function(e) {   
      e.preventDefault();
      $('.hme-loading-mask').fadeIn();
       var url = $(this).attr('href');
        $.ajax({
            url: url,
            success: function(data) {
            	$('.hme-loading-mask').fadeOut();
                $('.table_data_render').html(data.component);      
            }
        });
});


$('#btn_cancel').click(function(e){
	 cancel_data();
	})
});

function cancel_data(){
	 $('#assessment').val('').trigger('change')
                 $('#start_date').val("");
                 $('#end_date').val("");
                 $('#process_status').val('').trigger('change')
                 $('.hme-loading-mask').fadeOut();
                  $('.js-tootletip').remove();
}
</script>
@endsection