@extends('layouts.master')

@section('content')

<div class="content d-flex flex-column flex-column-fluid">
	<!--begin::Container-->
	<div class="col-lg-12  d-flex flex-column flex-xl-row flex-row-fluid gap-10">
		
		<div class="col-lg-10 offset-1">
			<form action="{{route('subuser.update')}}" method="post" enctype="multipart/form-data">
				@csrf

				<div class="card mb-12 mb-xxl-12 tab-content">
					<div class="card-body pb-0 tab-pane fade show active" id="kt_stats_widget_16_tab_1">
						<div class="w-100">
							<div class="">
								<!--begin::Title-->
								<h2 class="fw-bold text-gray-900">Sub Users Edit</h2>

								<!--end::Notice-->
							</div>
							<div class="card-body p-9">							
								<div class="row mb-6">
									<!--begin::Label-->
									<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6"> Role</label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<select name="role_id" id="role_id" class='form-control'>
											<option value="">Please select</option>
											@foreach($roles as $key => $role)
											<option value="{{$role->id}}" {{($user->role_id == $role->id) ? 'selected' : ''}}>{{$role->name}}</option>
											@endforeach
											@error('role_id')
                                                 <p class="text-danger">{{ $message }}</p>
                                        	 @enderror
										</select>
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
									
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6">User Name  <span style="color:red">*</span></label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="username" id="username" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" value="{{old('username',$user->username)}}" placeholder="Username">	
										<input type="hidden" name="id" value="{{$user->id}}">
										@error('username')
                                                 <p class="text-danger">{{ $message }}</p>
                                         @enderror
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>

								</div>
								<div class="row mb-6 d-none">
									<label class="col-lg-4 col-form-label fw-semibold fs-6"> Password <span style="color:red">*</span></label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="password" name="password" id="password" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Password" value="{{old('password',$user->password)}}">	
										@error('password')
                                                 <p class="text-danger">{{ $message }}</p>
                                         @enderror
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								
								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6"> Email <span style="color:red">*</span></label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="email" name="email" id="email" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Email" value="{{old('email',$user->email)}}">	
										@error('email')
                                                 <p class="text-danger">{{ $message }}</p>
                                         @enderror
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>

								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6"> Phone <span style="color:red">*</span></label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="text" name="cell_phone" id="cell_phone" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Phone" value="{{old('cell_phone',$user->cell_phone)}}">	
										@error('cell_phone')
                                                 <p class="text-danger">{{ $message }}</p>
                                         @enderror
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>

								<div class="row mb-6">
									<label class="col-lg-4 col-form-label fw-semibold fs-6"> Avatar </label>
									<div class="col-lg-8 fv-row fv-plugins-icon-container">
										<input type="file" name="image" id="image" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="file">	
										<input type="hidden" name="old_image" value="{{$user->avatar}}">
										<div
											class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
										</div>
									</div>
								</div>
								
							</div>
						</div>
					</div>					
					<div class="col-lg-12 row p-9 ">					
						<div class="col-lg-6 ">
							<button type="submit"
								class="tab-action btn btn-primary btn-lg me-3 mb-xxl-12">Save</button>
							<button type="reset"
								class="tab-action btn btn-primary btn-lg me-3 mb-xxl-12">Cancel</button>
						</div>

						
					</div>
				</div>
			</form>
		</div>

	</div>
</div>
@endsection()
@section('script')
<script>

	
</script>
@endsection()