?
@extends('layouts.layout-design',[
'admintitle'=> 'Create & Update Lecture'
])
@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 Profile
</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="{{url('user-profile-update/')}}" id="profileUpdate" enctype="multipart/form-data">
@csrf
<div class="row g-2 ">
<div class="col">
<div class="form-floating mb-2">
<input name="name" type="text" class="form-control @error('name') is-invalid @enderror" value="{{$ProfileData->name ?? '' }}" placeholder="Name">
<label for="floatingInput">Name</label>
@error('name')<div class="alert alert-danger">{{ $message }}</div>@enderror
</div>
</div>
<div class="col">
<div class="form-floating mb-2">
<input name="designation" type="text" class="form-control @error('text1') is-invalid @enderror" value="{{$ProfileData->designation ?? '' }}" placeholder="Designation">
<label for="floatingInput">Designation</label>
@error('designation')<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">
<select name="gender"
class="form-select @error('gender') is-invalid @enderror">
<option value="0.0" selected>Select Gender</option>
@foreach ($GenderType as $gender)
<option value='{{ $gender->id }}'
{{ ($ProfileData->gender ?? '') == $gender->id ? 'selected' : '' }}>
{{ $gender->title }}</option>
@endforeach
</select>
<label for="floatingInput">Gender</label>
@error('gender')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
</div>
<div class="col">
<div class="form-floating mb-2">
<input name="dob" id='floatingInput' type="date"
class="form-control @error('dob') is-invalid @enderror"
value="@if($ProfileData->dob != ''){{ $ProfileData->dob->format('Y-m-d') ?? '' }}{{ old('dob') }}@endif"
placeholder="dob" autocomplete="off">
<label for="floatingInput">Date of Birth</label>
@error('dob')
<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" type="text" class="form-control @error('email') is-invalid @enderror" value="{{$ProfileData->email ?? '' }}" placeholder="Email">
<label for="floatingInput">Email</label>
@error('email')<div class="alert alert-danger">{{ $message }}</div>@enderror
</div>
</div>
<div class="col">
<div class="form-floating mb-2">
<input name="mobile" type="text" class="form-control @error('mobile') is-invalid @enderror" value="{{$ProfileData->mobile ?? '' }}" placeholder="Mobile">
<label for="floatingInput">Mobile</label>
@error('mobile')<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">
<textarea name="bio" type="text" class="form-control @error('text4') is-invalid @enderror"
placeholder="Bio">{{$ProfileData->bio ?? ''}}</textarea>
<label for="floatingInput">Bio</label>
@error('bio')<div class="alert alert-danger">{{ $message }}</div>@enderror
</div>
</div>
</div>
<div class="col">
<div class="form-floating mb-2">
<select name="countryid"
class="form-select @error('countryid') is-invalid @enderror">
<option value="0.0" selected>Select Country</option>
@foreach ($Country as $country)
<option value='{{ $country->id }}'
{{ ($ProfileData->countryid ?? '') == $country->id ? 'selected' : '' }}>
{{ $country->title }}</option>
@endforeach
</select>
<label for="floatingInput"> Country</label>
@error('countryid')
<div class="alert alert-danger">{{ $message }}</div>
@enderror
</div>
</div>
<div class="row g-2 ">
<div class="col">
<div class="form-floating mb-2">
<input name="websiteurl" type="text" class="form-control @error('websiteurl') is-invalid @enderror" value="{{$ProfileData->websiteurl ?? '' }}" placeholder="Website URL">
<label for="floatingInput">Website URL</label>
@error('websiteurl')<div class="alert alert-danger">{{ $message }}</div>@enderror
</div>
</div>
<div class="col">
<div class="form-floating mb-2">
<input name="socialurl" type="text" class="form-control @error('socialurl') is-invalid @enderror" value="{{$ProfileData->socialurl ?? '' }}" placeholder="Social URL">
<label for="floatingInput">Social URL</label>
@error('socialurl')<div class="alert alert-danger">{{ $message }}</div>@enderror
</div>
</div>
</div>
<div class="mt-2" x-show="! photoPreview">
<img src="{{ $this->user->profile_photo_url }}"
alt="{{ $this->user->name }}"
class="rounded-full h-20 w-20 object-cover">
</div>
<div class="row g-2 ">
<div class="col">
<div class="form-floating mb-2 file">
<input name="profile_photo_url " type="file" class="form-control file @error('uploadImage') is-invalid @enderror" placeholder="Upload Image">
<label for="inputfile"><i class="bi bi-card-image"></i>Upload images</label>
<button type="button" class="btn-tooltip inform" data-bs-toggle="tooltip" title="" data-bs-original-title="Permitted Image formats jpg,png . Keep the image size at least 1280 X 720">
<i class="bi bi-exclamation-circle"></i>
</button>
@error('uploadImage')<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="profileUpdate" value="Submit">Update <i class="fa fa-arrow-circle-right"></i></button>
</div>
</form>
</div> </div>
</div>
@if(!empty($ProfileData->bioimage))
<ul class="uploadimage">
<li>
<img src="{{url('userassets/userimg.png')}}">
<div class="imgdelete">
<a href="#"> <i class="fa fa-times" aria-hidden="true"></i></a>
</div>
</li>
</ul>
@endif
</div>
</div>
</div>
</div>
</div>
<script>
// Initialize tooltips
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
@stop