{{ block("header", "header.html.twig") }}
{% block body %}
	<h5>PAIEMENT</h5>
	<div class="emploi-temps center bg">
		<div class="tableau">
			{% if app.user.id is defined and app.user.roles.0 == 'ROLE_RESPONSABLE' and id == app.user.responsable.id %}
				<form>
					<div class="mb-3">
						<label for="exampleInputEmail1" class="form-label">Montant</label>
						<input type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
					</div>
					<div class="mb-3">
						<label for="exampleInputEmail1" class="form-label">Numéro de carte bancaire</label>
						<input type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
					</div>
					<div class="mb-3">
						<label for="exampleInputPassword1" class="form-label">date d'expiration</label>
						<input type="month" class="form-control" id="exampleInputPassword1" min="2023/05" value="2023/05">
					</div>
					<div class="mb-3">
						<label for="exampleInputPassword1" class="form-label">Code de vérification</label>
						<input type="password" class="form-control" id="exampleInputPassword1">
					</div>
					<div class="mb-3 form-check">
						<input type="checkbox" class="form-check-input" id="exampleCheck1">
						<label class="form-check-label" for="exampleCheck1">Check me out</label>
					</div>
					<button type="submit" style=" background-color: white; color: black;" class="btn btn-primary">Submit</button>
				</form>
			{% endif %}
		</div>
	</div>


{% endblock %}

{{ block("footer", "footer.html.twig") }}