@extends('admin.layout')

@section('title', 'Planning interventions')

@section('content')

    <div class="pagetitle">
        <h1>Planification des interventions</h1>
    </div>

    <section class="section contact">
        <div class="card p-4">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form method="POST" action="{{ route('plannings.interventions.store') }}">
                @csrf

                <div id="interventions-container">

                    {{-- ===== INTERVENTION BLOCK ===== --}}
                    <div class="intervention-block">

                        <hr>

                        {{-- INTERVENTION --}}
                        <div class="mb-3">
                            <label class="form-label fw-bold">Intervention à planifier</label>

                            <select name="interventions[0][intervention_id]" class="form-select" required>
                                <option value="">— Sélectionner —</option>

                                @foreach ($interventionsBySecteur as $secteur => $items)
                                    <optgroup label="{{ $secteur }}">
                                        @foreach ($items as $inter)
                                            @php
                                                $client = $inter['CLIENT'] ?? null;
                                                $nomClient =
                                                    $client['RAISON_SOCIALE'] ??
                                                    trim(
                                                        ($client['NOMFAMILLE'] ?? '') . ' ' . ($client['PRENOM'] ?? ''),
                                                    );
                                                $adresse = trim(
                                                    ($client['ADRESSEP1'] ?? '') .
                                                        ' ' .
                                                        ($client['CPOSTALP'] ?? '') .
                                                        ' ' .
                                                        ($client['VILLEP'] ?? ''),
                                                );
                                            @endphp

                                            <option value="{{ $inter['IDINTERVENTION'] }}">
                                                {{ $inter['LIBINTER'] ?? 'Sans description' }} —
                                                {{ $nomClient }}
                                                @if ($adresse)
                                                    — {{ $adresse }}
                                                @endif
                                            </option>
                                        @endforeach
                                    </optgroup>
                                @endforeach
                            </select>
                        </div>

                        {{-- DATES --}}
                        @php
                            $dureesOptions = [];
                            for ($m = 30; $m <= 480; $m += 30) {
                                $h = intdiv($m, 60);
                                $r = $m % 60;
                                $dureesOptions[$m] = $h > 0 ? $h . ' h' . ($r ? ' ' . $r : '') : $m . ' min';
                            }
                        @endphp
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label>Date début</label>
                                <input type="datetime-local" name="interventions[0][date_debut]" class="form-control"
                                    required>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label>Durée</label>
                                <select name="interventions[0][duree]" class="form-select" required>
                                    <option value="">— Sélectionner —</option>
                                    @foreach ($dureesOptions as $minutes => $libelle)
                                        <option value="{{ $minutes }}">{{ $libelle }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label>Date fin (calculée)</label>
                                <input type="datetime-local" name="interventions[0][date_fin]" class="form-control"
                                    readonly tabindex="-1">
                            </div>
                        </div>

                        {{-- EMPLOYÉS --}}
                        <div class="mb-3 employees-container d-none">
                            {{-- ================= ÉQUIPE ================= --}}
                            <div class="row mb-3">
                                <div class="col-md-3">
                                    <label>Équipe</label>
                                    <select name="interventions[0][equipe_id]" class="form-control" required>
                                        <option value="">--Sélectionner une équipe--</option>
                                        @foreach ($equipes as $equipe)
                                            <option value="{{ $equipe->id }}">{{ $equipe->nom }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <label>Employés</label>

                            <!-- ✅ Message d’attente -->
                            <div class="employees-placeholder text-muted mb-2">
                                Veuillez sélectionner une plage de dates pour afficher les employés
                            </div>

                            <!-- ✅ Liste employés -->
                            <div class="row employees-list d-none">
                                @foreach ($users->chunk(ceil($users->count() / 2)) as $col)
                                    <div class="col-md-4">
                                        @foreach ($col as $user)
                                            <div class="form-check">
                                                <input id="user_{{ $user->id }}" class="form-check-input"
                                                    type="checkbox" name="interventions[0][user_ids][]"
                                                    value="{{ $user->id }}">

                                                <label class="form-check-label" for="user_{{ $user->id }}">
                                                    {{ $user->nom }} {{ $user->prenom }}
                                                </label>
                                            </div>
                                        @endforeach
                                    </div>
                                @endforeach
                            </div>

                        </div>


                        {{-- BOUTON SUPPRIMER --}}
                        <button type="button" class="btn btn-danger btn-sm remove-intervention">
                            Supprimer cette intervention
                        </button>
                    </div>
                    {{-- ===== END BLOCK ===== --}}
                </div>

                {{-- ACTIONS --}}
                <div class="mt-4 d-flex gap-2">
                    <button type="button" class="btn btn-secondary" id="add-intervention">
                        + Ajouter une intervention
                    </button>

                    <button type="submit" class="btn btn-primary">
                        Enregistrer
                    </button>
                </div>
            </form>
        </div>
    </section>

    <script>
        const datesBloquees = @json($datesBloquees);
    </script>
    <script src="{{ asset('js/plannings/dates.js') }}"></script>
    <script src="{{ asset('js/plannings/equipes.js') }}"></script>
    <script src="{{ asset('js/interventions/blocks.js') }}"></script>
    <script src="{{ asset('js/interventions/intervention-unique.js') }}"></script>
    <script src="{{ asset('js/interventions/duree.js') }}"></script>
    <script src="{{ asset('js/interventions/employes.js') }}"></script>
@endsection