@php
    $currentSchedule = collect($scheduleDayLabels)
        ->mapWithKeys(function ($label, $key) use ($contract) {
            $schedule = $contract->weekly_schedule[$key] ?? ['enabled' => false, 'start' => null, 'end' => null];

            return [$key => array_merge($schedule, old("weekly_schedule.$key", []))];
        })
        ->all();

    $isParentView = $isParentView ?? false;
    $isLinkedParentContract = $contract->child?->employer?->linked_parent_user_id !== null
        || $contract->child?->employer?->user?->isParent();
    $isWaitingForParentCompletion = ! $isParentView
        && $isLinkedParentContract
        && $contract->status === 'draft';
    $readonly = ! $contract->isEditable()
        || ($isParentView && $contract->status !== 'draft')
        || $isWaitingForParentCompletion;
    $canCreateAmendment = $contract->status === 'active' && ! $contract->hasPendingAmendment();
    $lockedForParentWithAssistant = $isParentView && $contract->assistant() !== null;

    $creatorLabel = match (true) {
        $contract->createdBy === null => null,
        $contract->createdBy->isParent() => 'Créé par le parent employeur',
        $contract->createdBy->isNounou() => "Créé par l'assistante maternelle",
        default => null,
    };

    $statusBadgeModifier = match ($contract->status) {
        'draft' => ' contract-status-badge--draft',
        'to_sign' => ' contract-status-badge--to-sign',
        'cancelled' => ' contract-status-badge--cancelled',
        'ended', 'superseded' => ' contract-status-badge--ended',
        default => '',
    };

    $minimumDurationRaw = (string) old('minimum_duration', $contract->minimum_duration);
    preg_match('/\d+/', $minimumDurationRaw, $minimumDurationMatch);
    $minimumDurationValue = $minimumDurationMatch[0] ?? 3;
    $minimumDurationUnit = match (true) {
        str_contains($minimumDurationRaw, 'sem') => 'week',
        str_contains($minimumDurationRaw, 'jour') => 'day',
        default => 'month',
    };
@endphp

<x-dynamic-component :component="$layoutComponent">
    <div class="contracts-page" x-data="contractWizard({
        contractType: @js(old('contract_type', $contract->contract_type ?: 'cdi')),
        cddReason: @js(old('cdd_reason', $contract->cdd_reason ?: 'replacement')),
        cddOpenEnded: @js(old('cdd_open_ended', $contract->cdd_open_ended ?? false)),
        careType: @js(old('care_type', $contract->care_type ?: 'complete_year')),
        careLocation: @js(old('care_location', $contract->care_location ?: 'home')),
        assistantPostalCode: @js(auth()->user()->postal_code),
        plannedWeeks: @js((int) old('planned_weeks_per_year', $contract->planned_weeks_per_year ?: 52)),
        unpaidWeeks: @js((int) old('unpaid_leave_weeks', $contract->unpaid_leave_weeks ?? 0)),
        specificWeeks: @js(old('specific_weeks', $contract->specific_weeks ?? [])),
        estimatedAnnualDays: @js((int) old('estimated_annual_days', $contract->estimated_annual_days ?? 0)),
        trialPeriodUnit: @js(old('trial_period_unit', $contract->trial_period_unit ?: 'month')),
        minimumDurationValue: @js((int) $minimumDurationValue),
        minimumDurationUnit: @js($minimumDurationUnit),
        hourlyRate: @js((float) old('hourly_rate_net', $contract->hourly_rate_net ?: 0)),
        overtimeMajorationRate: @js((int) old('overtime_majoration_rate', $contract->overtime_majoration_rate ?: 0)),
        maxWeeklyHours: @js($legalMinimums['max_weekly_hours']),
        maintenance: @js((float) old('maintenance_indemnity', $contract->maintenance_indemnity ?: 0)),
        meal: @js((float) old('meal_indemnity', $contract->meal_indemnity ?: 0)),
        mealProvider: @js(old('meal_provider', $contract->meal_provider ?: 'assistant')),
        snack: @js((float) old('snack_indemnity', $contract->snack_indemnity ?: 0)),
        snackProvider: @js(old('snack_provider', $contract->snack_provider ?: 'assistant')),
        startedOn: @js(old('started_on', $contract->started_on?->format('Y-m-d') ?? '')),
        weeklyRestDay: @js(old('weekly_rest_day', $contract->weekly_rest_day ?? 'sunday')),
        weeklyRestCompensation: @js(old('weekly_rest_work_compensation', $contract->weekly_rest_work_compensation ?? 'paid_25')),
        schedule: @js($currentSchedule),
        templateSchedule: @js(($isParentView ?? false) && $contract->sourceTemplate ? $contract->sourceTemplate->weekly_schedule : null),
        netToGrossFactor: @js($netToGrossFactor),
        isParentView: @js($isParentView),
        assistantLocked: @js($lockedForParentWithAssistant),
        contractStatus: @js($contract->status),
        simulateUrl: @js($isParentView ? route('parent.contracts.simulate') : route('contracts.simulate'))
    })" x-on:contract-child-selected.window="setSelectedChild($event.detail)" x-on:contract-assistant-conditions.window="applyAssistantConditions($event.detail)">
        <header class="contract-page-header">
            <div>
                <h1>Contrat de garde de {{ $contract->child->display_name }}</h1>
                @if ($creatorLabel)
                    <p class="dashboard-welcome-copy">{{ $creatorLabel }}</p>
                @endif
                @if (($isParentView ?? false) && $contract->source_template_id !== null && $contract->status === 'draft')
                    <p class="dashboard-welcome-copy">Je complète le cadre, mon planning de garde et les semaines travaillées avant validation.</p>
                @endif
            </div>
            @unless ($readonly)
                <div class="contract-completion-tracker">
                    <span>Complétion</span>
                    <strong x-text="completion().filled + ' / ' + completion().total + ' champs'"></strong>
                    <div class="contract-completion-bar"><span x-bind:style="'width: ' + completionPercent() + '%'"></span></div>
                    <small x-show="completionRemaining() > 0" x-text="completionRemaining() + ' champ' + (completionRemaining() > 1 ? 's' : '') + ' obligatoire' + (completionRemaining() > 1 ? 's' : '') + ' restant' + (completionRemaining() > 1 ? 's' : '')"></small>
                    <small x-show="completionRemaining() === 0" x-cloak>Formulaire complet</small>
                </div>
            @endunless
        </header>

        @if (! $isParentView && $contract->status === 'to_sign')
            <div class="contract-info-banner" role="note">
                <i class="ph-duotone ph-info" aria-hidden="true"></i>
                <span>Si je modifie ce projet de contrat, mes changements sont d’abord vérifiés par le parent employeur, puis le contrat me revient pour validation.</span>
            </div>
        @endif

        @if ($isParentView && $contract->status === 'draft' && $assistantChangeSummary !== [])
            <section class="contract-changes-banner" x-data="contractChangeHighlights({ changes: @js($assistantChangeSummary) })">
                <strong><i class="ph-duotone ph-pencil-simple-line" aria-hidden="true"></i>Mon assistante maternelle a modifié le contrat</strong>
                <p>Je vérifie ses changements, signalés dans le formulaire, puis je lui renvoie mon contrat pour validation.</p>
                <ul>
                    @foreach ($assistantChangeSummary as $change)
                        <li>
                            <span>{{ $change['label'] }}</span>
                            @if ($change['new'] === 'Modifié')
                                <strong>Modifié</strong>
                            @else
                                <del>{{ $change['old'] }}</del>
                                <i class="ph ph-arrow-right" aria-hidden="true"></i>
                                <strong>{{ $change['new'] }}</strong>
                            @endif
                        </li>
                    @endforeach
                </ul>
            </section>
        @endif

        @php($activeTermination = $activeTermination ?? null)
        @php($viewerIsInitiator = $activeTermination && $activeTermination->initiated_by_user_id === auth()->id())
        {{-- Tant qu'elle n'est pas transmise, la fin de contrat reste un brouillon privé : seule la partie qui l'a initiée le voit. --}}
        @if ($activeTermination && ! $activeTermination->isCancelled() && ($activeTermination->isSubmitted() || $viewerIsInitiator))
            <div @class(['termination-banner', 'termination-banner--split' => ! $activeTermination->isSubmitted() && $viewerIsInitiator])>
                @if ($activeTermination->isAcknowledged())
                    <strong><i class="ph-duotone ph-flag-checkered" aria-hidden="true"></i> Fin de contrat en cours</strong>
                    <p>La fin de contrat ({{ $activeTermination->reasonEnum()?->label() ?? 'motif à préciser' }}) a été confirmée par les deux parties. Dernier jour prévu : {{ optional($activeTermination->contract_end_date)->translatedFormat('d/m/Y') ?? 'à préciser' }}.</p>
                @elseif ($activeTermination->isAwaitingAcknowledgement() && ! $viewerIsInitiator)
                    <strong><i class="ph-duotone ph-bell-ringing" aria-hidden="true"></i> Une fin de contrat vous a été transmise</strong>
                    <p>{{ $activeTermination->initiator?->first_name ?? "L'autre partie" }} a préparé la fin de ce contrat ({{ $activeTermination->reasonEnum()?->label() }}). Merci d'en confirmer la bonne réception.</p>
                    <div class="termination-banner-actions">
                        <a href="{{ route(($isParentView ?? false) ? 'parent.contracts.end' : 'contracts.end', $contract) }}" class="employers-secondary-button"><i class="ph-duotone ph-eye" aria-hidden="true"></i>Consulter le détail</a>
                        <form method="POST" action="{{ route(($isParentView ?? false) ? 'parent.contracts.end.acknowledge' : 'contracts.end.acknowledge', $contract) }}">
                            @csrf
                            @method('patch')
                            <button type="submit" class="dashboard-primary-button employers-success-button"><i class="ph-duotone ph-check-circle" aria-hidden="true"></i>Je confirme la bonne réception</button>
                        </form>
                    </div>
                @elseif ($activeTermination->isAwaitingAcknowledgement())
                    <strong><i class="ph-duotone ph-paper-plane-tilt" aria-hidden="true"></i> Fin de contrat transmise</strong>
                    <p>En attente de la confirmation de bonne réception par l'autre partie.</p>
                    <div class="termination-banner-actions">
                        <a href="{{ route(($isParentView ?? false) ? 'parent.contracts.end' : 'contracts.end', $contract) }}" class="employers-secondary-button"><i class="ph-duotone ph-eye" aria-hidden="true"></i>Consulter le détail</a>
                        <form method="POST" action="{{ route(($isParentView ?? false) ? 'parent.contracts.end.cancel' : 'contracts.end.cancel', $contract) }}">
                            @csrf
                            @method('patch')
                            <button type="submit" class="employers-secondary-button employers-danger-button"><i class="ph-duotone ph-x-circle" aria-hidden="true"></i>Annuler la fin de contrat</button>
                        </form>
                    </div>
                @elseif ($viewerIsInitiator)
                    <strong><i class="ph-duotone ph-note-pencil" aria-hidden="true"></i> Brouillon de fin de contrat</strong>
                    <p>Vous avez commencé à préparer la fin de ce contrat. Elle n'est pas encore transmise à l'autre partie.</p>
                    <div class="termination-banner-actions">
                        <a href="{{ route(($isParentView ?? false) ? 'parent.contracts.end' : 'contracts.end', $contract) }}" class="dashboard-primary-button"><i class="ph-duotone ph-arrow-right" aria-hidden="true"></i>Reprendre</a>
                    </div>
                @endif

                @if ($activeTermination->isSubmitted())
                    <div class="termination-documents" x-data="terminationDocuments({
                        certificatTravailUrl: @js(route(($isParentView ?? false) ? 'parent.contracts.end.documents.certificat-travail' : 'contracts.end.documents.certificat-travail', $contract)),
                        soldeToutCompteUrl: @js(route(($isParentView ?? false) ? 'parent.contracts.end.documents.solde-tout-compte' : 'contracts.end.documents.solde-tout-compte', $contract)),
                        contractEndDate: @js(optional($activeTermination->contract_end_date)->toDateString()),
                        startedOnLabel: @js(optional($contract->started_on)->translatedFormat('d/m/Y')),
                        assistantName: @js($documentsAssistantName),
                        totalCents: @js($documentsTotalCents),
                    })">
                        <p class="termination-documents-title"><i class="ph-duotone ph-files" aria-hidden="true"></i>Documents de fin de contrat</p>
                        <div class="termination-documents-row">
                            <button type="button" class="employers-secondary-button" x-on:click="openModal('certif')">
                                <i class="ph-duotone ph-file-text" aria-hidden="true"></i>Certificat de travail
                            </button>
                            <button type="button" class="employers-secondary-button" x-on:click="openModal('solde')">
                                <i class="ph-duotone ph-receipt" aria-hidden="true"></i>Reçu pour solde de tout compte
                            </button>
                        </div>

                        <div class="termination-modal-overlay" x-show="modal === 'certif'" x-cloak x-on:keydown.escape.window="closeModal()">
                            <div class="termination-modal">
                                <div class="termination-modal-head">
                                    <span class="termination-modal-icon"><i class="ph ph-certificate" aria-hidden="true"></i></span>
                                    <span>
                                        <strong>Certificat de travail</strong>
                                        <small>Validez la date de fin effective avant de générer le PDF.</small>
                                    </span>
                                    <button type="button" class="termination-modal-close" x-on:click="closeModal()"><i class="ph ph-x" aria-hidden="true"></i></button>
                                </div>
                                <label class="termination-date-card">
                                    <span class="termination-date-card-label">Date de fin effective du contrat</span>
                                    <input type="date" x-model="certifEndDate">
                                </label>
                                <p class="termination-note" x-show="certifDeltaDays !== 0">
                                    Calculée : <span x-text="formatDate(contractEndDate)"></span> · écart de <span x-text="Math.abs(certifDeltaDays)"></span> jour(s) <span x-text="certifDeltaDays > 0 ? 'plus tard' : 'plus tôt'"></span>.
                                </p>
                                <div class="termination-note-box">
                                    <i class="ph ph-info" aria-hidden="true"></i>
                                    <div class="termination-recap">
                                        <div><span>Salariée</span><strong x-text="assistantName"></strong></div>
                                        <div><span>Emploi occupé</span><strong>Assistant(e) maternel(le)</strong></div>
                                        <div><span>Entrée</span><strong x-text="startedOnLabel"></strong></div>
                                        <div><span>Sortie</span><strong x-text="formatDate(certifEndDate)"></strong></div>
                                    </div>
                                </div>
                                <div class="termination-modal-actions">
                                    <button type="button" class="termination-cta-secondary" x-on:click="closeModal()">Annuler</button>
                                    <a class="termination-cta-primary" :href="certifDownloadUrl()" target="_blank" rel="noopener" x-on:click="closeModal()">
                                        <i class="ph ph-file-arrow-down" aria-hidden="true"></i>Générer le PDF
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="termination-modal-overlay" x-show="modal === 'solde'" x-cloak x-on:keydown.escape.window="closeModal()">
                            <div class="termination-modal">
                                <div class="termination-modal-head">
                                    <span class="termination-modal-icon"><i class="ph ph-receipt" aria-hidden="true"></i></span>
                                    <span>
                                        <strong>Reçu pour solde de tout compte</strong>
                                        <small>Validez le montant net versé et sa transcription en lettres.</small>
                                    </span>
                                    <button type="button" class="termination-modal-close" x-on:click="closeModal()"><i class="ph ph-x" aria-hidden="true"></i></button>
                                </div>
                                <label class="termination-date-card">
                                    <span class="termination-date-card-label">Montant net versé</span>
                                    <input type="text" inputmode="decimal" x-model="soldeNetAmount">
                                </label>
                                <p class="termination-note" x-show="soldeDeltaEuros !== 0">
                                    Écart de <span x-text="Math.abs(soldeDeltaEuros).toFixed(2)"></span> € avec le montant calculé.
                                </p>
                                <label class="termination-date-card">
                                    <span class="termination-date-card-label termination-date-card-label--row">
                                        Montant en lettres
                                        <button type="button" class="termination-toggle-link" x-on:click="fillWordsAuto()"><i class="ph ph-magic-wand" aria-hidden="true"></i>Remplir automatiquement</button>
                                    </span>
                                    <textarea rows="2" x-model="soldeWords"></textarea>
                                </label>
                                <div class="termination-warn">
                                    <span x-text="assistantName"></span> dispose de 6 mois pour contester ce reçu après l'avoir signé. Remettez-le en deux exemplaires, chacun daté et signé.
                                </div>
                                <div class="termination-modal-actions">
                                    <button type="button" class="termination-cta-secondary" x-on:click="closeModal()">Annuler</button>
                                    <a class="termination-cta-primary" :href="soldeDownloadUrl()" target="_blank" rel="noopener" x-on:click="closeModal()">
                                        <i class="ph ph-file-arrow-down" aria-hidden="true"></i>Générer le PDF
                                    </a>
                                </div>
                            </div>
                        </div>

                        @if ($isParentView ?? false)
                            <div class="termination-attestation">
                                <p><i class="ph-duotone ph-info" aria-hidden="true"></i> <strong>Attestation employeur France Travail</strong> — je ne peux pas la générer à votre place : seul le particulier employeur peut la remplir, directement depuis :</p>
                                <ul>
                                    <li><a href="https://www.pajemploi.urssaf.fr" target="_blank" rel="noopener">Mon compte Pajemploi</a> — une fois ma dernière déclaration faite, l'outil de fin de contrat propose de générer les documents automatiquement.</li>
                                    <li><a href="https://www.francetravail.fr" target="_blank" rel="noopener">France Travail</a> — je peux aussi la compléter en ligne puis la remettre à {{ $contract->assistant()?->first_name ?? "l'assistante maternelle" }} (mon identifiant Pajemploi me sera demandé).</li>
                                </ul>
                                <p class="termination-attestation-hint">Je pense à garder un exemplaire de chaque document remis.</p>
                            </div>
                        @else
                            <p class="termination-hint">L'attestation employeur (nécessaire pour l'allocation chômage) est à demander à votre employeur : seul·e le/la particulier·ère employeur·se peut la générer, via Pajemploi ou France Travail.</p>
                        @endif
                    </div>
                @endif
            </div>
        @endif

        <form method="POST" action="{{ route(($isParentView ?? false) ? 'parent.contracts.update' : 'contracts.update', $contract) }}" class="contract-wizard-form" x-on:input="updateFormDirty()" x-on:input.debounce.100ms="refreshSimulation($event); updateFormDirty()" x-on:change="refreshSimulation($event); updateFormDirty()">
            @csrf
            @method('patch')

            @include('contracts._form', [
                'record' => $contract,
                'readonly' => $readonly,
                'lockChild' => (! $isParentView && $isLinkedParentContract) || ! $contract->isChildChangeable(),
                'canEditContractFrame' => ! $readonly,
                'canEditCareLocation' => ! $readonly && ! $lockedForParentWithAssistant,
                'canEditCompensation' => ! $readonly && ! $lockedForParentWithAssistant,
                'canEditRest' => ! $readonly && ! $lockedForParentWithAssistant,
                'canEditSchedule' => ! $readonly,
                'canEditScheduleNotice' => ! $readonly && ! $lockedForParentWithAssistant,
                'canEditWeeks' => ! $readonly,
                'hideContractFrameForLinkedParentFlow' => false,
                'assistantCard' => $assistantCard,
                'canChangeAssistant' => $canChangeAssistant,
                'knownAssistants' => $knownAssistants,
                'knownAssistantConditions' => $knownAssistantConditions,
                'assistantFieldsRequired' => ! ($isParentView && $assistantCard === null),
            ])

            <div class="contract-action-bar-spacer" aria-hidden="true"></div>

            <div class="contract-action-bar">
                <div class="contract-action-bar-status">
                    @if ($errors->any())
                        <div class="contract-action-errors">
                            <strong>Je dois corriger quelques informations.</strong>
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <span class="contract-status-badge{{ $statusBadgeModifier }}">
                        <i class="ph-duotone ph-circle" aria-hidden="true"></i>
                        <span>{{ $contract->statusLabel() }}</span>
                    </span>
                    @if ($isWaitingForParentCompletion)
                        <p class="contract-sim-helper">J'attends que le parent employeur complète ce brouillon et me le renvoie pour validation.</p>
                    @elseif ($readonly)
                        <p class="contract-sim-helper">Je ne peux plus modifier ce contrat.</p>
                    @else
                        <p class="contract-sim-helper" x-show="!startedOn" x-cloak>Je complète la <strong>date de début</strong> pour générer le contrat.</p>
                    @endif
                </div>
                <div class="contract-action-bar-actions">
                    @if ($contract->isAmendment())
                        <a href="{{ route($isParentView ? 'parent.contracts.show' : 'contracts.show', $contract->sourceContract) }}" class="employers-secondary-button"><i class="ph-duotone ph-arrow-bend-up-left" aria-hidden="true"></i>Consulter le contrat initial</a>
                    @endif
                    @if ($contract->amendments()->exists())
                        <a href="{{ route($isParentView ? 'parent.contracts.show' : 'contracts.show', $contract->amendments()->latest()->first()) }}" class="employers-secondary-button"><i class="ph-duotone ph-stack" aria-hidden="true"></i>Consulter les avenants</a>
                    @endif
                    @if ($contract->status === 'active')
                        <a href="{{ route(($isParentView ?? false) ? 'parent.contracts.end' : 'contracts.end', $contract) }}" class="employers-secondary-button"><i class="ph-duotone ph-flag-checkered" aria-hidden="true"></i>Gérer la fin du contrat</a>
                    @endif
                    <small class="contract-sim-helper" x-show="formDirty" x-cloak>Je dois enregistrer mes modifications{{ ! $isParentView && $contract->status === 'to_sign' ? ' avec « Soumettre les changements »' : '' }} avant de télécharger le PDF mis à jour.</small>
                    <button type="button" class="employers-secondary-button" x-bind:disabled="formDirty" x-on:click="window.location.assign(@js(route($isParentView ? 'parent.contracts.pdf' : 'contracts.pdf', $contract)))"><i class="ph-duotone ph-file-pdf" aria-hidden="true"></i>Télécharger</button>
                    @if ($canCreateAmendment)
                        <button type="submit" form="contract_amendment_form" class="employers-secondary-button"><i class="ph-duotone ph-note-pencil" aria-hidden="true"></i>Créer un avenant</button>
                    @endif
                    @if ($isParentView && $contract->status === 'draft' && $assistantCard !== null)
                        <button type="submit" name="_action" value="request_validation" class="dashboard-primary-button employers-success-button"><i class="ph-duotone ph-paper-plane-tilt" aria-hidden="true"></i>Faire valider</button>
                    @endif
                    @if (! ($isParentView ?? false) && $contract->status === 'to_sign')
                        <button type="submit" form="contract_refuse_form" class="employers-secondary-button employers-danger-button" x-show="!formDirty" x-cloak><i class="ph-duotone ph-x-circle" aria-hidden="true"></i>Refuser</button>
                        <button type="submit" form="contract_accept_form" class="dashboard-primary-button employers-success-button" x-show="!formDirty" x-cloak><i class="ph-duotone ph-check-circle" aria-hidden="true"></i>Accepter</button>
                        <button type="submit" class="dashboard-primary-button employers-success-button" x-show="formDirty" x-cloak><i class="ph-duotone ph-paper-plane-tilt" aria-hidden="true"></i>Soumettre</button>
                    @endif
                    @if (! $readonly && ! (! ($isParentView ?? false) && $contract->status === 'to_sign'))
                        <button type="submit" class="dashboard-primary-button"><i class="ph-duotone ph-floppy-disk" aria-hidden="true"></i>Enregistrer</button>
                    @endif
                </div>
            </div>
        </form>

        @if (! ($isParentView ?? false) && $contract->status === 'to_sign')
            <form id="contract_accept_form" method="POST" action="{{ route('contracts.accept', $contract) }}">
                @csrf
                @method('patch')
            </form>

            <form id="contract_refuse_form" method="POST" action="{{ route('contracts.refuse', $contract) }}">
                @csrf
                @method('patch')
            </form>
        @endif

        <form id="contract_amendment_form" method="POST" action="{{ route($isParentView ? 'parent.contracts.amendments.store' : 'contracts.amendments.store', $contract) }}">
            @csrf
        </form>
    </div>
</x-dynamic-component>