@extends('layouts.app')
@section('title', blank($user) ? 'এডমিন যোগ' : 'এডমিন')
@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">
			@if(blank($user))
			<form class="form-horizontal col-md-12" action="{{ route('admin.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="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">ইউজার নাম <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 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="mobile_number_error">{{ $errors->first('mobile_number') }}</span>
                            <input type="mobile_number" name="mobile_number" id="mobile_number" class="form-control" placeholder="মোবাইল নাম্বার" value="{{ old('mobile_number') }}" 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="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="role_error">{{ $errors->first('role') }}</span>
                            <input type="text" name="role" id="role" value="Admin" class="form-control" placeholder="পদবী নাম" 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-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-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>
			@endif

			@if(!blank($user))
			<table id="data-table" class="table table-striped table-bordered dataTable no-footer dtr-inline" role="grid" aria-describedby="data-table_info">
				<thead>
					<tr role="row">
						<th>ক্রমিক</th>
						<th>নাম</th>
						<th>ইউজার নাম </th>
						<th>ইমেইল</th>
						<th>মোবাইল</th>
						<th>পদবী</th>
						<th>অবস্থা</th>
						<th>অ্যাকশান</th>
					</tr>
				</thead>
				<tbody>
												
					<tr class="gradeA odd" role="row">
						<td>{{ convertNumber(1) }}</td>
						<td>{{ $user->name }}</td>
						<td>{{ $user->username }}</td>
						<td>{{ $user->email }}</td>
						<td>{{ $user->mobile_number }}</td>
						<td>{{ $user->role }}</td>
						<td>{{ $user->status == 1 ? 'সক্রিয়' : 'নিষ্ক্রিয়' }}</td>
						<td>
							<a href="{{ route('admin.edit', $user->id) }}" type="button" class="btn btn-sm btn-warning btn-icon float-left" title="সম্পাদন"><i class="fa fa-pencil"></i></a>
						</td>
					</tr>								
				</tbody>
			</table> 
			@endif
	    </div>
	    
	</div>
</div>
@include('admin.createAjax')
@include('datatable.datatable')
@endsection