@extends('layouts.app')

@section('styles')

<!--Select2 css -->
<link href="{{URL::asset('assets/plugins/select2/select2.min.css')}}" rel="stylesheet" />

<!-- Time picker css-->
<link href="{{URL::asset('assets/plugins/time-picker/jquery.timepicker.css')}}" rel="stylesheet" />

<!-- Date Picker css-->
<link href="{{URL::asset('assets/plugins/spectrum-date-picker/spectrum.css')}}" rel="stylesheet" />

<!-- File Uploads css-->
<link href="{{URL::asset('assets/plugins/fileuploads/css/dropify.css')}}" rel="stylesheet" type="text/css" />

<!--Mutipleselect css-->
<link rel="stylesheet" href="{{URL::asset('assets/plugins/multipleselect/multiple-select.css')}}">



@endsection

@section('content')

<!-- page-header -->
<div class="page-header">
	<ol class="breadcrumb"><!-- breadcrumb -->
		<li class="breadcrumb-item"><a href="{{route('admin.user.user.index')}}">{{ __('user_admin.user') }}</a></li>
	@if (empty($user->id))
		<li class="breadcrumb-item active" aria-current="page">{{ __('user_admin.add') }}</li>
	@else
		<li class="breadcrumb-item active" aria-current="page">{{ __('user_admin.edit') }}</li>
	@endif
	</ol>
</div>
<!-- End page-header -->

<!-- row -->
<div class="row">
	<div class="col-md-12">

		<div class="card">
			<div class="card-header pb-0">
				<h3 class="mb-0 card-title">{{ __('user_admin.user_form') }}</h3>
			</div>
			<form id="user_frm" name="user_frm" method="POST" onsubmit="setSave(); return false;" enctype="multipart/form-data" >
				@csrf
				<input type="hidden" name="id" id="user_id" value="{{ !empty($user->id) ? $user->id :'0' }}">
				<div class="card-body">
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label class="form-label required">{{ __('user_admin.name') }}</label>
								<input type="text" class="form-control" id="name" name="name" placeholder="{{ __('user_admin.name') }}" value="{{ !empty($user->name) ? $user->name :'' }}">
							</div>
							<div class="form-group">
								<label class="form-label required">{{ __('user_admin.email') }}</label>
								<input type="email" class="form-control" id="email"  name="email" placeholder="youremail@domain.com" value="{{ !empty($user->email) ? $user->email :'' }}">
							</div>
							<div class="form-group">
								<label class="form-label required">{{ __('user_admin.username') }}</label>
								<input  type="text" class="form-control" name="username" id="username" placeholder="{{ __('user_admin.username') }}" value="{{ !empty($user->username) ? $user->username :'' }}">
							</div>
							<div class="form-group">
								<label class="form-label required">{{ __('user_admin.password') }}</label>
								<input type="password" class="form-control" id="password" name="password" placeholder="{{ __('user_admin.password') }}" value="{{ !empty($user->password) ? '********' :'' }}">
							</div>
							<div class="form-group">
								<label class="form-label required">{{ __('user_admin.re_password') }}</label>
								<input type="password" class="form-control" id="re_password" name="re_password" placeholder="{{ __('user_admin.re_password') }}" value="{{ !empty($user->password) ? '********' :'' }}">
							</div>
															<input type="hidden" name="group_id" value="1">
														<div class="form-group required" style="display:none">
								<label class="form-label">{{ __('user_admin.avatar') }}</label>
								<div class="row">
									<div class="col-md-6">
										<div class="card">
											<div class="card-body">
												<input type="file" name="avatar" class="dropify" data-default-file="{{ !empty($user->avatar) ? $user->avatar :'' }}" />
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="form-group " style="display:none">
								<label class="form-label required">{{ __('user_admin.language') }}</label>
								<select name="locale" class="form-control select2-show-search" data-placeholder="Choose Locale" >
									@if ( empty($user->locale) || (!empty($user->locale)&&$user->locale=='th'))
									<option value="th" selected="selected">{{ __('user_admin.th') }}</option>
									<option value="en" >{{ __('user_admin.en') }}</option>
									@else
									<option value="th" >{{ __('user_admin.th') }}</option>
									<option value="en" selected="selected" >{{ __('user_admin.en') }}</option>
									@endif
								</select>
							</div>
							<div class="form-group ">
								<label class="form-label required">{{ __('user_admin.status') }}</label>
								@if ( !isset($user->status) || (isset($user->status)&&$user->status == 1) )
								<div class="form-check form-check-inline">
									<input class="form-check-input" type="radio" name="status" id="status_enable" value="1" checked="checked">
									<label class="form-check-label" for="status_enable">{{ __('user_admin.status_enable') }}</label>
								</div>
								<div class="form-check form-check-inline">
									<input class="form-check-input" type="radio" name="status" id="status_disable"  value="0">
									<label class="form-check-label" for="status_disable">{{ __('user_admin.status_disable') }}</label>
								</div>
								@else
								<div class="form-check form-check-inline">
									<input class="form-check-input" type="radio" name="status" id="status_enable" value="1">
									<label class="form-check-label" for="status_enable">{{ __('user_admin.status_enable') }}</label>
								</div>
								<div class="form-check form-check-inline">
									<input class="form-check-input" type="radio" name="status" id="status_disable"  value="0"  checked="checked">
									<label class="form-check-label" for="status_disable">{{ __('user_admin.status_disable') }}</label>
								</div>
								@endif
							</div>
														<input type="hidden" name="api_enable" value="0">
												</div>
													<input type="hidden" name="role[]" value="">
												<div class="col-md-12 ">
							<div class="form-group mb-1">
								<div class="btn-list">
									<button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> {{ __('user_admin.save') }}</button>
									<button onclick="mwz_redirect('{{ route('admin.user.user.index') }}');" type="button" class="btn btn-warning"><i class="fa fa-undo" aria-hidden="true"></i>{{ __('user_admin.cancel') }}</button>
								</div>
							</div>
						</div>
					</div>
						
				</div>
			</form>
		</div>
	</div>
</div>
<!-- .row -->	

@endsection('content')

@section('scripts')

<!--Jquery Sparkline js-->
<script src="{{URL::asset('assets/plugins/vendors/jquery.sparkline.min.js')}}"></script>

<!-- File uploads js -->
<script src="{{URL::asset('assets/plugins/fileuploads/js/dropify.js')}}"></script>
<script src="{{URL::asset('assets/plugins/fileuploads/js/dropify-demo.js')}}"></script>

<!--Select2 js -->
<script src="{{URL::asset('assets/plugins/select2/select2.full.min.js')}}"></script>
<!-- <script src="{{URL::asset('assets/js/form-elements.js')}}"></script> -->

<!--MutipleSelect js-->
<script src="{{URL::asset('assets/plugins/multipleselect/multiple-select.js')}}"></script>
<script src="{{URL::asset('assets/plugins/multipleselect/multi-select.js')}}"></script>

<!--ckeditor js-->
<script src="{{URL::asset('assets/plugins/tinymce/tinymce.min.js')}}"></script>
<!-- <script src="{{URL::asset('assets/js/formeditor.js')}}"></script> -->

<!-- Notifications js -->
<link href="{{URL::asset('assets/plugins/notify-growl/css/jquery.growl.css')}}" rel="stylesheet" />
<link href="{{URL::asset('assets/plugins/notify-growl/css/notifIt.css')}}" rel="stylesheet" />
<script src="{{URL::asset('assets/plugins/bootbox/bootbox.js')}}"></script>
<script src="{{URL::asset('assets/plugins/notify-growl/js/rainbow.js')}}"></script>
<script src="{{URL::asset('assets/plugins/notify-growl/js/jquery.growl.js')}}"></script>

<!-- validator js -->
<script src="{{URL::asset('assets/plugins/validator/js/jquery.validate.min.js')}}"></script>

<!--- Internal Treeview js -->
<script src="{{URL::asset('assets/plugins/treeview/treeview.js')}}"></script>

<!--- Internal Treeview -->
<link href="{{URL::asset('assets/plugins/treeview/treeview.css')}}" rel="stylesheet" type="text/css" />

<!-- mwz master js css -->
<link rel="stylesheet" href="{{ mix('css/mwz.css') }}">
<script src="{{ mix('js/mwz.js')  }}"></script>

<!-- define group role on js -->
<script type="text/javascript">
	var groups_default_role = [];
		</script>
	<!-- module js css -->
	<link rel="stylesheet" href="{{ mix('css/user.css') }}">
	<script src="{{ mix('js/user.js')  }}"></script>

	@endsection