@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')



<div class="row add-data-form" style="margin-top: 4rem;">
	<div class="container">
		<div class="viewTitle" style="border-bottom: 1px solid white;">
			<a href="{!! $data['viewIdCardFormUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i
				class="glyphicon glyphicon-th-list viewIcon">
			</i>{!! $data['viewIdCardFormLabel'] !!}</a>
		</div>
		<div class="panel panel-default panel-border" style="min-height: 300px;">

			
			<div class="panel-heading">
				<div class="panel-title">{!! $data['pageTitle'] !!}</div>
			</div>

			<div class="panel-body" id="idCardPrintForm">
				
				{!! Form::open([
					'url' => '',
					'id' => 'formId',
					'class' => 'form',
					'method' => 'post',
				]) !!}

				<div class="row form-group">

					<div class="col-sm-12">
                                                            
                                                            <input type="hidden" name="empId" id="empId" value="{{ $data['empId'] }}" />
                                                            <input type="hidden" name="printAmount" id="printAmount" value="" />
                                                            <input type="hidden" name="printTypeId" id="printTypeId" value="" />

						<div class="col-sm-2">
							{!! Form::label('emp_id_card_print_type', 'Id Card Print Type', ['class' => 'control-label']) !!}
							<span style="color: red">*</span>
						</div>

						<div class="col-sm-5">
							{!! Form::select('emp_id_card_print_type', ['' => 'Select any'] + $data['empIdCardTypes'], null, [
								'class' => 'form-control',
								'id' => 'emp_id_card_print_type',
							]) !!}
							<p id='emp_id_card_print_type_msg' style="max-height:3px; color:#FF0000 !important;"></p>
						</div>
						
					</div>

					<br><br><br>
					<div class="col-sm-12">

						<div class="col-sm-2">
							{!! Form::label('issue_date', 'Date Of Issue', ['class' => 'control-label']) !!}
						</div>

						<div class="col-sm-5">
							{!! Form::text('issue_date', null, [
								'class' => 'form-control',
								'id' => 'issue_date',
								'readonly' => true

							]) !!}
						</div>
					</div>

					<br><br><br>
					<div class="col-sm-12">

						<div class="col-sm-2">
							{!! Form::label('validity_date', 'Date Of Validity', ['class' => 'control-label']) !!}
						</div>

						<div class="col-sm-5">
                                                                      <div id="validity_date_one_section">
                                                                                {!! Form::text('validity_date_one', null, [
                                                                                          'class' => 'form-control',
                                                                                          'id' => 'validity_date_one',
                                                                                          'readonly' => true

                                                                                ]) !!}
                                                                      </div>

                                                                      <div id="validity_date_two_section" style="display: none">
                                                                                {!! Form::text('validity_date_two', null, [
                                                                                          'class' => 'form-control datepicker',
                                                                                          'id' => 'validity_date_two',
                                                                                          'readonly' => true

                                                                                ]) !!}
                                                                      </div>
							<p id='validity_date_msg' style="max-height:3px; color:#FF0000 !important;"></p>
						</div>
						
					</div>

					<br><br><br>
					<div class="col-sm-7">
						<a class="btn btn-info pull-right" type="button" id="proccedForNextStep">Procced</a>
					</div>

				</div>

				{!! Form::close() !!}
			</div>
		</div>
	</div>
</div>


@endsection

@section('footerAssets')
<script type="text/javascript" src="{{asset('js/printThis.js')}}" defer></script>
<script type="text/javascript">

	$(document).ready(function() 
	{  	
		$('#emp_id_card_print_type').change(function()
		{	
                              $('#validity_date_one_section').css('display', 'block');
                              $('#validity_date_two_section').css('display', 'none');

                              $('#issue_date').val('');
                              $('#validity_date_one').val('');
                              $('#validity_date_two').val('');

                              $('#printAmount').val('');
                              $('#printTypeId').val('');

                              empId = $('#empId').val();
                              printTypeId = $(this).val();
                              var csrf 			= "{{ csrf_token() }}";

                              $.ajax({
				url: '../../employee/idcardSetConfig',
				type: 'POST',
				dataType: 'json',
				async: false,
				data: { 
					empId: empId, 
					printTypeId: printTypeId,
					_token: csrf
				},
				success: function(__response) 
				{   	
                                               if(__response)
                                               {  
                                                  $('#issue_date').val(__response.issueDate);
                                                  
                                                  $('#printAmount').val(__response.amount);
                                                  $('#printTypeId').val(__response.printTypeId);
                                                  $('#printIssueDate').val(__response.issueDate);
                                                  $('#printValidityDate').val(__response.validityDate);

                                                  if(__response.dateChangeAccess == true)
                                                  {
                                                            $('#validity_date_two').val(__response.validityDate);
                                                            $('#validity_date_one_section').css('display', 'none');
                                                            $('#validity_date_two_section').css('display', 'block');
                                                  }
                                                  else 
                                                  {
                                                            $('#validity_date_one').val(__response.validityDate);
                                                            $('#validity_date_one_section').css('display', 'block');
                                                            $('#validity_date_two_section').css('display', 'none');
                                                  }
                                               }
                                                 
				},
				error: function(argument) 
				{
					// alert('response error');
				}
			});

			$('#emp_id_card_print_type_msg').text('');
			
			
		});

		$(document).on('change', '#validity_date_two', function(e) 
		{ 
			$('#validity_date_msg').text('');
		});

		$('#proccedForNextStep').click(function()
		{	
			var emp_id_card_print_type 	= $('#emp_id_card_print_type').val();
			var issue_date 	          = $('#issue_date').val();
                              var validity_date_one 	= $('#validity_date_one').val();
                              var validity_date_two 	= $('#validity_date_two').val();
			var csrf 			= "{{ csrf_token() }}";
                              var viewIdCardUrl             = <br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/employee/viewIdCardForm.blade.php</b> on line <b>197</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/employee/viewIdCardForm.blade.php</b> on line <b>197</b><br />
null;

                              var printEmpId = $('#empId').val();
                              var printAmount = $('#printAmount').val();
                              var printTypeId = $('#printTypeId').val();
                              var printIssueDate = issue_date;

                              if(validity_date_one) printValidityDate = validity_date_one;
                              else if(validity_date_two) printValidityDate = validity_date_two;
                              

			$.ajax({
				url: '../../employee/idcard-print-form-validation',
				type: 'POST',
				dataType: 'json',
				async: false,
				data: { 
					printTypeId: emp_id_card_print_type, 
					issue_date: issue_date, 
                                                  validity_date: validity_date_two,
					_token: csrf
				},
				success: function(__response) 
				{   	
                                                  if(__response.status == false)
					{
						if(__response.type == 'idCardType') $('#emp_id_card_print_type_msg').text(__response.msg);
						if(__response.type == 'validityDate') $('#validity_date_msg').text(__response.msg);
					}
					
                                                  if(__response.status == true)
					{	
						location.href = viewIdCardUrl+'/'+printEmpId+'?printTypeId='+printTypeId+'&issueDate='+printIssueDate+'&validityDate='+printValidityDate+'&amount='+printAmount;

					}
				},
				error: function(argument) 
				{
					// alert('response error');
				}
			});

			
		});
	});
</script>
@endsection