@extends('backoffice.layouts.master')

@section('content')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
	<!--begin::Toolbar-->
	<div class="toolbar" id="kt_toolbar">
		<!--begin::Container-->
		<div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
			<!--begin::Page title-->
			<div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
				<!--begin::Title-->
				<h1 class="d-flex text-dark fw-bolder fs-3 align-items-center my-1">Mon profil</h1>
				<!--end::Title-->
				<!--begin::Separator-->
				<span class="h-20px border-gray-300 border-start mx-4"></span>
				<!--end::Separator-->
				<!--begin::Breadcrumb-->
				<ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">
				<!--begin::Item-->
				<li class="breadcrumb-item text-muted">{{ $titre }}</li>
				<!--end::Item-->
				</ul>
				<!--end::Breadcrumb-->
			</div>
			<!--end::Page title-->
		</div>
		<!--end::Container-->
	</div>
	<!--end::Toolbar-->
	<!--begin::Post-->
	<div class="post d-flex flex-column-fluid" id="kt_post">
		<!--begin::Container-->
		<div id="kt_content_container" class="container-xxl">
			<!--begin::Navbar-->
			@include('backoffice.pages.myprofile')
			<!--end::Navbar-->
			<!--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-bolder m-0">Sécurité</h3>
					</div>
					<!--end::Card title-->
					<!--begin::Action-->
					<a href="#" class="btn btn-success align-self-center submitForm">Enregistrer</a>
					<!--end::Action-->
				</div>
				<!--begin::Card header-->
				<!--begin::Content-->
				<div id="kt_account_settings_profile_details" class="collapse show">
					<!--begin::Form-->
					<form id="kt_account_profile_details_form" class="form formField" autocomplete="off">
						<input type="hidden" id="nameController" value="changepass">
						<!--begin::Card body-->
						<div class="card-body border-top p-9">
							<div class="row">
								<div class="col-12"><span class="msgError"></span></div>
							</div>
							<!--begin::Input group-->
							<div class="row fv-row mt-10 mb-10">
								<!--begin::Col-->
								<div class="col-4 col-xs-12 position-relative">
									<label class="form-label fw-bolder text-dark fs-6">Ancien mot de passe <span class="text-danger">*</span></label>
									<input type="password" id="oldpass" name="oldpass" class="form-control form-control-lg form-control-solid requiredField oldpass password" /><i class="fa fa-eye-slash backPass"></i>
								</div>
								<!--end::Col-->
								<!--begin::Col-->
								<div class="col-4 col-xs-12 position-relative">
									<label class="form-label fw-bolder text-dark fs-6">Nouveau mot de passe <span class="text-danger">*</span></label>
									<input type="password" id="newpass" name="password" class="form-control form-control-lg form-control-solid requiredField password" /><i class="fa fa-eye-slash backPass"></i>
								</div>
								<!--end::Col-->
								<!--begin::Col-->
								<div class="col-4 col-xs-12 position-relative">
									<label class="form-label fw-bolder text-dark fs-6">Confirmer mot de passe <span class="text-danger">*</span></label>
									<input type="password" id="confirmpass" name="password_confirmation" class="form-control form-control-lg form-control-solid requiredField password" /><i class="fa fa-eye-slash backPass"></i>
								</div>
								<!--end::Col-->
							</div>
							<!--end::Input group-->
						</div>
						<!--end::Actions-->
					</form>
					<!--end::Form-->
				</div>
				<!--end::Content-->
			</div>
			<!--end::details View-->
		</div>
		<!--end::Container-->
	</div>
	<!--end::Post-->
</div>
@endsection