@extends('layouts.app')

@section('header_title', 'Frente de Caixa')
@section('header_description', 'Abertura, sangria/reforco e fechamento do caixa.')

@section('topbar_cta')
    @if (!$currentSession)
        <span class="secondary-btn disabled-btn">Sem caixa aberto</span>
    @else
        <span class="primary-btn">Caixa em operacao</span>
    @endif
@endsection

@section('content')
@if (session('status'))
    <div class="alert success">{{ session('status') }}</div>
@endif

@if (session('error'))
    <div class="alert error">{{ session('error') }}</div>
@endif

@if (!$currentSession)
    <section class="page-head-row">
        <h2>Abrir Caixa</h2>
    </section>

    <article class="card panel form-panel">
        <form method="POST" action="{{ route('pdv.cash.open') }}" class="grid-form">
            @csrf
            <div>
                <label for="terminal_id">Terminal</label>
                <select name="terminal_id" id="terminal_id" required>
                    @foreach ($terminals as $terminal)
                        <option value="{{ $terminal->id }}">{{ $terminal->code }} - {{ $terminal->name }} ({{ $terminal->store?->trade_name ?? $terminal->store?->name }})</option>
                    @endforeach
                </select>
                @error('terminal_id')<small class="error-text">{{ $message }}</small>@enderror
            </div>

            <div>
                <label for="opening_balance">Saldo Inicial</label>
                <input id="opening_balance" name="opening_balance" type="number" step="0.01" min="0" value="{{ old('opening_balance', 0) }}" required>
                @error('opening_balance')<small class="error-text">{{ $message }}</small>@enderror
            </div>

            <div class="full-width">
                <label for="notes">Observacoes</label>
                <textarea id="notes" name="notes" rows="3">{{ old('notes') }}</textarea>
                @error('notes')<small class="error-text">{{ $message }}</small>@enderror
            </div>

            <div class="full-width form-actions">
                <button type="submit" class="primary-btn">Abrir Caixa</button>
            </div>
        </form>
    </article>
@else
    <section class="kpi-grid">
        <article class="card kpi-card">
            <p class="kpi-label">Terminal</p>
            <h3>{{ $currentSession->terminal->code }}</h3>
            <span class="kpi-delta">{{ $currentSession->terminal->name }}</span>
        </article>
        <article class="card kpi-card">
            <p class="kpi-label">Abertura</p>
            <h3>R$ {{ number_format((float) $currentSession->opening_balance, 2, ',', '.') }}</h3>
            <span class="kpi-delta">{{ $currentSession->opened_at?->format('d/m/Y H:i') }}</span>
        </article>
        <article class="card kpi-card">
            <p class="kpi-label">Saldo Esperado</p>
            <h3>R$ {{ number_format($currentSession->expectedBalance(), 2, ',', '.') }}</h3>
            <span class="kpi-delta">Atualizado em tempo real</span>
        </article>
    </section>

    <section class="content-grid">
        <article class="card panel">
            <div class="panel-head">
                <h2>Sangria e Reforco</h2>
            </div>
            <form method="POST" action="{{ route('pdv.cash.movement') }}" class="grid-form">
                @csrf
                <div>
                    <label for="movement_type">Tipo</label>
                    <select name="movement_type" id="movement_type" required>
                        <option value="reforco">Reforco</option>
                        <option value="sangria">Sangria</option>
                    </select>
                </div>

                <div>
                    <label for="amount">Valor</label>
                    <input id="amount" name="amount" type="number" step="0.01" min="0.01" required>
                </div>

                <div class="full-width">
                    <label for="movement_notes">Observacoes</label>
                    <textarea id="movement_notes" name="notes" rows="3"></textarea>
                </div>

                <div class="full-width form-actions">
                    <button type="submit" class="primary-btn">Registrar</button>
                </div>
            </form>

            <hr class="divider">

            <h3>Fechamento de Caixa</h3>
            <form method="POST" action="{{ route('pdv.cash.close') }}" class="grid-form">
                @csrf
                <div>
                    <label for="closing_balance">Saldo Informado</label>
                    <input id="closing_balance" name="closing_balance" type="number" step="0.01" min="0" required>
                </div>

                <div class="full-width">
                    <label for="closing_notes">Observacoes de Fechamento</label>
                    <textarea id="closing_notes" name="notes" rows="3"></textarea>
                </div>

                <div class="full-width form-actions">
                    <button type="submit" class="secondary-btn">Fechar Caixa</button>
                </div>
            </form>
        </article>

        <article class="card panel">
            <div class="panel-head">
                <h2>Movimentacoes</h2>
            </div>

            <div class="table-wrap">
                <table>
                    <thead>
                        <tr>
                            <th>Hora</th>
                            <th>Tipo</th>
                            <th>Valor</th>
                            <th>Operador</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($currentSession->movements->sortByDesc('created_at') as $movement)
                            <tr>
                                <td>{{ $movement->created_at?->format('H:i') }}</td>
                                <td>{{ ucfirst($movement->movement_type) }}</td>
                                <td>R$ {{ number_format((float) $movement->amount, 2, ',', '.') }}</td>
                                <td>{{ $movement->user?->name ?? '-' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="empty-row">Sem movimentacoes nesta sessao.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </article>
    </section>
@endif

<section class="page-head-row">
    <h2>Caixas Abertos no Momento</h2>
</section>
<article class="card panel">
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Terminal</th>
                    <th>Operador</th>
                    <th>Abertura</th>
                    <th>Saldo Inicial</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($openSessions as $session)
                    <tr>
                        <td>{{ $session->terminal->code }} - {{ $session->terminal->name }}</td>
                        <td>{{ $session->user->name }}</td>
                        <td>{{ $session->opened_at?->format('d/m/Y H:i') }}</td>
                        <td>R$ {{ number_format((float) $session->opening_balance, 2, ',', '.') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="empty-row">Nenhum caixa aberto.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</article>
@endsection