@extends('layouts.app')

@section('title', __('billing::messages.sessions.title'))

@php
    $pill = static fn (string $tone): string => match ($tone) {
        'success' => 'px-pill--green',
        'warning' => 'px-pill--amber',
        'danger' => 'px-pill--red',
        'info' => 'px-pill--blue',
        'primary' => 'px-pill--violet',
        default => 'px-pill--grey',
    };
@endphp

@section('content')
    {{-- ── Page head ──────────────────────────────────────────────────────── --}}
    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div>
            <h1 class="px-title">{{ __('billing::messages.sessions.title') }}</h1>
            <p class="px-subtitle">{{ __('billing::messages.sessions.subtitle') }}</p>
        </div>

        {{-- The open drawer, promoted to the action slot. A cashier arriving at
             this screen is either opening one or going back to theirs. --}}
        @if ($openSession !== null)
            <a href="{{ route('cash-sessions.show', $openSession) }}"
               class="btn px-btn-primary d-inline-flex align-items-center gap-2">
                <i class="bi bi-cash-stack" aria-hidden="true"></i>
                <span class="font-monospace">{{ $openSession->reference }}</span>
            </a>
        @endif
    </div>

    @if ($openSession === null)
        <div class="px-advice px-advice--caution d-flex align-items-start gap-2 mb-3">
            <i class="bi bi-exclamation-triangle px-advice__icon" aria-hidden="true"></i>
            <span class="min-w-0">{{ __('billing::messages.sessions.no_open_session') }}</span>
        </div>

        @can('create', \App\Modules\Billing\Models\CashSession::class)
            <x-px.panel :title="__('billing::messages.sessions.open')" icon="bi-unlock" heading="title" class="mb-4">
                <form method="POST" action="{{ route('cash-sessions.store') }}" class="row g-3 align-items-end">
                    @csrf
                    <div class="col-12 col-md-4">
                        <x-form.input name="opening_float" :label="__('billing::messages.sessions.opening_float')"
                                      value="0.00" inputmode="decimal" required />
                    </div>
                    <div class="col-12 col-md-6">
                        <x-form.input name="notes" :label="__('billing::messages.sessions.notes')" />
                    </div>
                    <div class="col-12 col-md-2">
                        <button type="submit"
                                class="btn px-btn-primary w-100 mb-3 d-inline-flex align-items-center justify-content-center gap-2">
                            <i class="bi bi-unlock" aria-hidden="true"></i>
                            {{ __('billing::messages.sessions.open') }}
                        </button>
                    </div>
                </form>
            </x-px.panel>
        @endcan
    @else
        <div class="px-advice px-advice--success d-flex align-items-start gap-2 mb-4">
            <i class="bi bi-check2-circle px-advice__icon" aria-hidden="true"></i>
            <span class="min-w-0">{{ __('billing::messages.sessions.already_open') }}</span>
        </div>
    @endif

    <div class="px-panel overflow-hidden">
        <div class="table-responsive">
            <table class="table px-table px-table--sticky align-middle mb-0">
                <thead>
                    <tr>
                        <th scope="col">{{ __('billing::messages.sessions.reference') }}</th>
                        <th scope="col">{{ __('billing::messages.sessions.cashier') }}</th>
                        <th scope="col">{{ __('billing::messages.sessions.opened_at') }}</th>
                        <th scope="col">{{ __('billing::messages.sessions.closed_at') }}</th>
                        <th scope="col" class="text-end">{{ __('billing::messages.sessions.variance') }}</th>
                        <th scope="col">{{ __('common.status') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($sessions as $session)
                        <tr>
                            <td>
                                <a href="{{ route('cash-sessions.show', $session) }}"
                                   class="font-monospace fw-semibold text-body text-decoration-none">
                                    {{ $session->reference }}
                                </a>
                            </td>
                            <td class="small">{{ $session->cashier->name }}</td>
                            <td class="small">{{ $session->opened_at->format('Y-m-d H:i') }}</td>
                            <td class="small">{{ $session->closed_at?->format('Y-m-d H:i') ?? '—' }}</td>
                            <td class="text-end font-monospace">
                                {{-- A drawer still open has no variance yet, which is a
                                     different thing from a variance of nothing. --}}
                                @if ($session->variance === null)
                                    <span class="px-hint">—</span>
                                @elseif ($session->variance->isZero())
                                    <span class="px-pill px-pill--green">
                                        <span class="px-dot" aria-hidden="true"></span>
                                        {{ __('billing::messages.sessions.reconciled') }}
                                    </span>
                                @else
                                    <span class="px-owing fw-semibold">{{ $session->variance->toMajor() }}</span>
                                @endif
                            </td>
                            <td>
                                <span class="px-pill {{ $pill($session->status->tone()) }}">
                                    <span class="px-dot" aria-hidden="true"></span>{{ $session->status->label() }}
                                </span>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="p-4">
                                <div class="px-empty">
                                    <div class="px-empty__art" aria-hidden="true">
                                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
                                             stroke-linecap="round" stroke-linejoin="round">
                                            <rect x="2" y="7" width="20" height="12" rx="2" />
                                            <path d="M2 11h20M7 15h4" />
                                        </svg>
                                    </div>

                                    <p class="px-empty__title">{{ __('billing::messages.sessions.empty') }}</p>
                                    <p class="px-empty__text mb-0">{{ __('billing::messages.sessions.empty_text') }}</p>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if ($sessions->hasPages())
            <div class="px-pagination d-flex justify-content-center justify-content-md-end px-3 px-md-4 py-3 border-top"
                 style="border-color: var(--px-border) !important;">
                {{ $sessions->links() }}
            </div>
        @endif
    </div>
@endsection