<turbo-stream action="update" target="modal-container">
	<template>
		<div class="modal fade" data-bs-keyboard="false" data-bs-backdrop="static" data-controller="modal" tabindex="-1">
	<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-md">
		<div class="modal-content">
							<div class="modal-header">
					<h5 class="modal-title">Connectez-vous</h5>
					<button type="button" class="btn-close shadow-none" data-bs-dismiss="modal" aria-label="Fermer"></button>
				</div>
										<div class="modal-body custom-scrollbar">
																
	<h5 class="text-center mb-4">Se connecter avec</h5>
	<div class="d-flex justify-content-center">
					<a href="/oauth/connect/google" class="btn btn-outline-dark btn-md mx-2 mb-3">
				<i class="bi bi-google me-1"></i>
				<b>Google</b>
			</a>
			</div>
	<div class="position-relative text-center mb-2">
		<small class="position-relative text-uppercase bg-white p-2 mt-2" style="z-index: 1;">
			ou		</small>
		<hr class="position-absolute w-100" style="top: -4px;">
	</div>

<form action="/login" method="post">
	<input type="hidden" name="_csrf_token" value="4.4Ce9z8JOwEM3wPk5jRDmricjUrcH_zodOuzr3vl_obk.s2-EqLg4sDNbgb9WwCnTwxJ3E-Nmkk9oatmSkcs5-_-pS_L4-zb0KWCivA">
		<div class="mb-3">
		<label for="email" class="form-label">Adresse e-mail</label>
		<input type="text" class="form-control" id="email" name="email" autofocus required/>
	</div>
	<div class="mb-2 form-password-toggle">
		<div class="d-flex justify-content-between">
			<label class="form-label" for="password">Mot de passe</label>
			<a href="/password/reset" class="text-decoration-none" tabindex="2">
				<small>Mot de passe oublié ?</small>
			</a>
		</div>
		<input type="password" id="password" class="form-control" name="password" aria-describedby="password" autocomplete="off" data-controller="symfony--ux-toggle-password--toggle-password" required/>
	</div>
	<div class="form-check form-switch my-3">
		<input type="checkbox" name="_remember_me" class="form-check-input" id="remember-me" role="switch">
		<label class="form-check-label" for="remember-me" role="button">
			Rester connecté pendant une semaine
		</label>
	</div>
	<button type="submit" class="btn btn-secondary btn-lg text-white w-100 fs-5">
		Se connecter
	</button>
</form>

<div class="position-relative text-center my-3">
	<strong class="position-relative bg-white p-2 mt-2" style="z-index: 1;">
		Pas encore inscrit ?	</strong>
	<hr class="position-absolute w-100" style="top: -4px;">
</div>

<div class="d-flex justify-content-center align-items-center gap-2 mt-3 mb-2">
	<a href="/candidat/inscription" class="text-muted text-decoration-none text-end lh-1 mb-0">
		<small>Créer un compte candidat</small>
	</a>
	<div class="vr text-muted mx-2"></div>
	<a href="/employeur/inscription" class="text-muted text-decoration-none lh-1 mb-0">
		<small>Créer un compte employeur</small>
	</a>
</div>

									</div>
															</div>
	</div>
</div>
	</template>
</turbo-stream>
