@php
    $currentSchedule = collect($scheduleDayLabels)
        ->mapWithKeys(fn ($label, $key) => [$key => array_merge($schedule[$key], old("weekly_schedule.$key", []))])
        ->all();

    $minimumDurationRaw = (string) old('minimum_duration', $draft?->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-app-layout>
    @php
        $isTemplateMode = $isTemplateMode ?? false;
        $template = $template ?? null;
    @endphp
    <div class="contracts-page" x-data="contractWizard({
        isTemplateMode: @js($isTemplateMode),
        contractType: @js(old('contract_type', $draft?->contract_type ?? 'cdi')),
        cddReason: @js(old('cdd_reason', $draft?->cdd_reason ?? 'replacement')),
        cddOpenEnded: @js(old('cdd_open_ended', $draft?->cdd_open_ended ?? false)),
        careType: @js(old('care_type', $draft?->care_type ?? 'complete_year')),
        careLocation: @js(old('care_location', $draft?->care_location ?? 'home')),
        assistantPostalCode: @js(auth()->user()->postal_code),
        plannedWeeks: @js((int) old('planned_weeks_per_year', $draft?->planned_weeks_per_year ?? 52)),
        unpaidWeeks: @js((int) old('unpaid_leave_weeks', $draft?->unpaid_leave_weeks ?? 0)),
        specificWeeks: @js(old('specific_weeks', $draft?->specific_weeks ?? [])),
        estimatedAnnualDays: @js((int) old('estimated_annual_days', $draft?->estimated_annual_days ?? 0)),
        trialPeriodUnit: @js(old('trial_period_unit', $draft?->trial_period_unit ?? 'month')),
        minimumDurationValue: @js((int) $minimumDurationValue),
        minimumDurationUnit: @js($minimumDurationUnit),
        hourlyRate: @js((float) old('hourly_rate_net', $draft?->hourly_rate_net ?? $contractDefaults['hourly_rate_net'])),
        overtimeMajorationRate: @js((int) old('overtime_majoration_rate', $draft?->overtime_majoration_rate ?? $contractDefaults['overtime_majoration_rate'])),
        maxWeeklyHours: @js($legalMinimums['max_weekly_hours']),
        maintenance: @js((float) old('maintenance_indemnity', $draft?->maintenance_indemnity ?? $contractDefaults['maintenance_indemnity'])),
        meal: @js((float) old('meal_indemnity', $draft?->meal_indemnity ?? $contractDefaults['meal_indemnity'])),
        mealProvider: @js(old('meal_provider', $draft?->meal_provider ?? $contractDefaults['meal_provider'])),
        snack: @js((float) old('snack_indemnity', $draft?->snack_indemnity ?? $contractDefaults['snack_indemnity'])),
        snackProvider: @js(old('snack_provider', $draft?->snack_provider ?? $contractDefaults['snack_provider'])),
        startedOn: @js(old('started_on', $draft?->started_on?->format('Y-m-d') ?? '')),
        weeklyRestDay: @js(old('weekly_rest_day', $draft?->weekly_rest_day ?? 'sunday')),
        weeklyRestCompensation: @js(old('weekly_rest_work_compensation', $draft?->weekly_rest_work_compensation ?? 'paid_25')),
        schedule: @js($currentSchedule),
        selectedChildIsLinked: @js((bool) ($selectedChild?->employer?->linked_parent_user_id)),
        isParentView: false,
        netToGrossFactor: @js($netToGrossFactor),
        simulateUrl: null,
        draftSaveUrl: @js($isTemplateMode ? null : $draftSaveUrl),
        draftUuid: @js($draft?->id),
        draftSavedAt: @js($draft?->updated_at?->toIso8601String()),
        pdfUrlTemplate: @js(route('contracts.pdf', ['contract' => '__UUID__'])),
        templateId: @js($template?->id),
        templateSavedAt: @js($template?->updated_at?->toIso8601String()),
        templateShareLink: @js($templateShareLink ?? ''),
        templateStoreUrl: @js($isTemplateMode ? route('contract-templates.store') : null)
    })" x-on:contract-child-selected.window="setSelectedChild($event.detail)">
        <header class="contract-page-header">
            <div>
                <h1>{{ $isTemplateMode ? ($template ? 'Modifier mon modèle' : 'Nouveau modèle') : 'Nouveau contrat' }}</h1>
                @if ($isTemplateMode)
                    <p class="dashboard-welcome-copy">Je pourrai partager ce modèle au parent pour qu’il crée le contrat depuis son espace.</p>
                @endif
                @unless ($isTemplateMode)
                    <p class="dashboard-welcome-copy" x-show="usesLinkedParentFlow()" x-cloak>Ce parent a déjà un compte naneasy relié. Je prépare les bases du contrat et le parent complètera les informations restantes depuis son espace.</p>
                @endunless
            </div>
            <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>
        </header>

        <form method="POST" action="{{ route('contracts.store') }}" class="contract-wizard-form" x-ref="form" x-on:input="updateFormDirty()" x-on:input.debounce.100ms="refreshSimulation($event); scheduleAutosave()" x-on:change="updateFormDirty(); refreshSimulation($event); scheduleAutosave()" @if ($isTemplateMode) x-on:submit.prevent @endif>
            @csrf
            @if ($isTemplateMode)
                <input type="hidden" name="template_id" x-bind:value="templateId || ''">
            @endif

            @include('contracts._form', [
                'record' => $draft,
                'readonly' => false,
                'lockChild' => false,
                'isTemplateMode' => $isTemplateMode,
            ])

            <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
                    @if ($isTemplateMode)
                        <span class="contract-draft-badge-group" x-show="savingTemplate || templateSavedAt" x-cloak>
                            <span class="contract-draft-badge">
                                <i class="ph-duotone ph-circle" aria-hidden="true"></i>
                                <span x-text="savingTemplate ? 'Enregistrement…' : 'Modèle enregistré'"></span>
                            </span>
                        </span>
                    @else
                        <span class="contract-draft-badge-group" x-show="draftSavedLabel()" x-cloak>
                            <span class="contract-draft-badge">
                                <i class="ph-duotone ph-circle" aria-hidden="true"></i>
                                <span x-text="draftStatusLabel()"></span>
                            </span>
                            <small x-text="draftRelativeLabel()"></small>
                        </span>
                        <p class="contract-sim-helper" x-show="!startedOn" x-cloak>Complétez la date de début pour générer le PDF du contrat.</p>
                        <p class="contract-sim-helper" x-show="usesLinkedParentFlow()" x-cloak>Le parent employeur recevra un e-mail pour compléter le projet de contrat.</p>
                    @endif
                </div>
                <div class="contract-action-bar-actions">
                    @if ($isTemplateMode)
                        <p class="parent-save-errors" x-show="templateSaveError" x-cloak x-text="templateSaveError"></p>
                        <button type="button" class="employers-secondary-button" x-on:click="openTemplateShareModal()" x-bind:disabled="savingTemplate">
                            <i class="ph-duotone ph-share-network" aria-hidden="true"></i>Partager le modèle
                        </button>
                        <button type="button" class="dashboard-primary-button" x-on:click="saveTemplate()" x-bind:disabled="savingTemplate">
                            <i class="ph-duotone ph-floppy-disk" aria-hidden="true"></i><span x-text="savingTemplate ? 'Enregistrement…' : 'Enregistrer le modèle'">Enregistrer le modèle</span>
                        </button>
                    @else
                        <small class="contract-sim-helper" x-show="pdfUrl() && formDirty" x-cloak>Je dois enregistrer mes modifications avant de télécharger le PDF mis à jour.</small>
                        <button type="button" x-show="pdfUrl()" x-bind:disabled="formDirty || savingDraft" x-on:click="window.location.assign(pdfUrl())" class="employers-secondary-button" x-cloak><i class="ph-duotone ph-file-pdf" aria-hidden="true"></i>Télécharger le PDF</button>
                        <button type="button" class="employers-secondary-button contract-draft-button" x-show="!usesLinkedParentFlow()" x-cloak x-on:click="saveDraft()" x-bind:disabled="savingDraft" title="Un brouillon n’est pas transmis au parent et reste modifiable à tout moment."><i class="ph-duotone ph-file-dashed" aria-hidden="true"></i>Enregistrer le brouillon</button>
                        <button type="submit" class="dashboard-primary-button"><i class="ph-duotone ph-floppy-disk" aria-hidden="true"></i><span x-text="usesLinkedParentFlow() ? 'Créer et prévenir le parent' : 'Finaliser le projet'">Finaliser le projet</span></button>
                    @endif
                </div>
            </div>
        </form>

        @if ($isTemplateMode)
            <template x-teleport="body">
                <div class="parent-sync-modal-overlay" x-show="templateShareOpen" x-cloak x-on:click.self="templateShareOpen = false" x-on:keydown.escape.window="templateShareOpen = false">
                    <div class="parent-sync-modal" role="dialog" aria-modal="true" aria-labelledby="template-share-title">
                        <div class="parent-sync-modal-step">
                            <h3 id="template-share-title">Envoyer le modèle de contrat</h3>
                            <p>Je copie ce lien et je l’envoie au parent employeur : il pourra créer directement un contrat avec les informations déjà renseignées.</p>

                            <p class="contract-sim-helper" x-show="templateShareCopied" x-cloak>Le lien est copié dans mon presse-papiers.</p>

                            <div class="parent-sync-modal-actions parent-sync-modal-actions--even">
                                <button type="button" class="employers-secondary-button" x-on:click="templateShareOpen = false">
                                    <i class="ph-duotone ph-x" aria-hidden="true"></i>Fermer
                                </button>
                                <button type="button" class="dashboard-primary-button" x-on:click="copyTemplateShareLink()">
                                    <i class="ph-duotone" x-bind:class="templateShareCopied ? 'ph-check' : 'ph-copy'" aria-hidden="true"></i>
                                    <span x-text="templateShareCopied ? 'Lien copié' : 'Copier le lien'">Copier le lien</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
        @endif
    </div>
</x-app-layout>