@extends('layouts.app')

@section('title', 'Contrats · ' . $organization->name)
@section('eyebrow', 'Accueillir')
@section('heading', 'Contrats enfants')

@section('content')
@php
    $weekdayNames = [
        1 => 'Lundi',
        2 => 'Mardi',
        3 => 'Mercredi',
        4 => 'Jeudi',
        5 => 'Vendredi',
    ];

    $statusLabels = [
        'active' => 'Actif',
        'upcoming' => 'À venir',
        'ended' => 'Terminé',
    ];
@endphp

<div class="rc-contracts">
    <div class="rc-contract-tools">
        <form method="get" class="rc-contract-search">
            <input
                type="search"
                name="q"
                value="{{ $search }}"
                placeholder="Rechercher un enfant…"
            >
            <input type="hidden" name="status" value="{{ $status }}">
            <button class="btn secondary">Rechercher</button>
        </form>

        <span class="rc-contract-spacer"></span>

        <button
            type="button"
            class="btn primary"
            data-open-contract-create
            @disabled($children->isEmpty())
        >
            + Nouveau contrat
        </button>
    </div>

    @if($children->isEmpty())
        <div class="rc-contract-note">
            Tous les enfants actifs possèdent déjà un contrat actif ou
            à venir. Les contrats terminés restent modifiables dans la liste.
        </div>
    @endif

    <div class="rc-contract-kpis">
        @foreach([
            'all' => ['Tous', $counts['all']],
            'active' => ['Actifs', $counts['active']],
            'upcoming' => ['À venir', $counts['upcoming']],
            'ended' => ['Terminés', $counts['ended']],
        ] as $key => [$label, $count])
            <a
                class="rc-contract-kpi {{ $status === $key ? 'active' : '' }}"
                href="{{ route('tenant.contracts.index', ['status' => $key, 'q' => $search]) }}"
            >
                <span>{{ $label }}</span>
                <b>{{ $count }}</b>
            </a>
        @endforeach
    </div>

    <section class="rc-contract-card">
        <header>
            <div>
                <h2>Contrats enregistrés</h2>
                <p>
                    Horaires réservés par jour et affectations de section
                    suivies dans le temps.
                </p>
            </div>
            <span class="rc-contract-badge">
                {{ $contracts->count() }} résultat(s)
            </span>
        </header>

        <div class="rc-contract-list">
            @forelse($contracts as $contract)
                @php
                    $weeklyHours = $contract->schedules->sum(function ($row) {
                        $start = \Carbon\Carbon::parse($row->arrival_time);
                        $end = \Carbon\Carbon::parse($row->departure_time);
                        return $start->diffInMinutes($end) / 60;
                    });

                    $currentAssignment = $contract->sectionAssignments
                        ->first(function ($assignment) {
                            $today = now()->startOfDay();
                            return $today->gte($assignment->start_date)
                                && (!$assignment->end_date
                                    || $today->lte($assignment->end_date));
                        });

                    $firstAssignment =
                        $currentAssignment
                        ?? $contract->sectionAssignments->first();
                @endphp

                <details class="rc-contract-row">
                    <summary>
                        <span
                            class="rc-contract-section"
                            style="background: {{ $firstAssignment?->section?->color ?? '#D5CEF8' }}"
                        ></span>

                        <span class="rc-contract-avatar">
                            {{ mb_strtoupper(mb_substr($contract->child->first_name, 0, 1)) }}
                            {{ mb_strtoupper(mb_substr($contract->child->last_name, 0, 1)) }}
                        </span>

                        <span class="rc-contract-main">
                            <b>
                                {{ $contract->child->first_name }}
                                {{ $contract->child->last_name }}
                            </b>
                            <small>
                                {{ $contract->child->family?->name }}
                                · {{ $contract->schedules->count() }} jour(s)
                                · {{ number_format($weeklyHours, 1, ',', ' ') }} h/semaine
                            </small>
                        </span>

                        <span class="rc-contract-days">
                            @foreach($contract->schedules as $schedule)
                                <i>
                                    {{ mb_substr($weekdayNames[$schedule->weekday], 0, 2) }}
                                </i>
                            @endforeach
                        </span>

                        <span class="rc-contract-period">
                            {{ $contract->start_date->format('d/m/Y') }}
                            @if($contract->end_date)
                                → {{ $contract->end_date->format('d/m/Y') }}
                            @endif
                        </span>

                        <span class="rc-contract-status {{ $contract->status }}">
                            {{ $statusLabels[$contract->status] }}
                        </span>
                    </summary>

                    <div class="rc-contract-detail">
                        <div class="rc-contract-overview">
                            <div>
                                <span>Horaires réservés</span>
                                <div class="rc-contract-schedule-summary">
                                    @foreach($contract->schedules as $schedule)
                                        <p>
                                            <b>{{ $weekdayNames[$schedule->weekday] }}</b>
                                            {{ substr($schedule->arrival_time, 0, 5) }}
                                            – {{ substr($schedule->departure_time, 0, 5) }}
                                        </p>
                                    @endforeach
                                </div>
                            </div>

                            <div>
                                <span>Sections dans le temps</span>
                                <div class="rc-contract-assignment-summary">
                                    @foreach($contract->sectionAssignments as $assignment)
                                        <p>
                                            <i style="background: {{ $assignment->section->color }}"></i>
                                            <b>{{ $assignment->section->name }}</b>
                                            du {{ $assignment->start_date->format('d/m/Y') }}
                                            @if($assignment->end_date)
                                                au {{ $assignment->end_date->format('d/m/Y') }}
                                            @endif
                                        </p>
                                    @endforeach
                                </div>
                            </div>

                            <div>
                                <span>Congés prévus</span>
                                <b class="rc-contract-leave">
                                    {{ number_format($contract->annual_child_leave_days, 1, ',', ' ') }}
                                    jours/an
                                </b>
                            </div>
                        </div>

                        <div class="rc-contract-actions">
                            <button
                                type="button"
                                class="btn secondary"
                                data-edit-contract="{{ $contract->id }}"
                            >
                                Modifier le contrat
                            </button>

                            <a
                                class="btn primary"
                                href="{{ route('tenant.contracts.index', ['simulate' => $contract->id]) }}"
                                title="Le branchement au simulateur sera activé dans le lot Remplissage"
                            >
                                Simuler ce contrat
                            </a>
                        </div>

                        @php
                            $contractPayload = [
                                'id' => $contract->id,
                                'child_id' => $contract->child_id,
                                'child_name' =>
                                    $contract->child->first_name . ' ' .
                                    $contract->child->last_name,
                                'start_date' =>
                                    $contract->start_date->format('Y-m-d'),
                                'end_date' =>
                                    $contract->end_date
                                        ? $contract->end_date->format('Y-m-d')
                                        : null,
                                'status' => $contract->status,
                                'annual_child_leave_days' =>
                                    $contract->annual_child_leave_days,
                                'notes' => $contract->notes,
                                'schedules' =>
                                    $contract->schedules
                                        ->map(function ($row) {
                                            return [
                                                'weekday' => $row->weekday,
                                                'arrival_time' =>
                                                    substr(
                                                        $row->arrival_time,
                                                        0,
                                                        5
                                                    ),
                                                'departure_time' =>
                                                    substr(
                                                        $row->departure_time,
                                                        0,
                                                        5
                                                    ),
                                            ];
                                        })
                                        ->values()
                                        ->all(),
                                'assignments' =>
                                    $contract->sectionAssignments
                                        ->map(function ($row) {
                                            return [
                                                'section_id' =>
                                                    $row->section_id,
                                                'start_date' =>
                                                    $row->start_date
                                                        ->format('Y-m-d'),
                                                'end_date' =>
                                                    $row->end_date
                                                        ? $row->end_date
                                                            ->format('Y-m-d')
                                                        : null,
                                            ];
                                        })
                                        ->values()
                                        ->all(),
                            ];
                        @endphp

                        <div
                            hidden
                            data-contract-json="{{ $contract->id }}"
                        >{!! json_encode(
                            $contractPayload,
                            JSON_UNESCAPED_UNICODE
                            | JSON_UNESCAPED_SLASHES
                            | JSON_HEX_TAG
                            | JSON_HEX_AMP
                            | JSON_HEX_APOS
                            | JSON_HEX_QUOT
                        ) !!}</div>
                    </div>
                </details>
            @empty
                <div class="rc-contract-empty">
                    Aucun contrat ne correspond à ce filtre.
                </div>
            @endforelse
        </div>

        @if($contracts->hasPages())
            <div class="rib-pagination-wrap">
                {{ $contracts->links('vendor.pagination.ribambin') }}
            </div>
        @endif
    </section>
</div>

<dialog class="rc-contract-dialog" data-contract-dialog>
    <form
        method="post"
        action="{{ route('tenant.contracts.store') }}"
        data-contract-form
    >
        @csrf
        <input type="hidden" name="_method" value="POST" data-method-field>

        <header>
            <div>
                <span>CONTRAT ENFANT</span>
                <h2 data-contract-dialog-title>Nouveau contrat</h2>
                <p>
                    Les horaires sont définis séparément pour chaque
                    jour réservé.
                </p>
            </div>
            <button type="button" data-close-contract-dialog>×</button>
        </header>

        <div class="rc-contract-form-grid">
            <label class="full">
                Enfant
                <select name="child_id" data-contract-child required>
                    <option value="">Sélectionner un enfant</option>
                    @foreach($children as $child)
                        <option value="{{ $child->id }}">
                            {{ $child->first_name }} {{ $child->last_name }}
                            · {{ $child->family?->name }}
                        </option>
                    @endforeach
                    @foreach($contracts as $existing)
                        <option
                            value="{{ $existing->child_id }}"
                            data-existing-child
                            hidden
                        >
                            {{ $existing->child->first_name }}
                            {{ $existing->child->last_name }}
                        </option>
                    @endforeach
                </select>
            </label>

            <label>
                Début du contrat
                <span class="rc-date-input">
                    <input
                        type="date"
                        name="start_date"
                        data-contract-start
                        required
                    >
                </span>
            </label>

            <label>
                Fin du contrat
                <span class="rc-date-input">
                    <input
                        type="date"
                        name="end_date"
                        data-contract-end
                    >
                </span>
            </label>

            <label>
                Statut
                <select name="status" data-contract-status>
                    <option value="active">Actif</option>
                    <option value="upcoming" selected>À venir</option>
                    <option value="ended">Terminé</option>
                </select>
            </label>

            <label>
                Congés enfant annuels
                <input
                    type="number"
                    name="annual_child_leave_days"
                    min="0"
                    max="365"
                    step="0.5"
                    value="25"
                    data-contract-leave
                    required
                >
            </label>
        </div>

        <section class="rc-contract-form-section">
            <div>
                <h3>Jours et horaires réservés</h3>
                <p>
                    Coche uniquement les jours prévus au contrat.
                </p>
            </div>

            <div class="rc-contract-day-list">
                @foreach($weekdayNames as $weekday => $dayName)
                    <div
                        class="rc-contract-day"
                        data-schedule-row="{{ $weekday }}"
                    >
                        <label class="rc-contract-day-toggle">
                            <input
                                type="hidden"
                                name="schedules[{{ $weekday }}][weekday]"
                                value="{{ $weekday }}"
                            >
                            <input
                                type="checkbox"
                                name="schedules[{{ $weekday }}][enabled]"
                                value="1"
                                data-schedule-toggle
                            >
                            <b>{{ $dayName }}</b>
                        </label>

                        <label>
                            Arrivée
                            <span class="rc-time-input">
                                <input
                                    type="time"
                                    name="schedules[{{ $weekday }}][arrival_time]"
                                    value="08:30"
                                    data-schedule-arrival
                                    disabled
                                >
                            </span>
                        </label>

                        <label>
                            Départ
                            <span class="rc-time-input">
                                <input
                                    type="time"
                                    name="schedules[{{ $weekday }}][departure_time]"
                                    value="17:00"
                                    data-schedule-departure
                                    disabled
                                >
                            </span>
                        </label>

                        <span class="rc-contract-day-hours" data-day-hours>
                            —
                        </span>
                    </div>
                @endforeach
            </div>
        </section>

        <section class="rc-contract-form-section">
            <div class="rc-contract-section-head">
                <div>
                    <h3>Affectations de section</h3>
                    <p>
                        Ajoute une nouvelle période lorsque l’enfant
                        change de section.
                    </p>
                </div>
                <button
                    type="button"
                    class="btn secondary"
                    data-add-assignment
                >
                    + Ajouter une période
                </button>
            </div>

            <div data-assignment-list></div>
        </section>

        <label class="rc-contract-notes">
            Notes internes
            <textarea
                name="notes"
                rows="3"
                data-contract-notes
                placeholder="Particularité du contrat, précision utile…"
            ></textarea>
        </label>

        <div class="rc-contract-form-footer">
            <span data-contract-weekly-total>
                0 h/semaine
            </span>
            <button class="btn primary">
                Enregistrer le contrat
            </button>
        </div>
    </form>
</dialog>

<template data-assignment-template>
    <div class="rc-assignment-row" data-assignment-row>
        <label>
            Section
            <select data-assignment-section required>
                @foreach($sections as $section)
                    <option value="{{ $section->id }}">
                        {{ $section->name }}
                        · {{ $section->capacity }} places
                    </option>
                @endforeach
            </select>
        </label>

        <label>
            Du
            <span class="rc-date-input">
                <input type="date" data-assignment-start required>
            </span>
        </label>

        <label>
            Au
            <span class="rc-date-input">
                <input type="date" data-assignment-end>
            </span>
        </label>

        <button
            type="button"
            class="rc-assignment-remove"
            data-remove-assignment
            aria-label="Supprimer cette période"
        >
            ×
        </button>
    </div>
</template>
@endsection