{% extends 'layout/backEndLayout.html.twig' %}

{% block title %}Nouveau paiement - Finance
{% endblock %}

{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" href="{{ asset('assets/css/finance-custom.css') }}">
{% endblock %}

{% block content %}
	<div class="all-title-box" style="background: linear-gradient(135deg, #ff7b00 0%, #e66a00 100%);">
		<div class="container text-center">
			<h1 style="color: white;">Enregistrer un paiement
				<span class="m_1" style="color: #fff3cd;">Cash</span>
			</h1>
		</div>
	</div>

	<div id="overviews" class="section lb">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 mx-auto">
					{% include 'layout/partials/flash_messages.html.twig' %}

					<div class="card shadow">
						<div class="card-header" style="background: linear-gradient(135deg, #ff7b00 0%, #e66a00 100%); color: white;">
							<h4 class="mb-0">
								<i class="fa fa-money"></i>
								Informations du paiement</h4>
						</div>
						<div class="card-body p-4">
							<p class="lead mb-4">Remplissez les informations ci-dessous pour enregistrer un paiement cash.</p>

							{{ form_start(form) }}

							<div class="form-group">
								{{ form_label(form.student) }}
								{{ form_widget(form.student) }}
								{{ form_errors(form.student) }}
							</div>

							<div class="mb-3">
								<label class="form-label">Année scolaire</label>
								<input type="text" class="form-control" value="{{ activeYear.wording }}" readonly>
							</div>


							<div class="form-group">
								{{ form_label(form.amount) }}
								{{ form_widget(form.amount) }}
								{{ form_errors(form.amount) }}
								<small class="form-text text-muted">
									<i class="fa fa-info-circle"></i>
									Le montant sera automatiquement réparti selon les priorités: Inscription → Examen → Scolarité
								</small>
							</div>

							<div class="form-group">
								{{ form_label(form.notes) }}
								{{ form_widget(form.notes) }}
								{{ form_errors(form.notes) }}
							</div>

							<hr class="my-4">

							<div class="row">
								<div class="col-md-6 mb-2">
									<button type="submit" class="btn btn-finance-primary btn-block btn-lg">
										<i class="fa fa-check"></i>
										Enregistrer le paiement
									</button>
								</div>
								<div class="col-md-6 mb-2">
									<a href="{{ path('app_finance_fee_definition_index') }}" class="btn btn-finance-secondary btn-block btn-lg">
										<i class="fa fa-arrow-left"></i>
										Retour
									</a>
								</div>
							</div>

							{{ form_end(form) }}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}