{% extends 'administration/_layout.html.twig' %}

{% block title %}Accueil ponctuel{% endblock %}

{% block page_title %}Accueil ponctuel / garderie{% endblock %}

{% block body %}
    <div class="card mb-5 mb-xl-8">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Nouvel accueil ponctuel</h3></div>
        </div>
        <div class="card-body pt-0">
            <form method="post" action="{{ path('administration_accueil_ponctuel_nouveau') }}" class="row g-3">
                <input type="hidden" name="_csrf_token" value="{{ csrf_token('accueil_ponctuel_nouveau') }}">

                <div class="col-12"><div class="fs-6 fw-bold">Enfant</div></div>
                <div class="col-md-3">
                    <label class="form-label">Nom *</label>
                    <input type="text" name="nom_enfant" required class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Prénom *</label>
                    <input type="text" name="prenom_enfant" required class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Date de naissance *</label>
                    <input type="date" name="date_naissance" required class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Groupe</label>
                    <select name="groupe" class="form-select">
                        <option value="0"></option>
                        {% for groupe in groupes %}
                            <option value="{{ groupe.id }}">{{ groupe.nom }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-12">
                    <label class="form-label">Allergies / informations de sécurité</label>
                    <input type="text" name="informations_securite" class="form-control">
                </div>

                <div class="col-12 mt-5"><div class="fs-6 fw-bold">Contact du jour</div></div>
                <div class="col-md-3">
                    <label class="form-label">Nom *</label>
                    <input type="text" name="nom_contact" required class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Prénom *</label>
                    <input type="text" name="prenom_contact" required class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Téléphone *</label>
                    <input type="text" name="telephone_contact" required class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Email (facultatif)</label>
                    <input type="email" name="email_contact" class="form-control">
                </div>

                <div class="col-12 mt-5"><div class="fs-6 fw-bold">Séjour &amp; tarifs</div></div>
                <div class="col-md-3">
                    <label class="form-label">Date de début *</label>
                    <input type="date" name="date_debut" value="{{ 'now'|date('Y-m-d') }}" required class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Fin prévue (facultatif)</label>
                    <input type="date" name="date_fin_prevue" class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Tarif journalier *</label>
                    <input type="text" name="tarif_journalier" required class="form-control">
                </div>
                <div class="col-md-3">
                    <label class="form-label">Tarif cantine / jour</label>
                    <input type="text" name="tarif_cantine_journalier" class="form-control">
                </div>
                <div class="col-12">
                    <div class="form-check form-switch">
                        <input type="hidden" name="avec_cantine" value="0">
                        <input type="checkbox" name="avec_cantine" value="1" class="form-check-input" id="avec-cantine">
                        <label class="form-check-label" for="avec-cantine">Avec cantine</label>
                    </div>
                </div>
                <div class="col-12">
                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Séjours</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if accueils is empty %}
                <div class="text-muted">Aucun accueil ponctuel pour l'instant.</div>
            {% else %}
                <div class="table-responsive">
                    <table class="table align-middle table-row-dashed fs-6 gy-5">
                        <thead>
                            <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                <th>Enfant</th>
                                <th>Début</th>
                                <th>Fin prévue</th>
                                <th>Statut</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for accueil in accueils %}
                                <tr>
                                    <td>{{ accueil.enfant.prenom }} {{ accueil.enfant.nom }}</td>
                                    <td>{{ accueil.dateDebut|date('d/m/Y') }}</td>
                                    <td>{{ accueil.dateFinPrevue ? accueil.dateFinPrevue|date('d/m/Y') : '-' }}</td>
                                    <td>
                                        {% if accueil.statut.value == 'en_cours' %}
                                            <span class="badge badge-light-warning">En cours</span>
                                        {% else %}
                                            <span class="badge badge-light-success">Récupéré{% if accueil.canalRestitution %} - {{ accueil.canalRestitution.label }}{% endif %}</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if accueil.statut.value == 'en_cours' %}
                                            <form method="post" action="{{ path('administration_accueil_ponctuel_cloturer', {id: accueil.id}) }}">
                                                <input type="hidden" name="_csrf_token" value="{{ csrf_token('accueil_ponctuel_cloturer_' ~ accueil.id) }}">
                                                <button type="submit" class="btn btn-light-success btn-sm">Clôturer (récupération)</button>
                                            </form>
                                        {% else %}
                                            <a href="{{ path('administration_accueil_ponctuel_recapitulatif', {id: accueil.id}) }}" class="btn btn-light btn-sm">Récapitulatif</a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}