@extends('frontend.frontend_layout')

@section('content')

<main id="main">
	<!-- Begin Dahsboard Area-->
	<section class="my-account-area mb-15 bg-F7F8FA pt-150">
		<div class="container">
			<div class="row">
				<div class="col-12 col-md-3">
					@include('frontend.user.sidebar')
				</div>
				<div class="col-12 col-md-9">
					<div class="seller-dashboard-main-content-area">
						<div class="content-wrapper">
							<div class="row">
								<div class="col-md-12">
									<h1 class="page-header">
										<i class="bi bi-file-lock2 mr-2"></i> Password Change
									</h1>
								</div>
								<div class="col-md-12 m-auto">
									<div class="profile">
										<form action="{{ route('user.update-password') }}" method="post">
											@csrf
											<div class="row">
												<div class="col-md-4 pb-1">
													<div class="form-group">
														<label class="labels">Old Password</label>
														<input type="password" name="old_password" placeholder="password" class="form-control" >
														@error('old_password')
															<small class="text-danger">{{ $message }}</small>
														@enderror
													</div>
												</div>
												<div class="col-md-4 pb-1">
													<div class="form-group">
														<label class="labels">New Password</label>
														<input type="password" name="new_password" placeholder="New password" class="form-control" >
														@error('new_password')
															<small class="text-danger">{{ $message }}</small>
														@enderror
													</div>
												</div>
												<div class="col-md-4 pb-1">
													<div class="form-group">
														<label class="labels">Confirm Password</label>
														<input type="password" name="confirm_password" placeholder="Confirm password" class="form-control"
															>
														@error('confirm_password')
															<small class="text-danger">{{ $message }}</small>
														@enderror
													</div>
												</div>
											</div>
											<div class="mt-5 text-center">
												<button type="submit" class="btn btn-primary profile-button" type="button">Update Password</button>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
	</section>
	<!-- End Dahsboard  Area-->
</main>
<!-- End #main -->
@endsection