{% extends '@App/app.html.twig' %}

{% block title %}Générer un avenant{% endblock %}

{% block page_header %}{% endblock %}

{% block content %}
    {% set view = amendment_view %}
    {% set employee = contract.salarie %}
    {% set employee_name = employee ? employee|trim : 'Salarié' %}
    {% set employee_initials = employee ? ((employee.prenom|default('')|first) ~ (employee.nom|default('')|first))|upper : 'S' %}
    {% set photo_path = employee and employee.photo ? employee.photo|trim : null %}
    {% set avatar_src = photo_path ? (photo_path starts with 'http://' or photo_path starts with 'https://' ? photo_path : asset(photo_path starts with '/' ? photo_path|slice(1) : photo_path)) : null %}
    {% set selected_type = data.typeAvenant|default(amendment.typeAvenant)|default('remuneration') %}
    {% set selected_status = data.statut|default(amendment.statut)|default('brouillon') %}
    {% set selected_template = data.documentTemplate|default('') %}
    {% set current_gross = view.currentGross %}
    {% set new_gross = data.nouvelleRemunerationBrute|default(view.newGross ?: current_gross) %}

    <form method="post"
          class="record-profile record-profile--contract amendment-builder"
          data-controller="amendment-builder"
          data-amendment-builder-current-gross-value="{{ current_gross }}">
        <input type="hidden" name="_token" value="{{ csrf_token('amendment_create_' ~ contract.id) }}">
        <input type="hidden" name="statut" value="{{ selected_status }}">

        <div class="record-profile__topbar">
            <nav class="data-breadcrumb" aria-label="Fil d'Ariane">
                <a href="{{ path('contract_index') }}">Contrats</a>
                <i class="ti ti-chevron-right" aria-hidden="true"></i>
                <a href="{{ path('contract_show', {id: contract.id}) }}">{{ employee_name }}</a>
                <i class="ti ti-chevron-right" aria-hidden="true"></i>
                <span class="text-black-50">Générer un avenant</span>
            </nav>

            <div class="record-profile__actions">
                <a class="record-action" href="{{ path('contract_show', {id: contract.id}) }}">
                    <i class="ti ti-eye" aria-hidden="true"></i>Voir contrat original
                </a>
                {% if contract.pdfPath and is_granted('CONTRACT_DOWNLOAD', contract) %}
                    <a class="record-action" href="{{ path('contract_download', {id: contract.id}) }}">
                        <i class="ti ti-download" aria-hidden="true"></i>Télécharger dernier PDF
                    </a>
                {% endif %}
                <button class="record-action" type="submit" name="statut" value="brouillon">
                    <i class="ti ti-device-floppy" aria-hidden="true"></i>Sauvegarder brouillon
                </button>
                <button class="record-action record-action--primary" type="submit" name="statut" value="genere">
                    <i class="ti ti-wand" aria-hidden="true"></i>Générer l'avenant
                </button>
            </div>
        </div>

        <header class="record-page-head">
            <div class="record-page-head__title">
                <div>
                    <h1>Générer un avenant contractuel</h1>
                    <p>Créez un avenant pour modifier les éléments du contrat de travail en conformité légale.</p>
                </div>
            </div>
        </header>

        {% if errors is not empty %}
            <div class="record-alert record-alert--danger">
                <i class="ti ti-alert-circle" aria-hidden="true"></i>
                <div>
                    <strong>Impossible de créer l'avenant</strong>
                    {% for error in errors %}
                        <span>{{ error }}</span>
                    {% endfor %}
                </div>
            </div>
        {% endif %}

        <div class="record-alert record-alert--warning">
            <i class="ti ti-alert-triangle" aria-hidden="true"></i>
            <div>
                <strong>Attention : modifications contractuelles</strong>
                <span>Vérifiez les champs obligatoires et la comparaison avant/après. L'avenant pourra nécessiter une signature électronique.</span>
            </div>
        </div>

        <section class="record-contract-strip amendment-builder__base">
            <div class="record-contract-strip__employee">
                <div class="record-avatar record-avatar--sm">
                    {% if avatar_src %}
                        <img src="{{ avatar_src }}" alt="{{ employee_name }}">
                    {% else %}
                        <span>{{ employee_initials ?: 'S' }}</span>
                    {% endif %}
                </div>
                <div><span>Employé</span><strong>{{ employee_name }}</strong></div>
            </div>
            <div><span>N° contrat</span><strong>{{ contract.reference }}</strong></div>
            <div><span>Type</span><strong>{{ contract.typeContrat|upper }} · {{ contract.typeTempsTravail ?: 'Temps plein' }}</strong></div>
            <div><span>Date de début</span><strong>{{ contract.dateDebut ? contract.dateDebut|date('d/m/Y') : '—' }}</strong></div>
            <div><span>Salaire actuel</span><strong>{{ current_gross ? current_gross|number_format(2, ',', ' ') ~ ' € brut/mois' : '—' }}</strong></div>
            <span class="record-badge record-badge--success">Actif</span>
        </section>

        <div class="amendment-builder__layout">
            <div class="amendment-builder__main">
                <div data-controller="tabs" data-tabs-active-value="general">
                    <div class="record-tabs record-tabs--line" role="tablist" aria-label="Sections de l'avenant">
                        <button type="button" class="record-tabs__item is-active" data-tabs-target="tab" data-tabs-id="general" data-action="tabs#select" role="tab" aria-selected="true">Général</button>
                        <button type="button" class="record-tabs__item" data-tabs-target="tab" data-tabs-id="modifications" data-action="tabs#select" role="tab" aria-selected="false">Modifications</button>
                        <button type="button" class="record-tabs__item" data-tabs-target="tab" data-tabs-id="document" data-action="tabs#select" role="tab" aria-selected="false">Modèle & contenu</button>
                    </div>

                    <section class="record-tab-panel is-active" data-tabs-target="panel" data-tabs-id="general">
                        <article class="record-card">
                            <div class="record-card__header">
                                <h2 class="record-card__subtitle"><i class="ti ti-file-pencil" aria-hidden="true"></i>Informations générales de l'avenant</h2>
                            </div>
                            <div class="record-form-grid">
                                <div class="record-form-field">
                                    <label for="amendment_title">Titre de l'avenant <span>*</span></label>
                                    <input class="form-control" id="amendment_title" name="titre" value="{{ data.titre|default(selected_type == 'remuneration' ? 'Augmentation de salaire' : 'Avenant contractuel') }}" required data-amendment-builder-title>
                                </div>
                                <div class="record-form-field">
                                    <label for="amendment_reference">Référence avenant</label>
                                    <input class="form-control" id="amendment_reference" name="reference" value="{{ data.reference|default(view.referencePreview) }}">
                                </div>
                                <div class="record-form-field">
                                    <label for="amendment_effective_date">Date de prise d'effet <span>*</span></label>
                                    <input class="form-control" id="amendment_effective_date" type="date" name="dateEffet" value="{{ data.dateEffet|default(amendment.dateEffet ? amendment.dateEffet|date('Y-m-d') : '') }}" required>
                                </div>
                                <div class="record-form-field">
                                    <label for="amendment_signature_date">Date de signature prévue</label>
                                    <input class="form-control" id="amendment_signature_date" type="date" name="dateSignaturePrevue" value="{{ data.dateSignaturePrevue|default('') }}">
                                </div>
                                <div class="record-form-field">
                                    <label for="amendment_type">Motif de l'avenant <span>*</span></label>
                                    <select class="form-select" id="amendment_type" name="typeAvenant" required>
                                        {% set types = {
                                            remuneration: 'Évolution de la rémunération',
                                            temps_travail: 'Modification du temps de travail',
                                            poste: 'Fonction et classification',
                                            lieu_travail: 'Lieu de travail',
                                            prolongation: 'Prolongation',
                                            autre: 'Autre modification'
                                        } %}
                                        {% for value, label in types %}
                                            <option value="{{ value }}" {{ selected_type == value ? 'selected' : '' }}>{{ label }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                                <div class="record-form-field record-form-field--full">
                                    <label for="amendment_reason">Description détaillée</label>
                                    <textarea class="form-control" id="amendment_reason" name="motif" rows="4" placeholder="Décrivez les raisons et le contexte de cet avenant...">{{ data.motif|default(amendment.motif)|default('') }}</textarea>
                                </div>
                            </div>
                        </article>
                    </section>

                    <section class="record-tab-panel" data-tabs-target="panel" data-tabs-id="modifications" hidden>
                        <article class="record-card">
                            <div class="record-card__header">
                                <h2 class="record-card__subtitle"><i class="ti ti-adjustments" aria-hidden="true"></i>Éléments contractuels modifiés</h2>
                            </div>
                            <div class="record-choice-grid">
                                <label class="record-choice-card">
                                    <input type="checkbox" name="modifiedFields[]" value="remuneration" checked>
                                    <span><strong>Rémunération</strong><small>Salaire de base, primes, avantages</small></span>
                                </label>
                                <label class="record-choice-card">
                                    <input type="checkbox" name="modifiedFields[]" value="temps_travail">
                                    <span><strong>Temps de travail</strong><small>Horaires, durée hebdomadaire</small></span>
                                </label>
                                <label class="record-choice-card">
                                    <input type="checkbox" name="modifiedFields[]" value="poste">
                                    <span><strong>Fonction et classification</strong><small>Intitulé de poste, coefficient</small></span>
                                </label>
                                <label class="record-choice-card">
                                    <input type="checkbox" name="modifiedFields[]" value="lieu_travail">
                                    <span><strong>Lieu de travail</strong><small>Établissement, adresse</small></span>
                                </label>
                            </div>

                            <div class="record-divider"></div>

                            <h3 class="record-section-heading">Modification de la rémunération</h3>
                            <div class="record-form-grid">
                                <div class="record-form-field">
                                    <label for="amendment_new_gross">Nouveau salaire brut mensuel <span>*</span></label>
                                    <div class="input-group">
                                        <input class="form-control" id="amendment_new_gross" type="number" step="0.01" name="nouvelleRemunerationBrute" value="{{ new_gross }}" data-amendment-builder-target="newGross" required>
                                        <span class="input-group-text">€</span>
                                    </div>
                                </div>
                                <div class="record-form-field">
                                    <label>Augmentation calculée</label>
                                    <div class="record-calculated-value" data-amendment-builder-target="percentDelta">{{ view.percentDelta|number_format(2, ',', ' ') }}%</div>
                                </div>
                            </div>

                            <h3 class="record-section-heading">Comparaison contractuelle</h3>
                            <div class="record-comparison-table">
                                <div class="record-comparison-table__head">
                                    <span>Élément</span>
                                    <span>Avant</span>
                                    <span>Après</span>
                                    <span>Variation</span>
                                </div>
                                <div>
                                    <strong>Salaire brut mensuel</strong>
                                    <span>{{ current_gross|number_format(2, ',', ' ') }} €</span>
                                    <span data-amendment-builder-target="newMonthly">{{ view.newGross|number_format(2, ',', ' ') }} €</span>
                                    <span class="record-badge record-badge--success" data-amendment-builder-target="monthlyDelta">{{ view.monthlyDelta|number_format(2, ',', ' ') }} €</span>
                                </div>
                                <div>
                                    <strong>Salaire brut annuel</strong>
                                    <span>{{ (current_gross * 12)|number_format(2, ',', ' ') }} €</span>
                                    <span data-amendment-builder-target="newAnnual">{{ (view.newGross * 12)|number_format(2, ',', ' ') }} €</span>
                                    <span class="record-badge record-badge--success" data-amendment-builder-target="annualDelta">{{ view.annualDelta|number_format(2, ',', ' ') }} €</span>
                                </div>
                            </div>
                        </article>
                    </section>

                    <section class="record-tab-panel" data-tabs-target="panel" data-tabs-id="document" hidden>
                        <article class="record-card">
                            <div class="record-card__header">
                                <h2 class="record-card__subtitle"><i class="ti ti-template" aria-hidden="true"></i>Modèle et contenu</h2>
                            </div>
                            <div class="record-form-grid">
                                <div class="record-form-field record-form-field--full">
                                    <label for="amendment_template">Modèle d'avenant</label>
                                    <select class="form-select" id="amendment_template" name="documentTemplate" data-amendment-builder-target="template">
                                        <option value="">Rédaction libre</option>
                                        {% for template in documentTemplates %}
                                            <option value="{{ template.id }}" {{ selected_template == template.id ? 'selected' : '' }}>{{ template.nom }} · {{ template.code }}</option>
                                        {% endfor %}
                                    </select>
                                    <div class="form-text">
                                        {% if isDocumentTemplateEnabled and documentTemplates is not empty %}
                                            Seuls les modèles actifs de type avenant sont proposés.
                                        {% else %}
                                            Aucun modèle actif de type avenant disponible pour cette société.
                                        {% endif %}
                                    </div>
                                </div>
                                <div class="record-form-field record-form-field--full">
                                    <label for="amendment_content">Contenu HTML</label>
                                    <textarea class="form-control" id="amendment_content" name="contenuHtml" rows="12" placeholder="Rédigez le contenu de l'avenant ou sélectionnez un modèle...">{{ data.contenuHtml|default(amendment.contenuHtml)|default('') }}</textarea>
                                </div>
                            </div>
                        </article>
                    </section>
                </div>
            </div>

            <aside class="amendment-builder__side">
                <article class="record-card record-document-preview">
                    <div class="record-card__header">
                        <h2>Aperçu du document</h2>
                        <button type="button" class="record-link-button"><i class="ti ti-arrows-maximize" aria-hidden="true"></i>Agrandir</button>
                    </div>
                    <div class="record-document-preview__page">
                        <div></div>
                        <div></div>
                        <div></div>
                        <strong data-amendment-builder-target="previewTitle">{{ data.titre|default('Avenant contractuel') }}</strong>
                        <span>Aperçu PDF généré automatiquement</span>
                    </div>
                    <button class="record-link-button mx-auto mt-3" type="button"><i class="ti ti-refresh" aria-hidden="true"></i>Régénérer l'aperçu</button>
                </article>

                <article class="record-card">
                    <h2 class="record-card__subtitle">Résumé de l'impact</h2>
                    <div class="record-list">
                        <div><span>Coût mensuel additionnel</span><strong class="text-success" data-amendment-builder-target="sideMonthlyDelta">{{ view.monthlyDelta|number_format(2, ',', ' ') }} €</strong></div>
                        <div><span>Coût annuel additionnel</span><strong class="text-success" data-amendment-builder-target="sideAnnualDelta">{{ view.annualDelta|number_format(2, ',', ' ') }} €</strong></div>
                        <div><span>Impact budgétaire</span><strong><span class="record-badge record-badge--info" data-amendment-builder-target="impactLevel">Faible</span></strong></div>
                    </div>
                </article>
            </aside>
        </div>
    </form>
{% endblock %}