@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')
<div class="card col-lg col-xl-9 flex-row mx-auto px-0">
<div class="card-body">
<h4 class="title text-center mt-2 mb-3">Edit your account</h4>
<form class="form-box px-3"method="POST" action="{{ route('my-profile.store') }}">
@csrf
<div class="form-input">
<span><i class="fa fa-user"></i></span>
<input type="text" name="name" placeholder="Name" tabindex="10" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ auth()->user()->name ?? old('name') }}" required>
@error('name')
<span class="invalid-feedback mt-3" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-input">
<span><i class="fa fa-envelope"></i></span>
<input type="email" name="email" placeholder="Email Address" tabindex="10" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ auth()->user()->email ?? old('email') }}" required>
@error('email')
<span class="invalid-feedback mt-3" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-input">
<span><i class="fa fa-key"></i></span>
<input type="password" name="password"class="form-control @error('password') is-invalid @enderror" placeholder="Password">
@error('password')
<span class="invalid-feedback mt-3" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="form-input">
<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">
@error('password_confirmation')
<span class="invalid-feedback mt-3" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="mb-3">
<button type="submit" class="btn btn-block">Submit Profile Changes</button>
</div>
</form>
</div>
</div>
@endsection