@extends('layouts.app')
@section('title','লাইসেন্স ইন্সপেক্টর হালনাগাদ')
@section('content')

<!-- begin breadcrumb -->
<ol class="breadcrumb pull-right">
    <li><a href="{{ route('admin') }}">ড্যাশবোর্ড</a></li>
    <li class="active">@yield('title')</li>
</ol>
<!-- end breadcrumb -->
<!-- begin page-header -->
<h1 class="page-header">@yield('title')<small></small></h1>
<!-- end page-header -->

<div class="col-md-12 ui-sortable">
	<div class="panel panel-inverse">
	    <div class="panel-heading">
	        <div class="panel-heading-btn">
	    	<a href="javascript:;" class="btn btn-xs btn-icon btn-active" data-click="panel-expand"><i class="fa fa-expand"></i></a>
	    	</div>
	        <h4 class="panel-title">@yield('title')</h4>	        
	    </div>
	    <div class="panel-body">
			<form class="form-horizontal col-md-12" action="{{ route('licenseinspector.update',$licenseinspector) }}" method="POST" enctype="multipart/form-data">
				{{ csrf_field() }}
                {{ method_field('PUT') }}
 				<div class="col-md-6">
 					<div class="form-group">
					<label class="col-md-3 control-label">সার্কেল<span class="required">*</span></label>
					<div class="col-md-8">
						<span class="required" id="circle_error">{{ $errors->first('circle_id') }}</span>
						<select class="form-control" name="circle_id" id="circle_id" readOnly>
							<option value="" selected="selected" disabled="disabled"> -বাছাই করুন- </option>
							<option value="{{ $licenseinspector->circle_id }}" @if($licenseinspector->circle->id === $licenseinspector->circle_id) selected @endif "> {{ $licenseinspector->circle->name }} </option>
						</select>
					</div>
					</div>
					<div class="form-group">
					<label class="col-md-3 control-label">ওয়ার্ড <span class="required">*</span></label>
					<div class="col-md-8">
						<span class="required" id="ward_error">{{ $errors->first('ward_id') }}</span>
						<span id="ward_id">
                            @foreach($wards as $ward)
								@php 
								  
								$checked = (in_array($ward->id, explode(",",$licenseinspector->ward_id))) ? 'checked="checked"' : '';
								@endphp
                                <div class="col-md-4">
								    <li><input type="checkbox" name="ward_id[]" class="inner-checkbox" id="check" value="{{ $ward->id }}"{{ $checked }}>{{ $ward->name }}</li>
                                </div>
							@endforeach	
						</span>
					</div>
					</div>
				
					<div class="form-group">
                        <label class="col-md-3 control-label">নাম <span class="required">*</span></label>
                        <div class="col-md-8">
                            <span class="required" id="name_error">{{ $errors->first('name') }}</span>
                            <input type="text" name="name" id="name" value="{{ $licenseinspector->name }}" class="form-control banglaType" placeholder="নাম" autocomplete="off">
                        </div>
					</div>
                	<div class="form-group">
                        <label class="col-md-3 control-label">পিতা /স্বামীর নাম</label>
                        <div class="col-md-8">
                            <input type="text" name="father_name" class="form-control banglaType" placeholder="পিতা /স্বামীর নাম" value="{{ $licenseinspector->father_name }}" autocomplete="off">
                        </div>
					</div>
					<div class="form-group">
                        <label class="col-md-3 control-label">মাতার নাম</label>
                        <div class="col-md-8">
                            <input type="text" name="mother_name" class="form-control banglaType" placeholder="মাতার নাম" value="{{ $licenseinspector->mother_name }}" autocomplete="off">
                        </div>
					</div>
				
					<div class="form-group">
                        <label class="col-md-3 control-label">ইউজার নাম <span class="required">*</span></label>
                        <div class="col-md-8">
                            <span class="required" id="username_error">{{ $errors->first('username') }}</span>
                            <input type="text" name="username" id="username" class="form-control" placeholder="ইউজার নাম" value="{{ $licenseinspector->username }}" autocomplete="off">
                        </div>
					</div>

 				</div>
				
				<div class="col-md-6">

                    <div class="form-group">
                        <label class="col-md-3 control-label">পাসওয়ার্ড <span class="required">*</span></label>
                        <div class="col-md-8">
                            <span class="required" id="password_error">{{ $errors->first('password') }}</span>
                            <input type="password" name="password" id="password" class="form-control" placeholder="{{ $licenseinspector->password }}" value="{{ $licenseinspector->password }}" autocomplete="off">
                        </div>
					</div>
									 
					<div class="form-group">
						<label class="col-md-3 control-label">ইমেইল <span class="required">*</span></label>
						<div class="col-md-8">
							<span class="required" id="email_error">{{ $errors->first('email') }}</span>
							<input type="text" name="email" id="email" class="form-control" placeholder="ইমেইল" value="{{ $licenseinspector->email }}" autocomplete="off">
						</div>
					</div>
					
					<div class="form-group">
						<label class="col-md-3 control-label">মোবাইল নম্বর <span class="required">*</span></label>
						<div class="col-md-8">
							<span class="required" id="number_error">{{ $errors->first('mobile_number') }}</span>
							<input type="text" name="mobile_number" id="mobile_number" class="form-control number_only" placeholder="01xxxxxxxx" value="{{ $licenseinspector->mobile_number }}" autocomplete="off">
						</div>
					</div>

					<div class="form-group">
						<label class="col-md-3 control-label">ছবি</label>
						<div class="col-md-6">
							<span class="required" id="image_error">{{ $errors->first('image') }}</span>
							<input type="file" class="form-control image file-upload" id="image-upload">	
							<input type="hidden" name="image" id="image_uri" class="image-tag" accept="image/*;capture=camera"> 
						</div>	
						<div class="col-md-2">
						 
		                    <img src="{{ $licenseinspector->user->image }}" height="50px" width="50px" id="profile-pic"> 
		                
						</div>				
					</div>

					<div class="form-group">
						<label class="col-md-3 control-label">স্বাক্ষর</label>
						<div class="col-md-6">
							<span class="required" id="signature_error">{{ $errors->first('signature') }}</span>
							<input type="file" class="form-control signature file-upload" id="signature-upload">
							<input type="hidden" name="signature" id="signature_uri" value="" accept="image/*;capture=camera">
						</div>	
						<div class="col-md-2">
			                <img src="{{ $licenseinspector->signature }}" height="50px" width="50px" id="signature-pic">      
						</div>					
					</div>

					<div class="form-group">
					<label class="col-md-3 control-label">ঠিকানা</label>
					<div class="col-md-8">
						<textarea name="address" class="form-control banglaType" placeholder="ঠিকানা" rows="5">{{ $licenseinspector->address }}</textarea>
					</div>
					</div>

					<div class="form-group">
						<label class="col-md-3 control-label"></label>
						<div class="col-md-8">
							<input type="submit" name="submit" class="btn btn-sm btn-success pull-right" value="সংরক্ষন"/>
						</div>
					
					</div>
				</div>
				
			</form>

			   <!-- The Modal -->
		    <div id="uploadimageModal" class="modal" role="dialog">
				<div class="modal-dialog">
					<div class="modal-content">
			      		<div class="modal-header">
			        		<button type="button" class="btn btn-close" data-dismiss="modal">&times;</button>
			        		<h4 class="modal-title">Crop Image</h4>
			      		</div>
			      		<div class="modal-body">
			        		<div class="row">
			  					<div class="col-md-12 text-center">
									<div id="crop_image" style="width:100%; margin-top:30px"></div>
			  					</div>
							</div>
			      		</div>
			      		<div class="modal-footer">
			      			<button class="btn btn-default crop_image">Crop</button>
			      			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			      		</div>
			    	</div>
			    </div>
			</div>

			<div id="signatureModal" class="modal" role="dialog">
				<div class="modal-dialog">
					<div class="modal-content">
			      		<div class="modal-header">
			        		<button type="button" class="btn btn-close" data-dismiss="modal">&times;</button>
			        		<h4 class="modal-title">Crop Image</h4>
			      		</div>
			      		<div class="modal-body">
			        		<div class="row">
			  					<div class="col-md-12 text-center">
									<div id="signature_crop" style="width:100%; margin-top:30px"></div>
			  					</div>
							</div>
			      		</div>
			      		<div class="modal-footer">
			      			<button class="btn btn-default signature_crop">Crop</button>
			      			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			      		</div>
			    	</div>
			    </div>
			</div>

	    </div>
	    
	</div>
</div>
@include('inspector.createAjax')
@endsection