@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-person mr-2"></i> Profile
									</h1>
								</div>
								<div class="col-md-12 m-auto">
									<div class="profile">
										<form action="{{ route('user.profile.update') }}" method="post" enctype="multipart/form-data">
											@csrf
											<input type="hidden" name="old_image" value="{{ Auth::user()->image }}">
											<div class="row">
												<div class="col-md-4 pb-3">
													<div class="form-group">
														<label class="labels">Name</label>
														<input type="text" name="name" class="form-control" placeholder="first name" value="{{ Auth::user()->name }}" data-validation="required" />
														@error('name')
															<small class="text-danger">{{ $message }}</small>
														@enderror
													</div>
												</div>
												<div class="col-md-4 pb-3">
													<div class="form-group">
														<label class="labels">Email</label>
														<input type="text" name="email" class="form-control" placeholder="enter email id" value="{{ Auth::user()->email }}" readonly />
														@error('email')
															<small class="text-danger">{{ $message }}</small>
														@enderror
													</div>
												</div>
												<div class="col-md-4 pb-3">
													<div class="form-group">
														<label class="labels">Phone Number</label>
														<input type="tel" name="phone" class="form-control"
															placeholder="enter phone number" value="{{ Auth::user()->phone }}" />
															@error('phone')
															<small class="text-danger">{{ $message }}</small>
															@enderror
													</div>
												</div>
												<div class="col-md-4 pb-3">
													<div class="mb-4">
														<label class="form-label" for="image">Choose Image</label>
														<input type="file" class="form-control" id="image" name="image"
															placeholder="Enter product image.." onchange="loadFile(event)">
														@error('image')
														<small class="text-danger">{{ $message }}</small>
														@enderror
														<br>
														@if (!empty(Auth::user()->image) && file_exists(Auth::user()->image))
															<img id="output" src="{{ asset(Auth::user()->image) }}" alt="{{ Auth::user()->name }}"
																style="width: 100px; height: 100px;">
														@else
															<img id="output" src="{{ asset('common/no-image.jpg') }}" alt="{{ Auth::user()->name }}"
																style="width: 100px; height: 100px;">
														@endif
														
													</div>
												</div>
												<div class="col-md-8 pb-3">
													<div class="form-group">
														<label class="labels">Address</label>
														<textarea class="form-control" name="address" placeholder="enter address">{{ Auth::user()->address }}</textarea>
														@error('address')
															<small class="text-danger">{{ $message }}</small>
														@enderror
													</div>
												</div>
												
											</div>
											<div class=" text-center">
												<button type="submit" class="btn btn-primary profile-button" type="button"> Save Profile </button>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Dahsboard  Area-->
</main>
<!-- End #main -->
@endsection