@extends('layouts.app')

@section('titre', 'Journées du planning')

@section('contenu')
    @include('administration._onglets')

    <h1 class="mb-1 text-xl font-semibold">Journées du planning</h1>
    <p class="mb-4 text-sm text-slate-500">
        Chaque journée porte ses horaires, et ce sont eux qui s'affichent au planning et sur l'écran
        du salarié. Une journée d'un pôle ne se propose qu'aux salariés de ce pôle ; une journée commune
        vaut pour tous et ne se modifie que par l'administrateur.
    </p>

    @if ($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
            <ul class="list-inside list-disc">
                @foreach ($errors->all() as $erreur)<li>{{ $erreur }}</li>@endforeach
            </ul>
        </div>
    @endif

    @foreach ($types as $type)
        @php
            $modifiable = $utilisateur->estAdministrateur()
                || ($type->pole_id !== null && $utilisateur->peutAcceder($type->pole_id));
        @endphp

        <details class="carte mb-2 {{ $type->actif ? '' : 'opacity-60' }}"
                 @if (! $type->horaires() && $type->travaille) open @endif>
            <summary class="flex cursor-pointer flex-wrap items-center justify-between gap-2">
                <span>
                    <span class="font-medium">{{ $type->libelle }}</span>
                    <span class="text-sm text-slate-500">
                        &middot; {{ $type->pole?->nom ?? 'Tous les pôles' }}
                        @if ($type->horaires()) &middot; {{ $type->horaires() }}
                        @elseif ($type->travaille) &middot; <span class="text-amber-700">horaires à renseigner</span>
                        @endif
                        @unless ($type->actif) &middot; plus proposée @endunless
                    </span>
                </span>
                @unless ($modifiable)
                    <span class="text-xs text-slate-500">Modifiable par l'administrateur</span>
                @endunless
            </summary>

            @if ($modifiable)
                <form method="POST" action="{{ route('administration.types-journee.modifier', $type) }}" class="mt-4">
                    @csrf
                    @include('administration._type-journee-champs', ['type' => $type])

                    <label class="mt-3 flex items-center gap-2 text-sm">
                        <input type="checkbox" name="actif" value="1" @checked($type->actif)
                               class="size-4 rounded border-slate-300 text-marque-600 focus:ring-marque-600">
                        Proposée au planning
                    </label>

                    <button type="submit" class="bouton-principal mt-4">Enregistrer</button>
                </form>
            @endif
        </details>
    @endforeach

    <details class="carte mt-6" @if ($errors->any() && ! old('_type')) open @endif>
        <summary class="cursor-pointer font-semibold">Ajouter une journée</summary>
        <form method="POST" action="{{ route('administration.types-journee.enregistrer') }}" class="mt-4">
            @csrf
            @include('administration._type-journee-champs', ['type' => null])
            <button type="submit" class="bouton-principal mt-4">Ajouter</button>
        </form>
    </details>
@endsection