@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.store') }}" method="POST" enctype="multipart/form-data">
				{{ csrf_field() }}
 				
 				<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">
							<option value="" selected="selected" disabled="disabled"> -বাছাই করুন- </option>
							@foreach($circles as $circle)
							<option value="{{ $circle->id }}"> {{ $circle->name }} </option>
							@endforeach
						</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">
							
						</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="{{ old('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="{{ old('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="{{ old('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="{{ old('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="role_error">{{ $errors->first('role') }}</span>
                            <input type="text" value="Inspector" class="form-control" placeholder="Inspector" value="{{ old('role') }}" autocomplete="off" readOnly>
                            <input type="hidden" name="role" id="role" value="3" class="form-control" placeholder="Inspector" value="{{ old('role') }}" autocomplete="off" readOnly>
                        </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="password_error">{{ $errors->first('password') }}</span>
                            <input type="password" name="password" id="password" class="form-control" placeholder="পাসওয়ার্ড" value="{{ old('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="{{ old('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="{{ old('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="{{ asset('assets/img/inspector.jpg') }}" 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="{{ asset('') }}" 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">{{ old('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