@extends('layouts.app')

@section('title', 'Planning équipe · ' . $organization->name)
@section('eyebrow', 'Organiser')
@section('heading', 'Planning équipe')

@section('content')
@php
    $previousMonth = $month->copy()->subMonth()->format('Y-m');
    $nextMonth = $month->copy()->addMonth()->format('Y-m');

    $dayNames = [
        1 => 'Lundi',
        2 => 'Mardi',
        3 => 'Mercredi',
        4 => 'Jeudi',
        5 => 'Vendredi',
    ];

    $shiftByName = $shifts->keyBy('name');

    $entryCode = function ($entry) use ($shiftByName) {
        if (!$entry) {
            return '—';
        }

        if ($entry->entry_type === 'Formation') {
            return 'FO';
        }

        if ($entry->entry_type === 'Absence') {
            return str_contains((string) $entry->comment, '[LEAVE]')
                || $entry->slot === 'CP'
                ? 'CP'
                : 'ABS';
        }

        $shift = $shiftByName->get($entry->slot);

        if ($shift) {
            return $shift->code;
        }

        if (preg_match('/\[CUSTOM:([^\]]+)\]/', (string) $entry->comment)) {
            return $entry->slot;
        }

        return mb_strtoupper(mb_substr($entry->slot, 0, 3));
    };

    $entryKind = function ($entry) {
        if (!$entry) {
            return 'off';
        }

        if ($entry->entry_type === 'Formation') {
            return 'formation';
        }

        if ($entry->entry_type === 'Absence') {
            return str_contains((string) $entry->comment, '[LEAVE]')
                || $entry->slot === 'CP'
                ? 'leave'
                : 'absence';
        }

        return str_contains((string) $entry->comment, '[CUSTOM:')
            ? 'custom'
            : 'shift';
    };

    $closureForDate = function ($date) use ($closures) {
        return $closures->first(function ($closure) use ($date) {
            return \Carbon\Carbon::parse($date)->betweenIncluded(
                \Carbon\Carbon::parse($closure->start_date),
                \Carbon\Carbon::parse($closure->end_date)
            );
        });
    };
@endphp

<div class="rp-page" data-planning-root>
    <div class="rp-tools">
        <div class="rp-segment">
            <button type="button" class="active" data-planning-view="month">
                Mois
            </button>
            <button type="button" data-planning-view="week">
                Semaine
            </button>
        </div>

        <div class="rp-month-nav">
            <a href="{{ route('tenant.management.planning', ['month' => $previousMonth]) }}">
                ←
            </a>
            <strong>{{ ucfirst($month->translatedFormat('F Y')) }}</strong>
            <a href="{{ route('tenant.management.planning', ['month' => $nextMonth]) }}">
                →
            </a>
        </div>

        <span class="rp-spacer"></span>

        <button type="button" class="btn secondary" data-planning-print>
            Imprimer
        </button>

        @if($canEdit)
            <a
                class="btn secondary"
                href="{{ route('tenant.team-setup.index') }}"
            >
                Paramétrer l’équipe
            </a>

            <button type="button" class="btn primary" data-open-cell-dialog>
                + Absence / heures supp.
            </button>
        @else
            <span class="rp-readonly">Consultation uniquement</span>
        @endif
    </div>

    <section class="rp-card" data-month-view>
        <header class="rp-card-head">
            <div>
                <h2>
                    {{ ucfirst($month->translatedFormat('F Y')) }}
                    — planning mensuel
                </h2>
                <p>
                    Cliquez sur une cellule pour modifier le poste ou
                    enregistrer une exception individuelle.
                </p>
            </div>

            @php
                $redDays = collect($coverage)
                    ->where('state', 'red')
                    ->count();
            @endphp

            <span class="rp-status {{ $redDays ? 'negative' : 'positive' }}">
                {{ $redDays
                    ? $redDays . ' jour(s) avec alerte'
                    : 'Mois conforme' }}
            </span>
        </header>

        <div class="rp-reference-strip">
            @foreach($shifts as $shift)
                <span class="rp-reference">
                    <b style="background: {{ $shift->color }}">
                        {{ $shift->code }}
                    </b>
                    <span>
                        {{ $shift->name }}
                        · {{ substr($shift->start_time, 0, 5) }}
                        – {{ substr($shift->end_time, 0, 5) }}
                    </span>
                </span>
            @endforeach

            @foreach($sections as $section)
                <span class="rp-reference">
                    <i style="background: {{ $section->color }}"></i>
                    <span>
                        {{ $section->name }} · {{ $section->capacity }} places
                    </span>
                </span>
            @endforeach
        </div>

        <div class="rp-month-scroll">
            <div
                class="rp-month-grid"
                style="--rp-days: {{ $days->count() }}"
            >
                <div class="rp-month-row rp-month-header">
                    <div class="rp-person-cell">Salariée · section</div>

                    @foreach($days as $day)
                        <div class="rp-day-header">
                            <span>{{ $day['short'] }}</span>
                            <b>{{ $day['date']->day }}</b>
                        </div>
                    @endforeach

                    <div class="rp-total-header">Total</div>
                </div>

                @foreach($employees as $employee)
                    @php
                        $employeeName = trim(
                            $employee->first_name . ' ' . $employee->last_name
                        );
                        $employeeKey = mb_strtolower($employeeName);
                        $monthHours = 0;
                    @endphp

                    <div
                        class="rp-month-row"
                        data-employee-row="{{ $employee->id }}"
                        data-section-id="{{ $employee->section_id }}"
                    >
                        <div class="rp-person-cell">
                            <span
                                class="rp-section-bar"
                                style="background: {{ $employee->section?->color ?? 'transparent' }}"
                            ></span>

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

                            <span class="rp-person-copy">
                                <b>{{ $employeeName }}</b>
                                <small>
                                    {{ $employee->job_type }}
                                    @if($employee->section)
                                        · {{ $employee->section->name }}
                                    @endif
                                </small>
                            </span>
                        </div>

                        @foreach($days as $day)
                            @php
                                $dateKey = $day['key'];
                                $entry = $entries->get(
                                    $employeeKey . '|' . $dateKey
                                );
                                $closure = $closureForDate($dateKey);
                                $code = $entryCode($entry);
                                $kind = $entryKind($entry);
                                $monthHours += (float) ($entry?->planned_hours ?? 0);
                                $shift = $entry
                                    ? $shiftByName->get($entry->slot)
                                    : null;
                            @endphp

                            <div
                                class="rp-day-cell
                                    {{ $closure ? 'closed' : '' }}
                                    {{ $closure && $closure->closure_type !== 'Fermeture' ? 'pedagogical' : '' }}"
                            >
                                @if($closure && $closure->closure_type === 'Fermeture')
                                    <span
                                        class="rp-cell-value neutral"
                                        title="{{ $closure->title }}"
                                    ></span>
                                @else
                                    <button
                                        type="button"
                                        class="rp-cell-value
                                            {{ $kind }}
                                            {{ $entry && str_contains((string) $entry->comment, '[CUSTOM:') ? 'custom' : '' }}"
                                        style="{{ $shift ? 'background:' . $shift->color : '' }}"
                                        data-edit-cell
                                        data-employee-id="{{ $employee->id }}"
                                        data-employee-name="{{ $employeeName }}"
                                        data-date="{{ $dateKey }}"
                                        data-kind="{{ $kind }}"
                                        data-shift-id="{{ $shift?->id }}"
                                        data-section="{{ $employee->section?->name ?? 'Polyvalente' }}"
                                        data-comment="{{ $entry?->comment }}"
                                        @disabled(!$canEdit)
                                    >
                                        {{ $closure && $closure->closure_type !== 'Fermeture'
                                            ? 'JP'
                                            : $code }}
                                    </button>
                                @endif
                            </div>
                        @endforeach

                        <div class="rp-total-cell">
                            <b>{{ number_format($monthHours, 1, ',', ' ') }}</b>
                            <small>h</small>
                        </div>
                    </div>
                @endforeach

                <div class="rp-month-row rp-coverage-row">
                    <div class="rp-person-cell">
                        <b>Encadrement</b>
                    </div>

                    @foreach($days as $day)
                        @php $state = $coverage[$day['key']]; @endphp
                        <div class="rp-day-cell">
                            <span
                                class="rp-coverage-dot {{ $state['state'] }}"
                                title="{{ $state['label'] }}"
                            ></span>
                        </div>
                    @endforeach

                    <div class="rp-total-cell"></div>
                </div>
            </div>
        </div>

        <footer class="rp-legend">
            <span><i class="closure"></i>Fermeture complète</span>
            <span><i class="pedagogy"></i>Journée pédagogique</span>
            <span><i class="leave"></i>CP · congé individuel</span>
            <span><i class="training"></i>FO · formation</span>
            <span><i class="positive"></i>Encadrement conforme</span>
            <span><i class="negative"></i>Encadrement insuffisant</span>
        </footer>
    </section>

    <section class="rp-card" data-week-view hidden>
        <header class="rp-card-head">
            <div>
                <h2>Lecture hebdomadaire détaillée</h2>
                <p>
                    Sélectionnez une semaine puis filtrez éventuellement
                    par section.
                </p>
            </div>

            <div class="rp-week-controls">
                <label>
                    Semaine
                    <select data-week-select>
                        @foreach($days->groupBy(fn($day) => $day['date']->startOfWeek()->format('Y-m-d')) as $weekKey => $weekDays)
                            <option value="{{ $weekKey }}">
                                Du {{ $weekDays->first()['date']->format('d/m') }}
                                au {{ $weekDays->last()['date']->format('d/m') }}
                            </option>
                        @endforeach
                    </select>
                </label>

                <label>
                    Section
                    <select data-section-filter>
                        <option value="">Toutes les sections</option>
                        @foreach($sections as $section)
                            <option value="{{ $section->id }}">
                                {{ $section->name }}
                            </option>
                        @endforeach
                    </select>
                </label>
            </div>
        </header>

        @foreach($days->groupBy(fn($day) => $day['date']->startOfWeek()->format('Y-m-d')) as $weekKey => $weekDays)
            <div
                class="rp-week-board"
                data-week-board="{{ $weekKey }}"
                @if(!$loop->first) hidden @endif
            >
                <div class="rp-week-row rp-week-header">
                    <div>Professionnelle</div>
                    @foreach($weekDays as $day)
                        <div>
                            {{ ucfirst($day['date']->translatedFormat('l d')) }}
                        </div>
                    @endforeach
                </div>

                @foreach($employees as $employee)
                    @php
                        $employeeName = trim(
                            $employee->first_name . ' ' . $employee->last_name
                        );
                        $employeeKey = mb_strtolower($employeeName);
                    @endphp

                    <div
                        class="rp-week-row"
                        data-week-employee
                        data-section-id="{{ $employee->section_id }}"
                    >
                        <div class="rp-week-person">
                            <span class="rp-avatar">
                                {{ mb_strtoupper(mb_substr($employee->first_name, 0, 1)) }}
                                {{ mb_strtoupper(mb_substr($employee->last_name, 0, 1)) }}
                            </span>
                            <span>
                                <b>{{ $employeeName }}</b>
                                <small>{{ $employee->job_type }}</small>
                            </span>
                        </div>

                        @foreach($weekDays as $day)
                            @php
                                $entry = $entries->get(
                                    $employeeKey . '|' . $day['key']
                                );
                                $shift = $entry
                                    ? $shiftByName->get($entry->slot)
                                    : null;
                                $kind = $entryKind($entry);
                            @endphp

                            <div class="rp-week-day">
                                @if($shift)
                                    <span
                                        class="rp-time-bar"
                                        style="background: {{ $shift->color }}"
                                    >
                                        {{ substr($shift->start_time, 0, 5) }}
                                        – {{ substr($shift->end_time, 0, 5) }}
                                    </span>
                                @elseif($entry)
                                    <span class="rp-week-absence {{ $kind }}">
                                        {{ $entryCode($entry) }}
                                    </span>
                                @else
                                    <span class="rp-week-absence off">
                                        Non travaillé
                                    </span>
                                @endif
                            </div>
                        @endforeach
                    </div>
                @endforeach

                <div class="rp-week-row rp-week-coverage">
                    <div>Couverture</div>
                    @foreach($weekDays as $day)
                        @php $state = $coverage[$day['key']]; @endphp
                        <div>
                            <span class="rp-coverage-line {{ $state['state'] }}">
                                {{ $state['state'] === 'red'
                                    ? 'Alerte'
                                    : ($state['state'] === 'green'
                                        ? 'Conforme'
                                        : 'Sans objet') }}
                            </span>
                        </div>
                    @endforeach
                </div>
            </div>
        @endforeach
    </section>
</div>

@if($canEdit)
<dialog class="rp-dialog" data-cell-dialog>
    <form
        method="post"
        action="{{ route('tenant.management.planning.cell.save') }}"
        class="rp-dialog-form"
    >
        @csrf

        <header>
            <div>
                <span>PLANNING</span>
                <h2 data-dialog-title>Modifier une journée</h2>
                <p data-dialog-subtitle></p>
            </div>
            <button type="button" data-close-cell-dialog>×</button>
        </header>

        <input type="hidden" name="employee_id" data-field-employee>
        <input type="hidden" name="date" data-field-date>

        <div class="rp-form-grid">
            <label class="full">
                Type de journée
                <select name="kind" data-field-kind>
                    <option value="shift">Poste horaire type</option>
                    <option value="custom">Horaires personnalisés</option>
                    <option value="leave">Congé payé</option>
                    <option value="absence">Absence</option>
                    <option value="formation">Formation</option>
                    <option value="off">Non travaillé</option>
                </select>
            </label>

            <label class="full" data-shift-field>
                Poste horaire
                <select name="shift_id" data-field-shift>
                    @foreach($shifts as $shift)
                        <option value="{{ $shift->id }}">
                            {{ $shift->code }} · {{ $shift->name }}
                            · {{ substr($shift->start_time, 0, 5) }}
                            – {{ substr($shift->end_time, 0, 5) }}
                        </option>
                    @endforeach
                </select>
            </label>

            <div class="rp-custom-fields full" data-custom-fields hidden>
                <label>
                    Début
                    <input type="time" name="custom_start">
                </label>
                <label>
                    Fin
                    <input type="time" name="custom_end">
                </label>
                <label>
                    Début de pause
                    <input type="time" name="custom_break_start">
                </label>
                <label>
                    Fin de pause
                    <input type="time" name="custom_break_end">
                </label>
            </div>

            <label class="full">
                Commentaire
                <textarea
                    name="comment"
                    rows="3"
                    placeholder="Motif, précision ou remplacement…"
                ></textarea>
            </label>
        </div>

        <button class="btn primary rp-save-button">
            Enregistrer la journée
        </button>
    </form>
</dialog>
@endif
@endsection