@extends('admin.layout')

@php
    $viewLabel = match ($viewMode) {
        'day'   => 'journalier',
        'month' => 'mensuel',
        default => 'hebdomadaire',
    };
@endphp

@section('title', 'Planning ' . $viewLabel)

@section('content')

    <div class="pagetitle d-flex justify-content-between align-items-center flex-wrap gap-2">
        <h1 class="mb-0">Planning {{ $viewLabel }}</h1>
        @canany(['plannings.createChantier', 'plannings.createIntervention'])
            <div class="d-flex gap-2 planning-add-actions">
                @can('plannings.createChantier')
                    <a href="{{ route('plannings.chantiers.create') }}" class="btn btn-primary btn-sm"><i class="bi bi-plus-lg"></i> Chantier</a>
                @endcan
                @can('plannings.createIntervention')
                    <a href="{{ route('plannings.interventions.create') }}" class="btn btn-success btn-sm"><i class="bi bi-plus-lg"></i> Intervention</a>
                @endcan
            </div>
        @endcanany
    </div>
    @include('admin.gestan._stale_banner', [
        'stale'       => $planningStale ?? false,
        'unavailable' => $planningUnavailable ?? false,
    ])

    <section class="section contact">
        <div class="row gy-4">
            <div class="col-xl-12">

                <div class="card p-4 planning-page {{ $viewMode === 'day' ? 'planning-day-view' : '' }} {{ request('user_id') ? 'planning-user-filtered' : '' }}">

                    @php
                        // Types de créneaux (filtre)
                        $allTypes = [
                            'pose' => 'Pose',
                            'maconnerie' => 'Maçonnerie',
                            'intervention' => 'Intervention',
                            'absence' => 'Absence',
                        ];
                        $currentTypes = request()->input('types', array_keys($allTypes));
                        if (request('user_id')) {
                            $currentTypes = array_keys($allTypes);
                        }

                        // Navigation (pager) + réinitialisation, selon la vue
                        $query = request()->query();
                        if ($viewMode === 'day') {
                            $prevUrl = route('plannings.index', array_merge($query, ['day' => $previousDay]));
                            $nextUrl = route('plannings.index', array_merge($query, ['day' => $nextDay]));
                            $periodLabel = $dayLabel;
                            $resetUrl = route('plannings.index', ['view' => 'day', 'day' => $dayOffset]);
                        } elseif ($viewMode === 'week') {
                            $prevUrl = route('plannings.index', array_merge($query, ['week' => $previousWeek]));
                            $nextUrl = route('plannings.index', array_merge($query, ['week' => $nextWeek]));
                            $periodLabel = 'Semaine ' . $weekLabel;
                            $resetUrl = route('plannings.index', ['view' => 'week', 'week' => $weekOffset]);
                        } else {
                            $prevUrl = route('plannings.index', array_merge($query, ['month' => $previousMonth]));
                            $nextUrl = route('plannings.index', array_merge($query, ['month' => $nextMonth]));
                            $periodLabel = $monthLabel;
                            $resetUrl = route('plannings.index', ['view' => 'month', 'month' => $monthOffset]);
                        }

                        // Vue jour : la grille laisse place aux cartes de l'agenda, et les equipes
                        // sans creneau disparaissent avec elle. On les liste sous les cartes pour
                        // garder l'information « qui n'a rien aujourd'hui ». A calculer ici : la
                        // boucle de la grille reutilise $planning comme variable de boucle.
                        $equipesLibres = $viewMode === 'day'
                            ? collect($planning)
                                ->filter(fn ($equipe) => empty($equipe['plannings']) && ($equipe['type'] ?? '') !== 'absence')
                                ->pluck('nom')
                                ->all()
                            : [];

                        $viewButtons = [
                            'day'   => ['Jour', 'bi-calendar-day'],
                            'week'  => ['Semaine', 'bi-calendar-week'],
                            'month' => ['Mois', 'bi-calendar3'],
                        ];

                        // Sélecteur utilisateur
                        $selectedUser = $usersFilter->firstWhere('id', (int) request('user_id'));
                        $upColors = ['#0d6efd','#198754','#6f42c1','#fd7e14','#dc3545','#20c997','#d63384','#0dcaf0','#e6a800','#6610f2'];
                        $upColor = fn($id) => $upColors[$id % count($upColors)];
                        $upInitials = fn($u) => mb_strtoupper(mb_substr($u->prenom, 0, 1) . mb_substr($u->nom, 0, 1));
                    @endphp

                    {{-- Portée + Vue (contrôles segmentés) --}}
                    <div class="pl-row">
                        <div class="btn-group btn-group-sm planning-scope" role="group">
                            <a href="{{ route('plannings.index', ['view' => $viewMode]) }}"
                                class="btn {{ !request('user_id') ? 'btn-primary active' : 'btn-outline-primary' }}">
                                <i class="bi bi-people"></i> Planning complet
                            </a>
                            @if (Auth::user()->chantier)
                                <a href="{{ route('plannings.index', ['view' => $viewMode, 'user_id' => Auth::id()]) }}"
                                    class="btn {{ (string) request('user_id') === (string) Auth::id() ? 'btn-primary active' : 'btn-outline-primary' }}">
                                    <i class="bi bi-person-badge"></i> Mon planning
                                </a>
                            @endif
                        </div>

                        <div class="btn-group btn-group-sm planning-viewtoggle ms-auto" role="group">
                            @foreach ($viewButtons as $mode => $meta)
                                <a href="{{ route('plannings.index', array_merge(request()->except(['view', 'week', 'month', 'day']), ['view' => $mode])) }}"
                                    class="btn {{ $viewMode === $mode ? 'btn-primary active' : 'btn-outline-secondary' }}">
                                    <i class="bi {{ $meta[1] }}"></i> {{ $meta[0] }}
                                </a>
                            @endforeach
                        </div>
                    </div>

                    {{-- MESSAGES --}}
                    @if (session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif

                    @if (session('error'))
                        <div class="alert alert-danger">{{ session('error') }}</div>
                    @endif
                    {{-- Pager --}}
                    <div class="pl-pager mt-3">
                        <a href="{{ $prevUrl }}" class="btn btn-outline-secondary btn-sm" title="Précédent"><i class="bi bi-chevron-left"></i></a>
                        <span class="period">{{ $periodLabel }}</span>
                        <a href="{{ $nextUrl }}" class="btn btn-outline-secondary btn-sm" title="Suivant"><i class="bi bi-chevron-right"></i></a>
                    </div>

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

                    {{-- Filtres --}}
                    <form method="GET" action="{{ route('plannings.index') }}">
                        <input type="hidden" name="view" value="{{ $viewMode }}">
                        @if ($viewMode === 'day')
                            <input type="hidden" name="day" value="{{ $dayOffset }}">
                        @elseif ($viewMode === 'week')
                            <input type="hidden" name="week" value="{{ $weekOffset }}">
                        @else
                            <input type="hidden" name="month" value="{{ $monthOffset }}">
                        @endif

                        <div class="pl-row">
                            <span class="pl-label">Type</span>
                            <div class="pl-chips">
                                @foreach ($allTypes as $value => $label)
                                    <label class="pl-chip">
                                        <input type="checkbox" name="types[]" value="{{ $value }}"
                                            {{ in_array($value, $currentTypes, true) ? 'checked' : '' }}>
                                        <span>{{ $label }}</span>
                                    </label>
                                @endforeach
                            </div>

                            <div class="ms-auto d-flex align-items-center gap-2">
                                <div class="user-picker" data-open="false">
                                <input type="hidden" name="user_id" value="{{ request('user_id', '') }}">

                                <button type="button" class="user-picker-btn" aria-haspopup="listbox" aria-expanded="false">
                                    @if ($selectedUser)
                                        <span class="up-avatar" style="background: {{ $upColor($selectedUser->id) }}">{{ $upInitials($selectedUser) }}</span>
                                        <span class="up-label">{{ $selectedUser->prenom }} {{ $selectedUser->nom }}</span>
                                    @else
                                        <span class="up-avatar up-avatar--all">👥</span>
                                        <span class="up-label">Tous les utilisateurs</span>
                                    @endif
                                    <i class="bi bi-chevron-down up-caret"></i>
                                </button>

                                <div class="user-picker-panel" role="listbox">
                                    <div class="up-search">
                                        <input type="text" class="form-control form-control-sm up-search-input"
                                            placeholder="🔍 Rechercher un utilisateur…">
                                    </div>
                                    <div class="up-list">
                                        <button type="button" class="up-item {{ !$selectedUser ? 'is-selected' : '' }}" data-value="">
                                            <span class="up-avatar up-avatar--all">👥</span>
                                            <span class="up-item-name">Tous les utilisateurs</span>
                                            @if (!$selectedUser)<i class="bi bi-check2 up-check"></i>@endif
                                        </button>

                                        @foreach ($usersFilter as $user)
                                            <button type="button"
                                                class="up-item {{ $selectedUser && $selectedUser->id === $user->id ? 'is-selected' : '' }}"
                                                data-value="{{ $user->id }}"
                                                data-search="{{ mb_strtolower($user->prenom . ' ' . $user->nom) }}">
                                                <span class="up-avatar" style="background: {{ $upColor($user->id) }}">{{ $upInitials($user) }}</span>
                                                <span class="up-item-name">{{ $user->prenom }} {{ $user->nom }}</span>
                                                @if ($selectedUser && $selectedUser->id === $user->id)<i class="bi bi-check2 up-check"></i>@endif
                                            </button>
                                        @endforeach

                                        <div class="up-empty" style="display:none;">Aucun utilisateur</div>
                                    </div>
                                </div>
                            </div>

                                <a class="btn btn-sm btn-outline-secondary" href="{{ $resetUrl }}">Réinitialiser</a>
                            </div>
                        </div>
                    </form>

                    {{-- Recherche --}}
                    <div class="pl-search mt-3">
                        <i class="bi bi-search"></i>
                        <input type="text" id="searchPlannings" class="form-control"
                            placeholder="Rechercher client, ville, technicien...">
                    </div>

                    {{-- Filtre "à réaffecter" : affiché par le JS seulement s'il existe des
                         chantiers dont un employé assigné est absent sur la période. --}}
                    <div id="reassignFilter" class="mt-3 mb-3" hidden>
                        <button type="button" id="reassignToggle" class="btn btn-sm btn-outline-danger" aria-pressed="false">
                            <i class="bi bi-exclamation-triangle-fill"></i>
                            <span id="reassignCount">0</span> à réaffecter
                        </button>
                    </div>
                    @if ($viewMode === 'week' || $viewMode === 'day')
                        <div class="card p-0 overflow-hidden">

                            <div class="planning-scroll">
                                <div class="planning-wrapper">

                                    {{-- COLONNE JOURS --}}
                                    <div class="planning-days-col">
                                        <div class="planning-header-cell">Jour</div>

                                        @foreach ($jours as $jour)
                                            <div class="planning-day-label">
                                                <span class="fw-semibold">{{ $jour['label'] }}</span>
                                                <span class="text-muted small">{{ $jour['carbon']->format('d/m/Y') }}</span>
                                            </div>
                                        @endforeach
                                    </div>

                                    {{-- COLONNES EQUIPES --}}
                                    @foreach ($planning as $equipe)
                                        <div class="planning-equipe-col equipe-col" data-equipe-id="{{ $equipe['id'] }}"
                                            data-type="{{ $equipe['type'] }}">

                                            {{-- HEADER --}}
                                            <div class="planning-header-cell">
                                                {{ $equipe['nom'] }}
                                            </div>

                                            {{-- GRID --}}
                                            <div class="planning-grid" data-total-rows="{{ $rowsCount }}"
                                                data-base-date="{{ $jours[0]['carbon']->format('Y-m-d') }}">

                                                {{-- FOND --}}
                                                @for ($i = 1; $i <= $rowsCount; $i++)
                                                    <div class="planning-slot {{ $i % 2 === 0 ? 'slot-pm' : 'slot-am' }}"
                                                        style="grid-row: {{ $i }}">
                                                    </div>
                                                @endfor

                                                {{-- PLANNINGS --}}
                                                @foreach ($equipe['plannings'] as $planning)
                                                    <a href="{{ $planning['show_url'] ?? route('plannings.show', $planning['planning_id']) }}"
                                                        class="planning-planning planning-hover
                           {{ $planning['is_multiday'] ? 'is-multiday' : '' }}
                           creneau-{{ strtolower($planning['creneau'] ?? 'full') }}"
                                                        draggable="false" ondragstart="return false;"
                                                        @if (!empty($planning['is_absence_count']))
                                                            data-absence-count="1"
                                                            data-absents="{{ json_encode($planning['absents'] ?? [], JSON_UNESCAPED_UNICODE) }}"
                                                        @endif
                                                        data-id="{{ $planning['planning_id'] }}"
                                                        data-row-start="{{ $planning['row_start'] }}"
                                                        data-equipe-id="{{ $equipe['id'] }}"
                                                        data-equipe-nom="{{ $equipe['nom'] }}"
                                                        data-date-debut="{{ \Carbon\Carbon::parse($planning['date_debut'])->toIso8601String() }}"
                                                        data-date-fin="{{ \Carbon\Carbon::parse($planning['date_fin'])->toIso8601String() }}"
                                                        data-show-url="{{ $planning['show_url'] ?? route('plannings.show', $planning['planning_id']) }}"
                                                        data-users="{{ implode(',', $planning['users_ids'] ?? []) }}"
                                                        data-search="{{ strtolower(
                                                            ($planning['raison_sociale'] ?? '') .
                                                                ' ' .
                                                                ($planning['ville'] ?? '') .
                                                                ' ' .
                                                                implode(' ', $planning['users'] ?? []) .
                                                                ' ' .
                                                                ($planning['nature'] ?? ''),
                                                        ) }}"
                                                        style="
                                top: calc(({{ $planning['row_start'] }} - 1) * var(--slot-height) + 3px);
                                height: calc({{ $planning['row_span'] }} * var(--slot-height) - 6px);
                                left: calc({{ $planning['left_pct'] ?? 0 }}% + 4px);
                                width: calc({{ $planning['width_pct'] ?? 100 }}% - 8px);
                           ">

                                                        @if (!empty($planning['is_absence_count']))
                                                            <div class="conge-labels">
                                                                @foreach ($planning['absents'] as $abs)
                                                                    <span class="badge-user">{{ $abs['label'] }}</span>
                                                                @endforeach
                                                            </div>
                                                        @else
                                                            @include('admin.plannings._card', [
                                                                'cell' => $planning,
                                                            ])
                                                        @endif

                                                    </a>
                                                @endforeach

                                            </div>

                                        </div>
                                    @endforeach

                                    {{-- BANDEAUX jours non travaillés (fériés + dates bloquées) --}}
                                    @foreach ($blockedBands as $band)
                                        <div class="blocked-band"
                                            style="top: calc(44px + {{ $band['top_rows'] }} * var(--slot-height)); height: calc(2 * var(--slot-height));">
                                            <span class="blocked-band-label">{{ $band['label'] }}</span>
                                        </div>
                                    @endforeach

                                </div>
                            </div>

                        </div>

                        @if ($viewMode === 'day' && $equipesLibres)
                            <div class="agenda-free-teams">
                                <span class="agenda-free-teams-label">Sans créneau aujourd'hui</span>
                                @foreach ($equipesLibres as $nomEquipe)
                                    <span class="agenda-free-team">{{ $nomEquipe }}</span>
                                @endforeach
                            </div>
                        @endif
                    @else
                        {{-- PLANNING MOIS --}}
                        <div class="card p-0 overflow-hidden">
                            <div class="planning-scroll">
                                <div class="planning-wrapper">

                                    {{-- COLONNE JOURS --}}
                                    <div class="planning-days-col">
                                        <div class="planning-header-cell">Jour</div>
                                        @foreach ($semaines as $semaine)
                                            @foreach ($semaine['jours'] as $jour)
                                                <div class="planning-day-label planning-day-label--month">
                                                    <span class="fw-semibold">{{ $jour['label'] }}</span>
                                                    <span
                                                        class="text-muted small">{{ $jour['carbon']->format('d/m/Y') }}</span>
                                                </div>
                                            @endforeach
                                        @endforeach
                                    </div>

                                    {{-- COLONNES ÉQUIPES --}}
                                    @foreach ($planningMonth as $equipe)
                                        @php
                                            $totalRows = count($semaines) * 10; // 5 jours × 2 créneaux par semaine
                                        @endphp
                                        <div class="planning-equipe-col equipe-col" data-equipe-id="{{ $equipe['id'] }}"
                                            data-type="{{ $equipe['type'] }}">

                                            <div class="planning-header-cell">{{ $equipe['nom'] }}</div>

                                            <div class="planning-grid" data-total-rows="{{ $totalRows }}"
                                                data-base-date="{{ $semaines[0]['jours'][0]['carbon']->format('Y-m-d') }}"
                                                style="grid-template-rows: repeat({{ $totalRows }}, var(--slot-height));">

                                                {{-- FOND --}}
                                                @for ($i = 1; $i <= $totalRows; $i++)
                                                    <div class="planning-slot {{ $i % 2 === 0 ? 'slot-pm' : 'slot-am' }}"
                                                        style="grid-row: {{ $i }}"></div>
                                                @endfor

                                                {{-- SÉPARATEURS DE SEMAINES --}}
                                                @for ($s = 1; $s < count($semaines); $s++)
                                                    <div class="planning-week-separator"
                                                        style="grid-row: {{ $s * 10 + 1 }}; grid-column: 1;
                                           position: absolute; left: 0; right: 0;
                                           top: calc({{ $s * 10 }} * var(--slot-height));
                                           height: 2px; background: rgba(255,255,255,0.08); pointer-events:none; z-index:1;">
                                                    </div>
                                                @endfor

                                                {{-- PLANNINGS --}}
                                                @foreach ($equipe['semaines'] as $si => $sem)
                                                    @php $rowOffset = $si * 10; @endphp
                                                    @foreach ($sem['plannings'] as $planning)
                                                        <a href="{{ $planning['show_url'] ?? route('plannings.show', $planning['planning_id']) }}"
                                                            class="planning-planning planning-hover
                                               {{ $planning['is_multiday'] ? 'is-multiday' : '' }}
                                               creneau-{{ strtolower($planning['creneau'] ?? 'full') }}"
                                                            draggable="false" ondragstart="return false;"
                                                            @if (!empty($planning['is_absence_count']))
                                                                data-absence-count="1"
                                                                data-absents="{{ json_encode($planning['absents'] ?? [], JSON_UNESCAPED_UNICODE) }}"
                                                            @endif
                                                            data-id="{{ $planning['planning_id'] }}"
                                                            data-row-start="{{ $planning['row_start'] }}"
                                                            data-absolute-row="{{ $rowOffset + $planning['row_start'] }}"
                                                            data-equipe-id="{{ $equipe['id'] }}"
                                                            data-equipe-nom="{{ $equipe['nom'] }}"
                                                            data-date-debut="{{ \Carbon\Carbon::parse($planning['date_debut'])->toIso8601String() }}"
                                                            data-date-fin="{{ \Carbon\Carbon::parse($planning['date_fin'])->toIso8601String() }}"
                                                            data-show-url="{{ $planning['show_url'] ?? route('plannings.show', $planning['planning_id']) }}"
                                                            data-users="{{ implode(',', $planning['users_ids'] ?? []) }}"
                                                            data-search="{{ strtolower(
                                                                ($planning['raison_sociale'] ?? '') .
                                                                    ' ' .
                                                                    ($planning['ville'] ?? '') .
                                                                    ' ' .
                                                                    implode(' ', $planning['users'] ?? []) .
                                                                    ' ' .
                                                                    ($planning['nature'] ?? ''),
                                                            ) }}"
                                                            style="
                                            top: calc(({{ $rowOffset + $planning['row_start'] }} - 1) * var(--slot-height) + 3px);
                                            height: calc({{ $planning['row_span'] }} * var(--slot-height) - 6px);
                                            left: calc({{ $planning['left_pct'] ?? 0 }}% + 4px);
                                            width: calc({{ $planning['width_pct'] ?? 100 }}% - 8px);
                                        ">
                                                            @if (!empty($planning['is_absence_count']))
                                                                <div class="conge-labels">
                                                                    @foreach ($planning['absents'] as $abs)
                                                                        <span class="badge-user">{{ $abs['label'] }}</span>
                                                                    @endforeach
                                                                </div>
                                                            @else
                                                                @include('admin.plannings._card', [
                                                                    'cell' => $planning,
                                                                ])
                                                            @endif
                                                        </a>
                                                    @endforeach
                                                @endforeach

                                            </div>
                                        </div>
                                    @endforeach

                                    {{-- BANDEAUX jours non travaillés (fériés + dates bloquées) --}}
                                    @foreach ($blockedBands as $band)
                                        <div class="blocked-band"
                                            style="top: calc(44px + {{ $band['top_rows'] }} * var(--slot-height)); height: calc(2 * var(--slot-height));">
                                            <span class="blocked-band-label">{{ $band['label'] }}</span>
                                        </div>
                                    @endforeach

                                </div>
                            </div>
                        </div>
                    @endif
                    {{-- MODAL --}}
                    <div class="modal fade" id="planningModal" tabindex="-1">
                        <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
                            <div class="modal-content">

                                <div class="modal-header">
                                    <h5 class="modal-title" id="planningModalTitle">Détail du planning</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>

                                <div class="modal-body" id="planningModalContent">
                                    <div class="text-center text-muted py-5">Chargement…</div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

    {{-- CSRF --}}
    <meta name="csrf-token" content="{{ csrf_token() }}">

    {{-- JS --}}
    <script>
        const datesBloquees = @json($datesBloquees);
    </script>
    <script src="{{ asset('js/plannings/dates.js') }}"></script>
    <script src="{{ asset('js/plannings/modal.js') }}"></script>
    <script src="{{ asset('js/plannings/filtres.js') }}"></script>
    @can('plannings.move')
        <script src="{{ asset('js/plannings/drag.js') }}"></script>
    @endcan
    <script src="{{ asset('js/plannings/search.js') }}"></script>
    <script src="{{ asset('js/plannings/jour-actuel.js') }}"></script>
    <script src="{{ asset('js/plannings/agenda.js') }}"></script>
    <script src="{{ asset('js/plannings/absences-reassign.js') }}"></script>
    <script src="{{ asset('js/plannings/user-picker.js') }}"></script>

    {{-- CSS --}}
    <link rel="stylesheet" href="{{ asset('css/plannings/planning.css') }}">
    <link rel="stylesheet" href="{{ asset('css/plannings/planning-agenda.css') }}">
    <link rel="stylesheet" href="{{ asset('css/plannings/user-picker.css') }}">
    <link rel="stylesheet" href="{{ asset('css/plannings/planning-toolbar.css') }}">

@endsection