@extends('app')
@section('content')
<title>View Technician</title>
<style>
label{
	 clear: both;
}
a{
	cursor: pointer;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: #fff;
}
.thumbnail{
        margin-bottom: 10px !important;
    }
.downloadbtn{
	background-color: #337ab7;
    color: #fff;
    padding: 0px 6px;
    border-radius: 4px;
}    
</style>
<div class="content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-head-line">VIEW TECHNICIAN</h1>
                </div>
           	</div>
            <div class="row">
            	<div class="col-md-12">
            		<div class="panel panel-default">
                        <div class="panel-body">
                        	<input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
                        	<div class="col-md-12" style="margin-top: 2%;">
	                        		<h4>Personal Details</h4>
	                       		 </div>
							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">First Name</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->first_name }}
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">Last Name</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->last_name }}
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">Email</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->email }}
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">Mobile</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->mobile }}
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">Employee ID</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->employee_id }}
								</div>
							</div>
							<div class="col-md-12" style="margin-top: 2%;">
	                        		<h4>Address Details</h4>
	                       		 </div>
							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">Address</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->address }}
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">City</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->city }}
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">State</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->state }}
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">Pin code</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->pincode }}
								</div>
							</div>
							<div class="col-md-12" style="margin-top: 2%;">
	                        		<h4>Identity Details</h4>
	                       		 </div>
							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">Profile photo</label>
								<div class="col-md-6 col-sm-6 col-xs-12">

																			<img src="/assets/img/dummy.jpg" height="80" width="80">
																		<!-- <img src="{{ URL::to('/').'/'.$img_dir.$biker->profile_photo }}" class="thumbnail" height="80" width="80"/> -->
								</div>
							</div>

							<div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12" style="margin-top: 10px;">Identity proof</label>
								<div class="col-md-6 col-sm-6 col-xs-12" style="margin-top: 10px;">
										<div class="row">
												<div class="col-md-2">
																								<lable> </lable>
												
												</div>
												<div class="col-md-2">
																								<lable> 	</lable>
												</div>
												<div class="col-md-2">
																								<lable> 	</lable>
												</div>
												<div class="col-md-2">
																								<lable> 	</lable>
												</div>
												<div class="col-md-2">
																								<lable> 	</lable>
											</div>
										</div>
								</div>
							</div>
							<div class="col-md-12" style="margin-top: 2%;">
	                        		<h4>Others Details</h4>
	                       		 </div>
							<!-- <div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12" >COD amount receive: </label>
								<div class="col-md-6 col-sm-6 col-xs-12" >
									{{ $biker->cod_amount_receivable }}
								</div>
							</div> -->
							

							<!-- <div class="form-group">
								<label class="control-label col-md-4 col-sm-4 col-xs-12">Profile Status</label>
								<div class="col-md-6 col-sm-6 col-xs-12">
									{{ $biker->profile_status }}
								</div>
							</div> -->
	                        <div class="form-group">
	                            <label class="control-label col-md-4 col-sm-4 col-xs-12">Status</label>
	                            <div class="col-md-6 col-sm-6 col-xs-12">
	                                {{ $biker->status }}
	                            </div>
	                        </div>

	                        <!-- <div class="form-group">
	                            <label class="control-label col-md-4 col-sm-4 col-xs-12">Type</label>
	                            <div class="col-md-6 col-sm-6 col-xs-12">
	                               {{ ($biker->type == 'Runner') ? "Biker" : $biker->type }}
	                            </div>
	                        </div> -->

							<div class="form-group">
	                            <label class="control-label col-md-4 col-sm-4 col-xs-12">Joining Date</label>
	                            <div class="col-md-6 col-sm-6 col-xs-12">
	                                {{ $biker->joining_date }}
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label class="control-label col-md-4 col-sm-4 col-xs-12">Leaving Date</label>
	                            <div class="col-md-6 col-sm-6 col-xs-12">
	                                {{ $biker->leaving_date }}
	                            </div>
	                        </div>

							<div class="form-group">
								<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3" style="margin-top:3%">
									<a href="{{ route('bikers.edit', $biker->id).'?sort='.$_GET['sort'].'&filter_name='.$_GET['filter_name'].'&page='.$_GET['page'].'&order='.$_GET['order'].'&filter_membertype='.$_GET['filter_membertype']  }}" class="btn btn-success">
										Edit Employee
									</a>
									 <a href="{{ route('bikers.index').'?sort='.$_GET['sort'].'&filter_name='.$_GET['filter_name'].'&page='.$_GET['page'].'&order='.$_GET['order'].'&filter_membertype='.$_GET['filter_membertype'] }}" class="btn btn-primary">Cancel</a>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
</div>
<script type="text/javascript">
$(function() {
		$('.pop').on('click', function() {
			$('.imagepreview').attr('src', $(this).find('img').attr('src'));
			$('#imagemodal').modal('show');   
		});		
});

</script>
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" data-dismiss="modal">
    <div class="modal-content"  >              
      <div class="modal-body">
      	<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true" style="margin-bottom: 2%;">&times;</span><span class="sr-only">Close</span></button>
        <img src="" class="imagepreview" style="width: 100%;height:100%"  >
      </div> 
         
    </div>
  </div>
</div>
@endsection