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

{% block title %}Contrat d'accueil - {{ enfant.prenom }} {{ enfant.nom }}{% endblock %}

{% set jours = [
    {value: 'lundi', label: 'Lundi'},
    {value: 'mardi', label: 'Mardi'},
    {value: 'mercredi', label: 'Mercredi'},
    {value: 'jeudi', label: 'Jeudi'},
    {value: 'vendredi', label: 'Vendredi'},
    {value: 'samedi', label: 'Samedi'},
    {value: 'dimanche', label: 'Dimanche'},
] %}

{% block page_title %}Contrat d'accueil - {{ enfant.prenom }} {{ enfant.nom }}{% endblock %}

{% block toolbar_actions %}
    <a href="{{ path('administration_fiche_enfant', {enfantId: enfant.id}) }}" class="btn btn-light">Fiche complète</a>
{% endblock %}

{% block body %}
    <div class="card mb-5 mb-xl-8">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Contrat actif</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if contratActif is not null %}
                <div class="mb-6">
                    Du {{ contratActif.dateDebut|date('d/m/Y') }}{% if contratActif.dateFin %} au {{ contratActif.dateFin|date('d/m/Y') }}{% endif %}<br>
                    Jours : {{ contratActif.joursSemaine|map(j => j.label)|join(', ') }}<br>
                    Horaires : {{ contratActif.heureArriveePrevue ?: '-' }} – {{ contratActif.heureDepartPrevue ?: '-' }}<br>
                    Tarif : {{ contratActif.tarifConvenu }} ({{ contratActif.libelleTarif }})<br>
                    Facturation : {{ contratActif.modeFacturation.label }}{% if contratActif.ligneTarifaire %} - {{ contratActif.ligneTarifaire.libelle }} ({{ contratActif.ligneTarifaire.unite.label }}){% endif %}<br>
                    Frais de préavis non remboursables : {{ contratActif.fraisPreavisNonRemboursable ?: '-' }}
                </div>

                <a href="{{ path('comptabilite_facture', {enfantId: enfant.id}) }}" class="btn btn-light-primary mb-8">Voir les factures &rarr;</a>

                <h4>Avenant</h4>
                <form method="post" action="{{ path('administration_fiche_enfant_contrat_avenant', {enfantId: enfant.id}) }}" class="mb-8">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('contrat_avenant_' ~ enfant.id) }}">
                    <div class="row g-3 mb-4">
                        <div class="col-md-3">
                            <label class="form-label">Date de début *</label>
                            <input type="date" name="date_debut" required class="form-control">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Date de fin (facultatif)</label>
                            <input type="date" name="date_fin" class="form-control">
                        </div>
                    </div>
                    <fieldset class="border rounded p-4 mb-4">
                        <legend class="fs-6 fw-bold">Jours d'accueil</legend>
                        <div class="d-flex flex-wrap gap-4">
                            {% for jour in jours %}
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="jours_semaine[]" value="{{ jour.value }}" id="avenant-{{ jour.value }}">
                                    <label class="form-check-label" for="avenant-{{ jour.value }}">{{ jour.label }}</label>
                                </div>
                            {% endfor %}
                        </div>
                    </fieldset>
                    <div class="row g-3 mb-4">
                        <div class="col-md-3">
                            <label class="form-label">Heure d'arrivée prévue</label>
                            <input type="text" name="heure_arrivee_prevue" placeholder="08:30" class="form-control">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Heure de départ prévue</label>
                            <input type="text" name="heure_depart_prevue" placeholder="17:30" class="form-control">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Tarif convenu *</label>
                            <input type="text" name="tarif_convenu" required class="form-control">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Libellé du tarif *</label>
                            <input type="text" name="libelle_tarif" placeholder="Forfait mensuel" required class="form-control">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Mode de facturation *</label>
                            <select name="mode_facturation" required class="form-select">
                                <option value="forfait_fixe">Forfait fixe</option>
                                <option value="planning_contractuel">Facturation selon le planning contractuel</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Ligne tarifaire (requise si planning contractuel)</label>
                            <select name="ligne_tarifaire_id" class="form-select">
                                <option value="">-</option>
                                {% for ligne in lignesTarifaires %}
                                    <option value="{{ ligne.id }}">{{ ligne.libelle }} ({{ ligne.unite.label }} - {{ ligne.montant|montant }})</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Frais de préavis non remboursables (facultatif)</label>
                            <input type="text" name="frais_preavis_non_remboursable" class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Motif de l'avenant *</label>
                            <input type="text" name="motif" required class="form-control">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Créer l'avenant</button>
                </form>

                <h4>Résilier</h4>
                <form method="post" action="{{ path('administration_fiche_enfant_contrat_resilier', {enfantId: enfant.id}) }}" class="d-flex gap-2 align-items-end">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('contrat_resilier_' ~ enfant.id) }}">
                    <div>
                        <label class="form-label">Date de fin *</label>
                        <input type="date" name="date_fin" required class="form-control">
                    </div>
                    <button type="submit" class="btn btn-light-danger">Résilier le contrat</button>
                </form>
            {% else %}
                {% if historique is not empty and not historique|first.actif and historique|first.dateFin is not null %}
                    {% set contratClos = historique|first %}
                    <div class="mb-8">
                        <h4>Contrat clos</h4>
                        <div class="mb-3">
                            Du {{ contratClos.dateDebut|date('d/m/Y') }} au {{ contratClos.dateFin|date('d/m/Y') }}<br>
                            Tarif : {{ contratClos.tarifConvenu }} ({{ contratClos.libelleTarif }})<br>
                            Frais de préavis non remboursables : {{ contratClos.fraisPreavisNonRemboursable ?: '-' }}
                        </div>
                        <a href="{{ path('comptabilite_facture', {enfantId: enfant.id}) }}" class="btn btn-light-primary">Voir le solde de retrait &rarr;</a>
                    </div>
                {% endif %}

                <form method="post" action="{{ path('administration_fiche_enfant_contrat_nouveau', {enfantId: enfant.id}) }}">
                    <input type="hidden" name="_csrf_token" value="{{ csrf_token('contrat_nouveau_' ~ enfant.id) }}">
                    <div class="row g-3 mb-4">
                        <div class="col-md-3">
                            <label class="form-label">Date de début *</label>
                            <input type="date" name="date_debut" required class="form-control">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Date de fin (facultatif)</label>
                            <input type="date" name="date_fin" class="form-control">
                        </div>
                    </div>
                    <fieldset class="border rounded p-4 mb-4">
                        <legend class="fs-6 fw-bold">Jours d'accueil</legend>
                        <div class="d-flex flex-wrap gap-4">
                            {% for jour in jours %}
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="jours_semaine[]" value="{{ jour.value }}" id="nouveau-{{ jour.value }}">
                                    <label class="form-check-label" for="nouveau-{{ jour.value }}">{{ jour.label }}</label>
                                </div>
                            {% endfor %}
                        </div>
                    </fieldset>
                    <div class="row g-3 mb-4">
                        <div class="col-md-3">
                            <label class="form-label">Heure d'arrivée prévue</label>
                            <input type="text" name="heure_arrivee_prevue" placeholder="08:30" class="form-control">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Heure de départ prévue</label>
                            <input type="text" name="heure_depart_prevue" placeholder="17:30" class="form-control">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Tarif convenu *</label>
                            <input type="text" name="tarif_convenu" required class="form-control">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">Libellé du tarif *</label>
                            <input type="text" name="libelle_tarif" placeholder="Forfait mensuel" required class="form-control">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Mode de facturation *</label>
                            <select name="mode_facturation" required class="form-select">
                                <option value="forfait_fixe">Forfait fixe</option>
                                <option value="planning_contractuel">Facturation selon le planning contractuel</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Ligne tarifaire (requise si planning contractuel)</label>
                            <select name="ligne_tarifaire_id" class="form-select">
                                <option value="">-</option>
                                {% for ligne in lignesTarifaires %}
                                    <option value="{{ ligne.id }}">{{ ligne.libelle }} ({{ ligne.unite.label }} - {{ ligne.montant|montant }})</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Frais de préavis non remboursables (facultatif)</label>
                            <input type="text" name="frais_preavis_non_remboursable" class="form-control">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Créer le contrat</button>
                </form>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Historique</h3></div>
        </div>
        <div class="card-body pt-0">
            {% if historique is empty %}
                <div class="text-muted">Aucun contrat.</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>Période</th>
                                <th>Tarif</th>
                                <th>Facturation</th>
                                <th>Statut</th>
                            </tr>
                        </thead>
                        <tbody class="fw-semibold text-gray-600">
                            {% for contrat in historique %}
                                <tr>
                                    <td>{{ contrat.dateDebut|date('d/m/Y') }}{% if contrat.dateFin %} – {{ contrat.dateFin|date('d/m/Y') }}{% endif %}</td>
                                    <td>{{ contrat.tarifConvenu }} ({{ contrat.libelleTarif }})</td>
                                    <td>
                                        {{ contrat.modeFacturation.label }}
                                        {% if contrat.fraisPreavisNonRemboursable %}<br><span class="text-muted">Préavis non remboursable : {{ contrat.fraisPreavisNonRemboursable }}</span>{% endif %}
                                        {% if contrat.motifAvenant %}<br><span class="text-muted">Avenant : {{ contrat.motifAvenant }}</span>{% endif %}
                                    </td>
                                    <td>
                                        {% if contrat.actif %}
                                            <span class="badge badge-light-success">Actif</span>
                                        {% else %}
                                            <span class="badge badge-light">Clos</span>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}