@extends('admin.layout.master')

@section('page_title','Technician Document')

@section('title','Technician Document')

@section('container')




 @if(Session::has('message'))
    <div class="alert alert-success">
        {{ Session::get('message') }}
    </div>
@endif
				 
				 
				 
				 
				 @if (Session::has('errors'))
    <div class="alert alert-danger">
       @foreach ($errors->all() as $error)
            {{ $error }}<br/>
        @endforeach
    </div>
@endif
 
 <style type="text/css">
 .img{
 max-width:100%;
 }
 
 .form-row {
    padding-bottom: 4%;
}

 </style>

<ul class="nav nav-tabs">
  <li><a href="{{url('admin/technician/'.$technician->tid.'/edit')}}">Edit Technician</a></li>
   <li class="active"><a href="{{url('admin/technician_id_proof_document/'.$technician->tid.'/edit')}}">ID Proof Document</a></li>
  <li><a href="{{url('admin/technician_personal_details/'.$technician->tid.'/edit')}}">Personal Information</a></li>
  <li><a href="{{url('admin/technician_current_address/'.$technician->tid.'/edit')}}">Current Address </a></li>
 </ul>

<br />

<div class="row ">
	<div class="col-md-6">
<form id="id_proof_form" action="{{url('/technician/identity_proof_submit')}}" method="post" enctype="multipart/form-data">
		{{csrf_field()}}
		
		
 
		
		<div class="form-row"> <div class="col" ><b class="text-center text-black font-size-14">Select ID ?</b></div></div>

	

	  <div class="form-row" >
		<div class="col">
			<select class="form-control" name="ipt_id">
				<option value="0"    selected="selected"  disabled="disabled">Select</option>
				 @foreach($IdentityProofTypes as $id_type)
				 	<option value="{{$id_type->ipt_id}}">{{$id_type->title}}</option>
				 @endforeach
			</select>
		</div>
	</div> 
	
	
		<div style="display:none" class="field_container">

	
				<div class="form-row" >
					<div class="col">
						 <input type="text" class="form-control" name="name"   placeholder="Name (as on Selected ID) " />
					</div>
				</div>
				
				<div class="form-row" >
					<div class="col">
						 <input type="text" class="form-control" name="number"   placeholder="Enter your number" />
					</div>
				</div>
	
	
				<div class="form-row" >
					<div class="col-md-12">
						<div class="image_front_display"></div><br />
						 Upload front side
						  <input id="image-file1" type="file" name="file" accept="image/*" data-min-file-count="1"  >
					</div>
					
						<div class="col-md-12 pt-4">
						 <div class="image_back_display"></div><br />

						 Upload back side
						  <input id="image-file2" type="file" name="file" accept="image/*" data-min-file-count="1"  >
					</div>
					
				</div>
	
	
	</div>
	
	

	
	
	
	  <div class="form-row pt-2 mt-2">
		<div class="col">
			<button disabled="disabled" class="btn btn_submit col-12 btn-primary">Submit</button>
			<input type="hidden" name="tid" value="{{$technician->tid}}" />
			
 			
			<input type="hidden" class="btn btn-primary" name="submit" />
		</div>
	</div> 
		
		
	</form>
	</div>
	
</div>










<link href="{{url('/public/bootstrap-fileinput/4.4.7/css/fileinput.css')}}" media="all" rel="stylesheet" type="text/css"/>
     <script src="{{url('/public/bootstrap-fileinput/4.4.7/js/fileinput.js')}}" type="text/javascript"></script>
    <script src="{{url('/public/bootstrap-fileinput/4.4.7/themes/fa/theme.js')}}" type="text/javascript"></script>
     <script type="text/javascript">
	 
	 $(document).ready(function(){
	 
	 
	 
	 var tid=$('input[name=tid]').val();
 	 
 	 
        $("#image-file1").fileinput({
            theme: 'fa',
 			showRemove:false,
			showCaption:false,
			showCancel:false,
			showBrowse:false,
			browseOnZoneClick:true,
			 
            uploadUrl: "{{url('/partner/ajax/upload_id_proof_document')}}",
            uploadExtraData: function() {
                return {
                    _token: "{{ csrf_token() }}",
					image_type:'image_front',
					tid:tid,
					ipt_id:$('select[name=ipt_id]').val(),
                };
            },
            allowedFileExtensions: ['jpg', 'png', 'gif','jpeg'],
            overwriteInitial: false,
            maxFileSize:2048,
            maxFilesNum: 1
        });
		
		
		
		
		
		 $("#image-file2").fileinput({
            theme: 'fa',
 			showRemove:false,
			showCaption:false,
			showCancel:false,
			showBrowse:false,
			browseOnZoneClick:true,
            uploadUrl: "{{url('/partner/ajax/upload_id_proof_document')}}",
            uploadExtraData: function() {
                return {
                    _token: "{{ csrf_token() }}",
					image_type:'image_back',
					tid:tid,
					ipt_id:$('select[name=ipt_id]').val(),
                };
            },
            allowedFileExtensions: ['jpg', 'png', 'gif','jpeg'],
            overwriteInitial: false,
            maxFileSize:2048,
            maxFilesNum: 1
        });
		
		
	});
		
    </script>
			
	 

 

 
 	
	
	
	

<script>
$(document).ready(function(){

	$('select[name=ipt_id]').on('change',function(){
	
		$('input[name=name]').val(''); 
						$('input[name=number]').val(''); 
						$('.image_front_display').html('');
						$('.image_back_display').html('');
	
		
		$('.btn_submit').removeAttr('disabled');
 		
		var ipt_id=$(this).val();
		
		//alert(id_type);
		$('.field_container').show('fast');
		
		//pan card
		if(ipt_id==4){  
			//$('.field_container').show();
			
		}
		
		var form_data=$('#id_proof_form').serialize();
		
		
 		
		
		$.ajax({
			url:"{{url('/partner/ajax/get_id_proof')}}",
			type:"GET",
			data:form_data,
			 beforeSend: function() {
						//
 			},
			success:function(output){
					
					
					
					
					var count=output.count;
 					//alert(count);
					if(count>0){
						var name=output.TechnicianIDProof.name;
						var number=output.TechnicianIDProof.number;
						var image_front=output.TechnicianIDProof.image_front;
						var image_back=output.TechnicianIDProof.image_back;
					
						$('input[name=name]').val(name);
						$('input[name=number]').val(number);
						
						if(image_front!=null){
						$('.image_front_display').html('<img class="img img-fluid" src="{{url('/uploads/technician/id_proof/')}}/'+image_front+'">');
						}
						
						if(image_back!=null){
						$('.image_back_display').html('<img class="img img-fluid" src="{{url('/uploads/technician/id_proof/')}}/'+image_back+'">');
						}
					
					} 
			
				}
		});
		
		 
	
	});

});
</script>

 




@endsection