@extends('layouts.appNew')
@section('content')
<!--begin::Toolbar-->
<div class="toolbar py-5 pb-lg-15" id="kt_toolbar">
	<!--begin::Container-->
	<div id="kt_toolbar_container" class="container-xxl d-flex flex-stack flex-wrap">
		<!--begin::Page title-->
		<div class="page-title d-flex flex-column me-3">
			<!--begin::Title-->
			<h1 class="d-flex text-white fw-bold my-1 fs-3">Edit Profile</h1>
			<!--end::Title-->
		</div>
		<!--end::Page title-->
		
	</div>
	<!--end::Container-->
</div>
<!--end::Toolbar-->
<!--begin::Container-->
<div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
	<!--begin::Post-->
	<div class="content flex-row-fluid" id="kt_content">
		<div class="card mb-5 mb-xxl-8">
			<div class="card-body pt-9 pb-0">
				<!--begin::Details-->
				<div class="d-flex flex-wrap flex-sm-nowrap">
					<!--begin: Pic-->
					<div class="me-7 mb-4">
						<div class="symbol symbol-100px symbol-lg-160px symbol-fixed position-relative">
							@if(!empty($user->profile_image))
								<img src="{{ asset('storage/profile_images/'.$user->profile_image) }}" alt="images" />
							@else
								<img src="{{ asset('assets/media/avatars/300-1.jpg') }}" alt="image" />
							@endif
							<div class="position-absolute translate-middle bottom-0 start-100 mb-6 bg-success rounded-circle border border-4 border-body h-20px w-20px"></div>
						</div>
					</div>
					<!--end::Pic-->
					<!--begin::Info-->
					<div class="flex-grow-1">
						<!--begin::Title-->
						<div class="d-flex justify-content-between align-items-start flex-wrap mb-2">
							<!--begin::User-->
							<div class="d-flex flex-column">
								<!--begin::Form-->
									<form action="{{ route('userProfile.update', $user->id) }}" class="form mb-15" method="post" enctype="multipart/form-data" id="kt_contact_form">
										@csrf
	                        			@method('PUT')
										<h1 class="fw-bold text-gray-900 mb-9">Your Personal Information</h1>
										<p>Here you can view and change your personal information on our platform. Please note that the details should be correct and up-to-date.</p>
										<!--begin::Input group-->
											<div class="row mb-5 divborder">
												<!--begin::Col-->
												<div class="col-md-2 fv-row">
													<!--begin::Label-->
													<label class="fs-5 fw-semibold mb-2">Profile Image :</label>
													<!--end::Label-->
												</div>
												<!--end::Col-->
												<!--begin::Col-->
												<div class="col-md-10 fv-row">
													<!--end::Input-->
													<input type="file" class="form-control form-control-solid" name="profile_image" />
													<!--end::Input-->
												</div>
												<!--end::Col-->
											</div>
										<!--end::Input group-->
										<!--begin::Input group-->
											<div class="row mb-5 divborder">
												<!--begin::Col-->
												<div class="col-md-2 fv-row">
													<!--begin::Label-->
													<label class="fs-5 fw-semibold mb-2">Name :</label>
													<!--end::Label-->
												</div>
												<!--end::Col-->
												<!--begin::Col-->
												<div class="col-md-10 fv-row">
													<!--end::Input-->
													<input type="text" class="form-control form-control-solid" placeholder="Name" name="name" value="{{ $user->name ? $user->name : '' }}" />
													<!--end::Input-->
												</div>
												<!--end::Col-->
											</div>
										<!--end::Input group-->
										<!--begin::Input group-->
											<div class="row mb-5 divborder">
												<!--begin::Col-->
												<div class="col-md-2 fv-row">
													<!--begin::Label-->
													<label class="fs-5 fw-semibold mb-2">Email :</label>
													<!--end::Label-->
												</div>
												<!--end::Col-->
												<!--begin::Col-->
												<div class="col-md-10 fv-row">
													<!--end::Input-->
													<input type="text" name="email" class="form-control form-control-solid" placeholder="Email" value="{{ $user->email ? $user->email : '' }}" />
													<!--end::Input-->
												</div>
												<!--end::Col-->
											</div>
										<!--end::Input group-->
										<!--begin::Input group-->
											<div class="row mb-5 divborder">
												<!--begin::Col-->
												<div class="col-md-2 fv-row">
													<!--begin::Label-->
													<label class="fs-5 fw-semibold mb-2">Phone No :</label>
													<!--end::Label-->
												</div>
												<!--end::Col-->
												<!--begin::Col-->
												<div class="col-md-10 fv-row">
													<!--end::Input-->
													<input type="text" name="phone" class="form-control form-control-solid" placeholder="Phone No" value="{{ $user->phone ? $user->phone : '' }}" />
													<!--end::Input-->
												</div>
												<!--end::Col-->
											</div>
										<!--end::Input group-->
										<!--begin::Submit-->
											<button type="submit" class="btn btn-primary" id="kt_contact_submit_button">
												<!--begin::Indicator label-->
												<span class="indicator-label">Update</span>
												<!--end::Indicator label-->
												<!--begin::Indicator progress-->
												<span class="indicator-progress">Please wait... 
												<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
												<!--end::Indicator progress-->
											</button>
											<a href="{{ route('userProfile.index') }}" class="btn btn-primary me-2">Back</a>
										<!--end::Submit-->
									</form>
								<!--end::Form-->
							</div>
							<!--end::User-->
							<!--begin::Actions-->
							<div class="d-flex my-4">
								<!-- <a href="#" class="btn btn-sm btn-primary me-2" id="kt_user_follow_button">
									<i class="ki-duotone ki-check fs-3 d-none"></i>
									<span class="indicator-label">Edit Profile</span>
									<span class="indicator-progress">Please wait... 
									<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
								</a> -->
							</div>
							<!--end::Actions-->
						</div>
						<!--end::Title-->
					</div>
					<!--end::Info-->
				</div>
				<!--end::Details-->
			</div>
		</div>
	</div>
	<!--end::Post-->
</div>
<!--end::Container-->
@endsection