@extends('layouts.admin')

@isset ($user)
@section('title','Admin Edit User')
@else
@section('title','Admin Create User')
@endisset

@section('content')
<div class="row">
  	<x-content-header :title="isset($user)?'Edit User':'Create User'" />
	<div class="col-12">
		<x-card>
			<form class="custom-validation" novalidate autocomplete method="POST"
			@isset($user)
				action="{{route('admin.users.update', $user->id)}}"
			@else
				action="{{route('admin.users.store')}}"
			@endisset
			enctype="multipart/form-data">
			@csrf
			@isset($user)
				@method('PUT')
			@endisset
					<div class="row flex-column-reverse flex-md-row">
							<div class="col-md-8 align-self-center">
								<div class="form-group row mb-4">
									<label for="name" class="col-sm-2 col-form-label">Name<sup class="text-danger">*</sup></label>
									<div class="col-sm-10">
										<input type="text" name="name" @isset($user) value="{{ $user->name }}" @endisset class="form-control @error('name') parsley-error @enderror" id="name" placeholder="Enter name..." required>
										@error('name')
											<ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
												<li class="parsley-required">{{ $message }}</li>
											</ul>
										@enderror
									</div>
								</div>

								<div class="form-group row mb-4">
									<label for="email" class="col-sm-2 col-form-label">Email<sup class="text-danger">*</sup></label>
									<div class="col-sm-10">
										<input type="email" name="email" @isset($user) value="{{ $user->email }}" @endisset class="form-control @error('email') parsley-error @enderror" id="email" placeholder="Enter email..." required>
										@error('email')
											<ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
												<li class="parsley-required">{{ $message }}</li>
											</ul>
										@enderror
									</div>
								</div>

								<div class="form-group row mb-4">
									<label for="phone" class="col-sm-2 col-form-label">phone<sup class="text-danger">*</sup></label>
									<div class="col-sm-10">
										<input type="text" name="phone" @isset($user) value="{{ $user->phone }}" @endisset class="form-control @error('phone') parsley-error @enderror" id="phone" placeholder="Enter phone..." required>
										@error('phone')
											<ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
												<li class="parsley-required">{{ $message }}</li>
											</ul>
										@enderror
									</div>
								</div>
								<div class="form-group row mb-4">
									<label for="phone" class="col-sm-2 col-form-label">Gender</label>
									<div class="col-sm-10">
										<select name="gender" id="gender" class="form-control">
											<option value="M">Male</option>
											<option value="F">Female</option>
										</select>
										@error('phone')
											<ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
												<li class="parsley-required">{{ $message }}</li>
											</ul>
										@enderror
									</div>
								</div>
								<div class="form-group row mb-4">
									<label for="password" class="col-sm-2 col-form-label">Password<sup class="text-danger">*</sup></label>
									<div class="col-sm-10">
										<input type="password" name="password" class="form-control @error('password') parsley-error @enderror" id="password" placeholder="Enter password..." @empty($user) required @endempty>
										@error('password')
											<ul class="parsley-errors-list filled" id="parsley-id-5" aria-hidden="false">
												<li class="parsley-required">{{ $message }}</li>
											</ul>
										@enderror
									</div>
								</div>
								<div class="form-group row mb-0 mb-md-1">
									<label for="desc" class="col-md-2 col-form-label">Description</label>
									<div class="col-md-10">
										<textarea name="desc" class="form-control" id="desc" rows="5" placeholder="Enter description...">@isset($user) {{$user->desc}} @endisset</textarea>
									</div>
								</div>
							</div>
						<div class="col-md-4">
							<div class="position-relative">
								<label class="d-block text-center">Profile<sup class="text-danger">*</sup></label>
								<div class="d-flex w-50 m-auto">
									<img class="img-thumbnail mw-50 img-clickable feature-img feature-image  @error('feature_image') border-danger @enderror" 
									src="{{ isset($user)?asset($user->feature_image):asset('images/no-image.jpg') }}" alt="No Image" />
									<input type="file" id="feature_image" class="custom-file-input d-none feature-image" name="feature_image" />
								</div>
							</div>
						</div>
					</div>

				<button type="submit" class="btn btn-success rounded-pill w-md float-right"><i class="bx bx-check-shield"></i> Save</button>
				<a href="{{route('admin.users.index')}}" class="btn btn-warning rounded-pill w-md"><i class="bx bx-left-arrow-alt"></i> Back</a>
			</form>
		</x-card>
	</div>
</div>
@endsection