@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">Paramètres</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" name="id" value="{{ Session::get('idUsr') }}">
						<input type="hidden" id="nameController" value="createuser">
						<input type="hidden" id="profil_id" value="createuser">
						<!--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 mb-6">
								<!--begin::Col-->
								<div class="col-12 text-center">
									<!--begin::Image input-->
									<div class="image-input image-input-outline" data-kt-image-input="true" style="background-image: url('/assets/backend/uploads/avatars/{{ $query->avatar }}')">
										<!--begin::Preview existing avatar-->
										<div class="image-input-wrapper w-125px h-125px" style="background-image: url(/assets/backend/uploads/avatars/{{ $query->avatar }})"></div>
										<!--end::Preview existing avatar-->
										<!--begin::Label-->
										<label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="change" data-bs-toggle="tooltip" title="Changer avatar">
											<i class="bi bi-pencil-fill fs-7"></i>
											<!--begin::Inputs-->
											<input type="file" name="avatar" accept=".png, .jpg, .jpeg" />
											<!--end::Inputs-->
										</label>
										<!--end::Label-->
										<!--begin::Cancel-->
										<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="cancel" data-bs-toggle="tooltip" title="Supprimer avatar">
											<i class="bi bi-x fs-2"></i>
										</span>
										<!--end::Cancel-->
										<!--begin::Remove-->
										<span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="remove" data-bs-toggle="tooltip" title="Supprimer avatar">
											<i class="bi bi-x fs-2"></i>
										</span>
										<!--end::Remove-->
									</div>
									<!--end::Image input-->
									<!--begin::Hint-->
									<div class="form-text text-danger">Format accepté: png, jpg, jpeg.</div>
									<!--end::Hint-->
								</div>
								<!--end::Col-->
							</div>
							<!--begin::Input group-->
							<div class="row fv-row mt-10 mb-10">
								<!--begin::Col-->
								<div class="col-4 col-xs-12">
									<label class="form-label fw-bolder text-dark fs-6">Nom <span class="text-danger">*</span></label>
									<input type="text" name="lastname" value="{{ $query->lastname }}" class="form-control form-control-lg form-control-solid requiredField" />
								</div>
								<!--end::Col-->
								<!--begin::Col-->
								<div class="col-4 col-xs-12">
									<label class="form-label fw-bolder text-dark fs-6">Prénoms <span class="text-danger">*</span></label>
									<input type="text" name="firstname" value="{{ $query->firstname }}" class="form-control form-control-lg form-control-solid requiredField" />
								</div>
								<!--end::Col-->
								<!--begin::Col-->
								<div class="col-4 col-xs-12">
									<label class="form-label fw-bolder text-dark fs-6">Genre <span class="text-danger">*</span></label>
									<select name="gender" class="form-control form-control-lg form-select form-control-solid requiredField" aria-label="Select example">
									<option value="" selected disabled>Sélectionner</option>
									@foreach($arraySex as $key => $sex)
										<option value="{{ $key }}" @php echo $query->gender == $key ? 'selected':'' @endphp>{{ $sex }}</option>
									@endforeach
									</select>
								</div>
								<!--end::Col-->
							</div>
							<div class="row fv-row mb-10">
								<!--end::Col-->
								<!--begin::Col-->
								<div class="col-4 col-xs-12">
										<label class="form-label fw-bolder text-dark fs-6">Téléphone <span class="text-danger">*</span></label>
										<input type="text" name="number" value="{{ $query->number }}" class="form-control form-control-lg form-control-solid requiredField number" onKeyUp="verif_num(this)" />
								</div>
								<!--end::Col-->
								<!--begin::Col-->
								<div class="col-4 col-xs-12">
										<label class="form-label fw-bolder text-dark fs-6">E-mail <span class="text-danger">*</span></label>
										<input type="text" name="email" value="{{ $query->email }}" class="form-control form-control-lg form-control-solid requiredField email" />
								</div>
								<!--end::Col-->
								<!--begin::Col-->
								<div class="col-4 col-xs-12">
										<label class="form-label fw-bolder text-dark fs-6">Fonction <span class="text-danger">*</span></label>
										<input type="text" name="fonction" value="{{ $query->fonction }}" class="form-control form-control-lg form-control-solid requiredField" />
								</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