@extends('backend.handoff.layouts.app')

@section('content')
<div class="row">
	<div class="col-md-12">
	<div class="panel panel-default">
	<div class="panel-heading">{{ _lang('Add User') }}</div>

	<div class="panel-body">
		<form method="post" class="validate" autocomplete="off" action="{{url('users')}}" enctype="multipart/form-data">
		    <div class="col-md-6">
				{{ csrf_field() }}

				<div class="col-md-12">
				  <div class="form-group">
					<label class="control-label">{{ _lang('Name') }}</label>
					<input type="text" class="form-control" name="name" value="{{ old('name') }}" required>
				  </div>
				</div>

				<div class="col-md-12">
				  <div class="form-group">
					<label class="control-label">{{ _lang('Email') }}</label>
					<input type="email" class="form-control" name="email" value="{{ old('email') }}" required>
				  </div>
				</div>

				<div class="col-md-12">
				  <div class="form-group">
					<label class="control-label">{{ _lang('Password') }}</label>
					<input type="password" class="form-control" name="password" value="{{ old('password') }}" required>
				  </div>
				</div>

				<div class="col-md-12">
				 <div class="form-group">
					<label class="control-label">{{ _lang('Confirm Password') }}</label>
					<input type="password" class="form-control" name="password_confirmation" required>
				 </div>
				</div>

				<div class="col-md-12">
				  <div class="form-group" >
					<label class="control-label">{{ _lang('User Type') }}</label>
					<select class="form-control" id="user-type" name="user_type" required>
						<option value="">-Select User Type-</option>
						<option value="admin">{{ _lang('Admin') }}</option>
						<option value="supervisor">{{ _lang('Supervisor') }}</option>
					  	<option value="operator">{{ _lang('Operator') }}</option>
					</select>
				  </div>
				</div>

				<div class="col-md-12">
				  <div class="form-group">
					<label class="control-label" >{{ _lang('Department') }}</label>
					<select class="form-control select2" id="department_id" name="department_id">
					  <option value="">{{ _lang('Select One') }}</option>
					  {{ create_option("departments","id","department") }}
					</select>
				  </div>
				</div>

				<div class="form-group">
				  <div class="col-md-12">
					<button type="reset" class="btn btn-danger">{{ _lang('Reset') }}</button>
					<button type="submit" class="btn btn-warning">{{ _lang('Save') }}</button>
				  </div>
				</div>

			</div>

			<div class="col-md-6">
				<div class="col-md-12">
				 <div class="form-group">
					<label class="control-label">{{ _lang('Profile Picture') }} ( 300 X 300 {{ _lang('for better view') }} )</label>
					<input type="file" class="dropify" name="profile_picture" data-allowed-file-extensions="png jpg jpeg PNG JPG JPEG" data-default-file="">
				 </div>
				</div>
			</div>
		  </form>

	</div>
  </div>
 </div>
</div>
@endsection

@section('js-script')
<script>
$("#user_type").val("{{ old('user_type') }}");
</script>
@endsection