@extends('layouts.frontend')

@section('seo')

<title>{{ auth()->user()->name }} 's | Profile</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

@endsection

@section('content')

	<!-- Category section -->
	{{-- <section class="category-section spad">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 order-2 order-lg-1">
					<div class="filter-widget">
						<h2 class="fw-title">Categories</h2>
						<ul class="category-menu">
							<li><a href="#">Children</a></li>
							<li><a href="#">Bags & Purses</a></li>
							<li><a href="#">Eyewear</a></li>
							<li><a href="#">Footwear</a></li>
						</ul>
					</div>
				</div>

			</div>
		</div>
	</section> --}}
	<!-- Category section end -->
	<section class="category-form my-4">
		<div class="container">
			<div class="row justify-content-center ">
				<div class="col-12 col-lg-4 col-md-6 text-center
				">
					<h2 class="title text-center h1">Edit your account</h2>
					<form class="form-box login-form mt-4 "method="POST" action="{{ route('my-profile.store') }}">
						@csrf
						<div class="form-input input-group">
							
							<input type="text" name="name" placeholder="Name" tabindex="10" class="input form-control @error('name') is-invalid @enderror" name="name" value="{{ auth()->user()->name ?? old('name') }}" required>
							<label for="input"> System Admin</label>
							@error('name')
								<span class="invalid-feedback mt-3" role="alert">
									<strong>{{ $message }}</strong>
								</span>
							@enderror
						</div>
						<div class="form-input input-group">
							<!-- <span><i class="fa fa-envelope"></i></span> -->
							<input type="email" name="email" placeholder="Email Address" tabindex="10" class="input form-control @error('email') is-invalid @enderror" name="email" value="{{ auth()->user()->email ?? old('email') }}" required>
							<label for="input"> Email Address</label>
							@error('email')
								<span class="invalid-feedback mt-3" role="alert">
									<strong>{{ $message }}</strong>
								</span>
							@enderror
						</div>
						<div class="form-input input-group">
							<!-- <span><i class="fa fa-key"></i></span> -->
							<input type="password" name="password" class="input form-control @error('password') is-invalid @enderror"  placeholder="Password">
							<label for="input">Password</label>
							@error('password')
								<span class="invalid-feedback mt-3" role="alert">
									<strong>{{ $message }}</strong>
								</span>
							@enderror
						</div>
						<div class="form-input input-group">
							<!-- <span><i class="fa fa-key"></i></span> -->
							<input type="password" name="password_confirmation" placeholder="Confirm Password" class="form-control @error('password_confirmation') is-invalid @enderror">
							<label for="input">Confirm Password </label>
							@error('password_confirmation')
								<span class="invalid-feedback mt-3" role="alert">
									<strong>{{ $message }}</strong>
								</span>
							@enderror
						</div>
						<div class="input-group submit">
							<button type="submit" class="btn btn-block submit">Submit Profile Changes</button>
						</div>
					</form>
					
				</div>
			</div>
		</div>
	</section>
@endsection