@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">User Profile</h1>
			<!--end::Title-->
		</div>
		<!--end::Page title-->
		
	</div>
	<!--end::Container-->
</div>
<!--end::Toolbar-->
@if(\Session::has('success'))
    <div class="alert alert-success" id="alertMessage">
      <p>{{\Session::get('success')}}</p>
    </div>
@endif
<!--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">
							<img src="{{ $user->profile_image ?  asset('storage/profile_images/'.$user->profile_image)  : asset('media/avatars/300-1.jpg') }}" alt="image" />
							<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="" class="form mb-15" method="post" id="kt_contact_form">
										<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">Name :</label>
													<!--end::Label-->
												</div>
												<!--end::Col-->
												<!--begin::Col-->
												<div class="col-md-10 fv-row">
													<!--end::Input-->
													<label class="fs-5 fw-semibold mb-2">{{ $user->name ? $user->name : '-' }}</label>
													<!-- <input type="text" class="form-control form-control-solid" placeholder="" name="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-->
													<label class="fs-5 fw-semibold mb-2">{{ $user->email ? $user->email : '-' }}</label>
													<!-- <input type="text" class="form-control form-control-solid" placeholder="" name="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">Phone No :</label>
													<!--end::Label-->
												</div>
												<!--end::Col-->
												<!--begin::Col-->
												<div class="col-md-10 fv-row">
													<!--end::Input-->
													<label class="fs-5 fw-semibold mb-2">{{ $user->phone ? $user->phone : '-' }}</label>
													<!-- <input type="text" class="form-control form-control-solid" placeholder="" name="name" /> -->
													<!--end::Input-->
												</div>
												<!--end::Col-->
											</div>
										<!--end::Input group-->
									</form>
								<!--end::Form-->
							</div>
							<!--end::User-->
							<!--begin::Actions-->
							<div class="d-flex my-4">
								<a href="{{ route('userProfile.edit', $user->id) }}" class="btn btn-sm btn-primary me-2">Edit Profile
									<!-- <i class="ki-duotone ki-check fs-3 d-none"></i> -->
									<!--begin::Indicator label-->
									<!-- <span class="indicator-label">Edit Profile</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-->
								</a>
							</div>
							<!--end::Actions-->
						</div>
						<!--end::Title-->
					</div>
					<!--end::Info-->
				</div>
				<!--end::Details-->
			</div>
		</div>
	</div>
	<!--end::Post-->
</div>
<!--end::Container-->
@endsection