@extends('admin.layout')

@section('title', 'Modifier un chantier')

@section('content')

    <div class="pagetitle">
        <h1>@yield('title')</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 action="{{ route('plannings.chantiers.update', $planning) }}" method="POST" id="planning-form">

                @csrf
                @method('PUT')

                <div class="row gy-4">

                    {{-- ================= CLIENT ================= --}}
                    <div class="col-md-2">
                        <label>ID client</label>
                        <input type="number" name="client_id" id="client_id" class="form-control client-input"
                            value="{{ old('client_id', $planning->client_id) }}" enterkeyhint="done" required>

                        <small id="client_status" class="text-muted"></small>
                    </div>

                    <div class="col-md-4">
                        <label>Raison sociale</label>
                        <input type="text" id="raison_sociale" class="form-control" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Nom</label>
                        <input type="text" id="nom" class="form-control" readonly>
                    </div>

                    <div class="col-md-3">
                        <label>Prénom</label>
                        <input type="text" id="prenom" class="form-control" readonly>
                    </div>

                    <hr>

                    {{-- ================= DEVIS ================= --}}
                    <h5>Devis liés</h5>

                    <div id="devis-container">

                        @forelse($devisIds as $devisId)
                            <div class="devis-row row gy-4 mb-4">
                                <div class="col-md-2">
                                    <label>ID devis</label>
                                    <input type="number" name="devis_ids[]" class="form-control devis-input"
                                        value="{{ $devisId }}" enterkeyhint="done">
                                    <small class="devis-status text-muted d-block"></small>
                                </div>

                                <div class="col-md-4">
                                    <label>Raison sociale</label>
                                    <input type="text" class="form-control devis-raison" readonly>
                                </div>

                                <div class="col-md-3">
                                    <label>Nature</label>
                                    <input type="text" class="form-control devis-nature" readonly>
                                </div>

                                <div class="col-md-3">
                                    <label>Adresse</label>
                                    <input type="text" class="form-control devis-adresse" readonly>
                                </div>

                                <div class="col-md-3">
                                    <label>Code postal</label>
                                    <input type="text" class="form-control devis-cp" readonly>
                                </div>

                                <div class="col-md-3">
                                    <label>Ville</label>
                                    <input type="text" class="form-control devis-ville" readonly>
                                </div>

                                <div class="col-md-3">
                                    <label>Responsable devis</label>
                                    <input type="text" class="form-control devis-resp" readonly>
                                </div>

                                <div class="col-md-1 d-flex align-items-end">
                                    <button type="button" class="btn btn-outline-danger remove-devis">
                                        ✕
                                    </button>
                                </div>

                            </div>

                        @empty

                            <div class="devis-row row gy-4 mb-4">

                                <div class="col-md-2">
                                    <label>ID devis</label>
                                    <input type="number" name="devis_ids[]" class="form-control devis-input" enterkeyhint="done">

                                    <small class="devis-status text-muted d-block"></small>
                                </div>

                                <div class="col-md-4">
                                    <label>Raison sociale</label>
                                    <input type="text" class="form-control devis-raison" readonly>
                                </div>

                                <div class="col-md-3">
                                    <label>Nature</label>
                                    <input type="text" class="form-control devis-nature" readonly>
                                </div>

                                <div class="col-md-3">
                                    <label>Adresse</label>
                                    <input type="text" class="form-control devis-adresse" readonly>
                                </div>

                            </div>
                        @endforelse

                    </div>

                    <div class="col-md-12">
                        <button type="button" id="add-devis" class="btn btn-sm btn-outline-primary">
                            ➕ Ajouter un devis
                        </button>
                    </div>

                    <hr>

                    {{-- ================= PLANNING ================= --}}
                    <div class="col-md-4">
                        <label>Date début</label>

                        <div class="d-flex gap-2">

                            <input type="date" name="date_debut" class="form-control"
                                value="{{ old('date_debut', $planning->date_debut->format('Y-m-d')) }}" required>

                            <select name="heur_debut" class="form-control" required>

                                <option value="07:30:00" @selected($planning->date_debut->format('H:i:s') == '07:30:00')>
                                    Matin
                                </option>

                                <option value="12:30:00" @selected($planning->date_debut->format('H:i:s') == '12:30:00')>
                                    Midi
                                </option>

                            </select>

                        </div>
                    </div>

                    <div class="col-md-4">
                        <label>Date fin</label>

                        <div class="d-flex gap-2">

                            <input type="date" name="date_fin" class="form-control"
                                value="{{ old('date_fin', $planning->date_fin->format('Y-m-d')) }}" required>

                            <select name="heur_fin" class="form-control" required>

                                <option value="12:00:00" @selected($planning->date_fin->format('H:i:s') == '12:00:00')>
                                    Midi
                                </option>

                                <option value="16:30:00" @selected($planning->date_fin->format('H:i:s') == '16:30:00')>
                                    Soir
                                </option>

                            </select>

                        </div>
                    </div>

                    <hr>

                    {{-- ================= ÉQUIPE ================= --}}
                    <div class="row mb-3">
                        <div class="col-md-3">
                            <label>Équipe</label>

                            <select name="equipe_id" class="form-control" required>
                                <option value="">--Sélectionner une équipe--</option>

                                @foreach ($equipes as $equipe)
                                    <option value="{{ $equipe->id }}" @selected($planning->equipe_id == $equipe->id)>
                                        {{ $equipe->nom }}
                                    </option>
                                @endforeach

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

                    {{-- ================= EMPLOYÉS ================= --}}
                    <div class="row">
                        <div class="col-md-12">

                            <label>Employés</label>

                            <div class="row">

                                @foreach ($users->chunk(ceil($users->count() / 2)) as $col)
                                    <div class="col-md-4">

                                        @foreach ($col as $user)
                                            <div class="form-check">

                                                <input class="form-check-input" type="checkbox" name="user_ids[]"
                                                    value="{{ $user->id }}" id="user_{{ $user->id }}"
                                                    @checked($planning->users->contains('id', $user->id))>

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

                                            </div>
                                        @endforeach

                                    </div>
                                @endforeach

                            </div>

                        </div>
                    </div>

                    <hr>

                    {{-- ================= OBSERVATIONS ================= --}}
                    <div class="col-md-12">
                        <label>Observations</label>

                        <textarea name="observations" class="form-control" rows="3">{{ old('observations', optional($planning->observations->first())->observation) }}</textarea>
                    </div>

                    <div class="col-md-12">
                        <button class="btn btn-primary">
                            💾 Enregistrer les modifications
                        </button>
                    </div>

                </div>

            </form>

        </div>
    </section>

    <script src="{{ asset('js/api/clients.js') }}"></script>
    <script>
        const datesBloquees = @json($datesBloquees);
        const preloadDevisIds = @json($devisIds->values());
    </script>
    <script src="{{ asset('js/api/devis.js') }}"></script>



    <script src="{{ asset('js/plannings/dates.js') }}"></script>
    <script src="{{ asset('js/plannings/equipes.js') }}"></script>
    <script src="{{ asset('js/plannings/absences.js') }}"></script>
    <script src="{{ asset('js/plannings/users.js') }}"></script>

@endsection