@extends('layouts.admin')

@section('title', 'Back-office | Sortie macarons')

@section('content')
    <section class="panel hero">
        <span class="tag">Back-office</span>
        <h1 class="admin-page-title">Sortie macarons</h1>
        <p>Cochez les macarons au fur et à mesure de la sortie des congélateurs.</p>
    </section>

    <section class="panel section">
        @if (session('status'))
            <div style="margin-bottom: 1rem; padding: 0.75rem; border: 1px solid #bfdccc; background: #f2fbf5; border-radius: 0.5rem;">
                {{ session('status') }}
            </div>
        @endif

        <div style="display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-bottom: 1rem;">
            <a class="button button--secondary" href="{{ route('admin.macaron-stock-runs.create') }}">Retour à la saisie</a>
        </div>

        @if ($itemsByFreezer->isEmpty())
            <p>Aucune quantité à sortir pour l'instant.</p>
        @else
            <p style="margin-top: 0; color: #5d6b62;">
                {{ $remainingCount }} ligne{{ $remainingCount > 1 ? 's' : '' }} restante{{ $remainingCount > 1 ? 's' : '' }}.
            </p>

            @if ($remainingCount === 0)
                <form id="finish-stock-run" method="POST" action="{{ route('admin.macaron-stock-runs.complete') }}" style="margin-bottom: 1rem;">
                    @csrf
                    <button class="button" type="submit">Terminer</button>
                </form>
            @endif

            <div style="display: grid; gap: 1rem;">
                @foreach (['D' => 'D', 'G' => 'G', 'S' => 'S'] as $freezerCode => $freezerLabel)
                    @php($items = $itemsByFreezer->get($freezerCode, collect()))

                    @if ($items->isNotEmpty())
                        <section style="display: grid; gap: 0.55rem;">
                            <h2 style="margin-bottom: 0;">Congélateur {{ $freezerLabel }}</h2>

                            @foreach ($items as $item)
                                @php($macaron = $item['macaron'])
                                @php($draftItem = $item['draft_item'])
                                @php($isDone = $item['is_done'])

                                <article style="display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.75rem; align-items: center; padding: 0.75rem; border: 1px solid #d9e7de; border-radius: 0.55rem; background: {{ $isDone ? '#f2fbf5' : '#fff' }};">
                                    @if ($draftItem)
                                        <form method="POST" action="{{ route('admin.macaron-stock-runs.draft-item.toggle-done', $draftItem) }}">
                                            @csrf
                                            @method('PATCH')
                                            <button
                                                type="submit"
                                                aria-label="{{ $isDone ? 'Marquer non fait' : 'Marquer fait' }} {{ $macaron->slug }}"
                                                style="width: 2.2rem; height: 2.2rem; border-radius: 0.45rem; border: 1px solid #8ab69b; background: {{ $isDone ? '#8ab69b' : '#fff' }}; color: #fff; font-weight: 700;"
                                            >
                                                {{ $isDone ? '✓' : '' }}
                                            </button>
                                        </form>
                                    @else
                                        <span
                                            aria-label="Aucune quantité à sortir pour {{ $macaron->slug }}"
                                            style="display: inline-grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 0.45rem; border: 1px solid #8ab69b; background: #8ab69b; color: #fff; font-weight: 700;"
                                        >✓</span>
                                    @endif

                                    <strong style="{{ $isDone ? 'text-decoration: line-through; color: #6c7a71;' : '' }}">{{ $macaron->slug }}</strong>
                                    <strong>{{ $item['quantity'] }}</strong>
                                </article>
                            @endforeach
                        </section>
                    @endif
                @endforeach
            </div>

            <form
                method="POST"
                action="{{ route('admin.macaron-stock-runs.draft.wipe') }}"
                onsubmit="return confirm('Wipe toute la liste de sortie ?');"
                style="margin-top: 2rem;"
            >
                @csrf
                @method('DELETE')
                <button class="button button--secondary" type="submit">Wipe la liste</button>
            </form>
        @endif
    </section>

    @if (request()->boolean('finish'))
        <script>
            (function () {
                const finish = document.getElementById('finish-stock-run');

                if (finish) {
                    finish.scrollIntoView({ block: 'center' });
                }
            })();
        </script>
    @endif
@endsection