@extends('layouts.app')

@section('content')
<section class="dashLayout py-5">
	<div class="container w_lg_max_1600px__wr w_md_max_100_per__wr px_lg_100px__wr">
		<div class="row">
			<div class="dbSidebarCol col-lg-3 col-12">

				{{-- <div class="dbUserPanelHead mb-4">
					<div class="row align-items-center row-gap-2">
						<div class="col-lg col-12">
							<h2 class="dbUserPanelHeadTitle fs-24-16 fw-600 lh-1 text-black mb-0 text-center text-lg-start">Manage Profile</h2>
						</div>
						<div class="col-lg-auto col-12"></div>
					</div>
				</div> --}}
				<div class="dbSidebarBlock bg-white border border-secondary-subtle p-lg-4 py-4 px-3">
					
					<div class="dbUserInfoBlock text-center pb-lg-4 pb-3 mb-lg-4 mb-3 border-bottom border-secondary-subtle">
						
						<span class="dbUserAvtar mb-2">
							<img src="{{ $user->image ? asset($user->image) : asset('/assets/backend/images/users/avatar-3.jpg') }}" 
							loading="lazy" 
							class="img-fluid" 
							alt="user-avatar" 
							width="" 
							height="">
						</span>
						<h5 class="dbUserName fs-20-16 mb-1 fw-600 text-black">{{ $user->name }}</h5>
						<div class="dbUserInfo text-truncate text-secondary fs-14">208-295-8053</div>
					</div>
					<div class="dbSidebarMenuBlock">
						<ul class="nav nav-pills flex-column mb-auto">
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="fa-regular fa-house"></i>
									<span class="labelText ms-3">Dashboard</span>
								</a>
							</li>
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="fa-regular fa-user"></i>
									<span class="labelText ms-3">Manage Profile</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="dbUserPanelCol col-lg-9 col-12">
				<div class="dbUserPanelBlock">
					<div class="card dbUserPanelCard rounded-0 shadow-none border border border-secondary-subtle">
						<div class="card-header bg-transparent px-lg-4 px-3 pt-4 pb-0 border-bottom-0">
							<h2 class="dbUserPanelCardHeadTitle fs-20-16 fw-600 text-black mb-0">Basic Info</h2>
						</div>
						<div class="card-body p-lg-4 p-3">
							<form action="">
								<div class="row mb-3">
									<label class="col-sm-3 col-form-label">Your Name</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="Your Name" name="name" value="{{$user->name}}">
									</div>
								</div>
								<div class="row mb-3">
									<label class="col-sm-3 col-form-label">Email</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="Your Phone" autocomplete="off" value="{{$user->email}}" readonly>
									</div>
								</div>
								<div class="row mb-3">
									<label class="col-sm-3 col-form-label">Your Phone</label>
									<div class="col-sm-9">
										<input type="text" class="form-control" placeholder="Your Phone" name="phone" autocomplete="off" value="{{$user->mobile}}">
									</div>
								</div>
								
								<div class="row mb-3">
									<label class="col-sm-3 col-form-label">Your Password</label>
									<div class="col-sm-9">
										<input type="password" class="form-control" placeholder="New Password" name="password"  autocomplete="off">
									</div>
								</div>
								<div class="row mb-3">
									<label class="col-sm-3 col-form-label">Confirm Password</label>
									<div class="col-sm-9">
										<input type="password" class="form-control" placeholder="Confirm Password" name="confirm_password"  autocomplete="off">
									</div>
								</div>
								<div class="row mb-3">
									<div class="col-12 text-sm-end">
										<button type="submit" class="btn btn-primary primaryBtn__wr py_8px__wr px_40px__wr hoverSecondaryBtn__wr">
											<span class="labelText__wr">Update Profile</span>
										</button>
									</div>
								</div>
							</form>
						</div>
					</div>
					<div class="dumybox__wr"></div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection