@extends('admin.layout')

@section('title', 'Planning des plannings')

@section('content')

    <div class="pagetitle">

        <h1>Planning mensuel</h1>

    </div>

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

                <div class="card p-4">

                    {{-- ACTIONS --}}
                    @canany(['plannings.createChantier', 'plannings.createIntervention'])
                        <div class="mb-3">
                            @can('plannings.createChantier')
                                <a href="{{ route('plannings.chantiers.create') }}" class="btn btn-primary">Ajouter un chantier</a>
                            @endcan
                            @can('plannings.createIntervention')
                                <a href="{{ route('plannings.interventions.create') }}" class="btn btn-success">Ajouter une
                                    intervention</a>
                            @endcan
                        </div>
                    @endcanany

                    {{-- 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

                    {{-- NAV SEMAINES --}}
                    <div class="d-flex justify-content-between align-items-center mb-3">

                        @php $query = request()->query(); @endphp



                        <a
                            href="{{ route('plannings.month', array_merge(request()->query(), ['month' => $previousMonth])) }}">
                            ⬅️ Mois précédent
                        </a>

                        <strong>{{ $monthLabel }}</strong>

                        <a href="{{ route('plannings.month', array_merge(request()->query(), ['month' => $nextMonth])) }}">
                            Mois suivant ➡️
                        </a>

                    </div>

                    {{-- PLANNING --}}
                    <form method="GET" action="{{ route('plannings.month') }}">
                        <input type="hidden" name="month" value="{{ $monthOffset }}">

                        <div class="d-flex align-items-center gap-3 flex-wrap mb-2">
                            <strong>Filtrer par type :</strong>

                            @php
                                // valeurs envoyées à l’API (slugs ASCII)
                                $allTypes = [
                                    'pose' => 'Pose',
                                    'maconnerie' => 'Maçonnerie',
                                    'intervention' => 'Intervention',
                                    'absence' => 'Absence',
                                ];

                                $currentTypes = request()->input('types', array_keys($allTypes));

                                // ✅ si user sélectionné → tout coché
                                if (request('user_id')) {
                                    $currentTypes = array_keys($allTypes);
                                }

                            @endphp

                            @foreach ($allTypes as $value => $label)
                                <label class="d-flex align-items-center gap-1">
                                    <input type="checkbox" name="types[]" value="{{ $value }}"
                                        {{ in_array($value, $currentTypes, true) ? 'checked' : '' }}>
                                    {{ $label }}
                                </label>
                            @endforeach
                        </div>

                        <div class="d-flex align-items-center gap-2 flex-wrap mb-2">
                            <strong>Filtrer par utilisateur :</strong>

                            <select name="user_id" class="form-select form-select-sm w-auto">
                                <option value="">— Tous —</option>
                                @foreach ($usersFilter as $user)
                                    <option value="{{ $user->id }}"
                                        {{ (string) request('user_id', '') === (string) $user->id ? 'selected' : '' }}>
                                        {{ $user->prenom }} {{ $user->nom }}
                                    </option>
                                @endforeach
                            </select>

                            <button class="btn btn-sm btn-primary" type="submit">Appliquer</button>

                            <a class="btn btn-sm btn-outline-secondary"
                                href="{{ route('plannings.index', ['month' => $monthOffset]) }}">
                                Réinitialiser
                            </a>
                        </div>
                    </form>
                    <div class="mb-3">
                        <input type="text" id="searchChantiers" class="form-control"
                            placeholder="🔍 Rechercher client, ville, technicien...">
                    </div>

                    <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" data-date="{{ $jour['carbon']->toDateString() }}">
                                            <span class="fw-semibold">{{ $jour['label'] }}</span>
                                            <span class="text-muted small">{{ $jour['carbon']->format('d/m') }}</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">

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

                                            {{-- CHANTIERS --}}
                                            @foreach ($equipe['plannings'] as $planning)
                                                <a href="{{ route('plannings.show', $planning['chantier_id']) }}"
                                                    class="planning-planning planning-hover
                           {{ $planning['is_multiday'] ? 'is-multiday' : '' }}
                           creneau-{{ strtolower($planning['creneau'] ?? 'full') }}"
                                                    draggable="false" ondragstart="return false;"
                                                    data-id="{{ $planning['chantier_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="{{ route('plannings.show', $planning['chantier_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);
                           ">

                                                    @include('admin.plannings._card', [
                                                        'cell' => $planning,
                                                    ])

                                                </a>
                                            @endforeach

                                        </div>

                                    </div>
                                @endforeach

                            </div>
                        </div>

                    </div>

                    {{-- MODAL --}}
                    <div class="modal fade" id="chantierModal" 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">Détail du planning</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>

                                <div class="modal-body" id="chantierModalContent">
                                    <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 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>

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

@endsection