@extends('layoutsdashboard.dashboard-design', [
'webtitle' => 'My Profile',
])
@section('content')
<div class="section-adminform">
<div class="container py-4">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="card shadow">
<div class="card-header card-title bg-transparent px-0 border-0">
<h3>Update User Info
</h3>
</div>
<div class="row">
<div class="col-md-12">
<div class=" form-top alert alert-danger">
@include('error.error-display')
</div>
<form method="POST" action="{{ route('user-profile-information.update') }}" id='editProfile'
enctype="multipart/form-data">
@csrf
@method('PUT')
<div class="form-floating mb-2 form-control1">
<div class="my-0" x-show="! photoPreview">
<img src="{{url('storage/')}}/{{Auth::user()->profile_photo_path ?? ''}}" alt="" class="img-fluid img-thumbnail rounded-circle" style="width: 90px; height: 90px;">
</div>
</div>
<div class="row g-2 ">
<div class="col">
<div class="input-group mb-2">
<label class="input-group-text" for="file-input">
<i class="bi bi-card-image"><span>Upload Image</span></i>
</label>
<input name="photo" type="file"
class="form-control @error('photo') is-invalid @enderror"
placeholder="Upload Image">
@error('photo')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
</div>
</div>
<div class="row g-2 ">
<div class="col">
<div class="form-floating mb-2">
<input value="{{ old('name') ?? auth()->user()->name }}" name="name"
type="text" class="form-control @error('name') is-invalid @enderror"
placeholder="Name" required autocomplete="name" autofocus>
<label for="floatingInput">Name</label>
@error('name')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
</div>
</div>
<div class="row g-2 ">
<div class="col">
<div class="form-floating mb-2">
<input name="email" value="{{ old('email') ?? auth()->user()->email }}"
type="text" class="form-control @error('email') is-invalid @enderror"
placeholder="Email" required autocomplete="email" autofocus>
<label for="floatingInput">Email</label>
@error('email')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
</div>
</div>
<div class="text-center mt-3">
<button type="submit" class="btn btn-lg btn-primary hvr-rectangle-out"
form="editProfile" value="Submit">Update <i
class="fa fa-arrow-circle-right"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@stop