{% extends 'shared/setting.html.twig'%}

		{% block details %}
					<!--begin::details View-->
					<div class="card mb-5 mb-xl-10" id="kt_profile_details_view">
						<!--begin::Card header-->
						<div class="card-header cursor-pointer">
							<!--begin::Card title-->
							<div class="card-title m-0">
								<h3 class="fw-bold m-0">Profile Details</h3>
							</div>
							<!--end::Card title-->
							<!--begin::Action-->
							<a href="account/settings.html" class="btn btn-sm btn-primary align-self-center">Edit Profile</a>
							<!--end::Action-->
						</div>
						<!--begin::Card header-->
						<!--begin::Card body-->
						<div class="card-body p-9">
							<!--begin::Row-->
							<div class="row mb-7">
								<!--begin::Label-->
								<label class="col-lg-4 fw-semibold text-muted">Full Name</label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8">
									<span class="fw-bold fs-6 text-gray-800">Max Smith</span>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Row-->
							<!--begin::Input group-->
							<div class="row mb-7">
								<!--begin::Label-->
								<label class="col-lg-4 fw-semibold text-muted">Company</label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8 fv-row">
									<span class="fw-semibold text-gray-800 fs-6">Keenthemes</span>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							<!--begin::Input group-->
							<div class="row mb-7">
								<!--begin::Label-->
								<label class="col-lg-4 fw-semibold text-muted">Contact Phone 
								<span class="ms-1" data-bs-toggle="tooltip" title="Phone number must be active">
									<i class="ki-duotone ki-information fs-7">
										<span class="path1"></span>
										<span class="path2"></span>
										<span class="path3"></span>
									</i>
								</span></label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8 d-flex align-items-center">
									<span class="fw-bold fs-6 text-gray-800 me-2">044 3276 454 935</span>
									<span class="badge badge-success">Verified</span>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							<!--begin::Input group-->
							<div class="row mb-7">
								<!--begin::Label-->
								<label class="col-lg-4 fw-semibold text-muted">Company Site</label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8">
									<a href="#" class="fw-semibold fs-6 text-gray-800 text-hover-primary">keenthemes.com</a>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							<!--begin::Input group-->
							<div class="row mb-7">
								<!--begin::Label-->
								<label class="col-lg-4 fw-semibold text-muted">Country 
								<span class="ms-1" data-bs-toggle="tooltip" title="Country of origination">
									<i class="ki-duotone ki-information fs-7">
										<span class="path1"></span>
										<span class="path2"></span>
										<span class="path3"></span>
									</i>
								</span></label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8">
									<span class="fw-bold fs-6 text-gray-800">Germany</span>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							<!--begin::Input group-->
							<div class="row mb-7">
								<!--begin::Label-->
								<label class="col-lg-4 fw-semibold text-muted">Communication</label>
								<!--end::Label-->
								<!--begin::Col-->
								<div class="col-lg-8">
									<span class="fw-bold fs-6 text-gray-800">Email, Phone</span>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
							<!--begin::Input group-->
							<div class="row mb-10">
								<!--begin::Label-->
								<label class="col-lg-4 fw-semibold text-muted">Allow Changes</label>
								<!--begin::Label-->
								<!--begin::Label-->
								<div class="col-lg-8">
									<span class="fw-semibold fs-6 text-gray-800">Yes</span>
								</div>
								<!--begin::Label-->
							</div>
							<!--end::Input group-->
							<!--begin::Notice-->
							<div class="notice d-flex bg-light-warning rounded border-warning border border-dashed p-6">
								<!--begin::Icon-->
								<i class="ki-duotone ki-information fs-2tx text-warning me-4">
									<span class="path1"></span>
									<span class="path2"></span>
									<span class="path3"></span>
								</i>
								<!--end::Icon-->
								<!--begin::Wrapper-->
								<div class="d-flex flex-stack flex-grow-1">
									<!--begin::Content-->
									<div class="fw-semibold">
										<h4 class="text-gray-900 fw-bold">We need your attention!</h4>
										<div class="fs-6 text-gray-700">Your payment was declined. To start using tools, please 
										<a class="fw-bold" href="account/billing.html">Add Payment Method</a>.</div>
									</div>
									<!--end::Content-->
								</div>
								<!--end::Wrapper-->
							</div>
							<!--end::Notice-->
						</div>
						<!--end::Card body-->
					</div>
					<!--end::details View-->
			<!--begin::Sign-in Method-->
			<div class="card mb-5 mb-xl-10">
				<!--begin::Card header-->
				<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_signin_method">
					<div class="card-title m-0">
						<h3 class="fw-bold m-0">Sign-in Method</h3>
					</div>
				</div>
				<!--end::Card header-->
				<!--begin::Content-->
				<div id="kt_account_settings_signin_method" class="collapse show">
					<!--begin::Card body-->
					<div class="card-body border-top p-9">
						<!--begin::Email Address-->
						<div class="d-flex flex-wrap align-items-center">
							<!--begin::Label-->
							<div id="kt_signin_email">
								<div class="fs-6 fw-bold mb-1">Email Address</div>
								<div class="fw-semibold text-gray-600">support@keenthemes.com</div>
							</div>
							<!--end::Label-->
					
							 
						</div>
						<!--end::Email Address-->
						<!--begin::Separator-->
						<div class="separator separator-dashed my-6"></div>
						<!--end::Separator-->
						<!--begin::Password-->
						<div class="d-flex flex-wrap align-items-center mb-10">
							<!--begin::Label-->
							<div id="kt_signin_password">
								<div class="fs-6 fw-bold mb-1">Password</div>
								<div class="fw-semibold text-gray-600">************</div>
							</div>
							<!--end::Label-->
							<!--begin::Edit-->
							<div id="kt_signin_password_edit" class="flex-row-fluid d-none">
								<!--begin::Form-->
								<form id="kt_signin_change_password" class="form" novalidate="novalidate">
									<div class="row mb-1">
										<div class="col-lg-4">
											<div class="fv-row mb-0">
												<label for="currentpassword" class="form-label fs-6 fw-bold mb-3">Current Password</label>
												<input type="password" class="form-control form-control-lg form-control-solid" name="currentpassword" id="currentpassword" />
											</div>
										</div>
										<div class="col-lg-4">
											<div class="fv-row mb-0">
												<label for="newpassword" class="form-label fs-6 fw-bold mb-3">New Password</label>
												<input type="password" class="form-control form-control-lg form-control-solid" name="newpassword" id="newpassword" />
											</div>
										</div>
										<div class="col-lg-4">
											<div class="fv-row mb-0">
												<label for="confirmpassword" class="form-label fs-6 fw-bold mb-3">Confirm New Password</label>
												<input type="password" class="form-control form-control-lg form-control-solid" name="confirmpassword" id="confirmpassword" />
											</div>
										</div>
									</div>
									<div class="form-text mb-5">Password must be at least 8 character and contain symbols</div>
									<div class="d-flex">
										<button id="kt_password_submit" type="button" class="btn btn-primary me-2 px-6">Update Password</button>
										<button id="kt_password_cancel" type="button" class="btn btn-color-gray-500 btn-active-light-primary px-6">Cancel</button>
									</div>
								</form>
								<!--end::Form-->
							</div>
							<!--end::Edit-->
							<!--begin::Action-->
							<div id="kt_signin_password_button" class="ms-auto">
								<button class="btn btn-light btn-active-light-primary">Reset Password</button>
							</div>
							<!--end::Action-->
						</div>
						<!--end::Password-->
						<!--begin::Notice-->
						<div class="notice d-flex bg-light-primary rounded border-primary border border-dashed p-6">
							<!--begin::Icon-->
							<i class="ki-duotone ki-shield-tick fs-2tx text-primary me-4">
								<span class="path1"></span>
								<span class="path2"></span>
							</i>
							<!--end::Icon-->
							<!--begin::Wrapper-->
							<div class="d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap">
								<!--begin::Content-->
								<div class="mb-3 mb-md-0 fw-semibold">
									<h4 class="text-gray-900 fw-bold">Secure Your Account</h4>
									<div class="fs-6 text-gray-700 pe-7">Two-factor authentication adds an extra layer of security to your account. To log in, in addition you'll need to provide a 6 digit code</div>
								</div>
								<!--end::Content-->
								<!--begin::Action-->
								<a href="#" class="btn btn-primary px-6 align-self-center text-nowrap" data-bs-toggle="modal" data-bs-target="#kt_modal_two_factor_authentication">Enable</a>
								<!--end::Action-->
							</div>
							<!--end::Wrapper-->
						</div>
						<!--end::Notice-->
					</div>
					<!--end::Card body-->
				</div>
				<!--end::Content-->
			</div>
			<!--end::Sign-in Method-->
		
			<!--begin::Deactivate Account-->
			<div class="card">
				<!--begin::Card header-->
				<div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_account_deactivate" aria-expanded="true" aria-controls="kt_account_deactivate">
					<div class="card-title m-0">
						<h3 class="fw-bold m-0">Deactivate Account</h3>
					</div>
				</div>
				<!--end::Card header-->
				<!--begin::Content-->
				<div id="kt_account_settings_deactivate" class="collapse show">
					<!--begin::Form-->
					<form id="kt_account_deactivate_form" class="form">
						<!--begin::Card body-->
						<div class="card-body border-top p-9">
							<!--begin::Notice-->
							<div class="notice d-flex bg-light-warning rounded border-warning border border-dashed mb-9 p-6">
								<!--begin::Icon-->
								<i class="ki-duotone ki-information fs-2tx text-warning me-4">
									<span class="path1"></span>
									<span class="path2"></span>
									<span class="path3"></span>
								</i>
								<!--end::Icon-->
								<!--begin::Wrapper-->
								<div class="d-flex flex-stack flex-grow-1">
									<!--begin::Content-->
									<div class="fw-semibold">
										<h4 class="text-gray-900 fw-bold">You Are Deactivating Your Account</h4>
										<div class="fs-6 text-gray-700">For extra security, this requires you to confirm your email or phone number when you reset yousignr password. 
										<br />
										<a class="fw-bold" href="#">Learn more</a></div>
									</div>
									<!--end::Content-->
								</div>
								<!--end::Wrapper-->
							</div>
							<!--end::Notice-->
							<!--begin::Form input row-->
							<div class="form-check form-check-solid fv-row">
								<input name="deactivate" class="form-check-input" type="checkbox" value="" id="deactivate" />
								<label class="form-check-label fw-semibold ps-2 fs-6" for="deactivate">I confirm my account deactivation</label>
							</div>
							<!--end::Form input row-->
						</div>
						<!--end::Card body-->
						<!--begin::Card footer-->
						<div class="card-footer d-flex justify-content-end py-6 px-9">
							<button id="kt_account_deactivate_account_submit" type="submit" class="btn btn-danger fw-semibold">Deactivate Account</button>
						</div>
						<!--end::Card footer-->
					</form>
					<!--end::Form-->
				</div>
				<!--end::Content-->
			</div>
			<!--end::Deactivate Account-->



			
		{% endblock %}