@extends('layouts.app')

@section('title', 'Vendas')
@section('page_title', 'Vendas')
@section('page_subtitle', 'Historico de vendas realizadas')

@section('page_actions')
    <a href="{{ route('pdv.index') }}" class="button primary">+ Nova Venda</a>
@endsection

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

<div class="panel">
    <div style="padding:16px;">
        <form method="GET" style="display:flex;gap:12px;flex-wrap:wrap;align-items:center;">
            <select name="status" style="width:150px;">
                <option value="">Todos</option>
                <option value="invoiced" @selected(request('status')==='invoiced')>Finalizadas</option>
                <option value="cancelled" @selected(request('status')==='cancelled')>Canceladas</option>
            </select>
            <input type="date" name="date_from" value="{{ request('date_from') }}" style="width:150px;">
            <input type="date" name="date_to" value="{{ request('date_to') }}" style="width:150px;">
            <button type="submit" class="button">Filtrar</button>
        </form>
    </div>
</div>

<div class="panel">
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>#</th>
                    <th>Data/Hora</th>
                    <th>Cliente</th>
                    <th>Vendedor</th>
                    <th style="text-align:right;">Total</th>
                    <th>Pagamento</th>
                    <th>Status</th>
                    <th style="text-align:right;">Acoes</th>
                </tr>
            </thead>
            <tbody>
                @forelse($sales as $sale)
                @php $statusLabel = ['open'=>'Aberta','invoiced'=>'Finalizada','cancelled'=>'Cancelada','pending'=>'Pendente']; @endphp
                <tr>
                    <td><span class="pill neutral" style="min-width:auto;padding:2px 8px;">#{{ $sale->number }}</span></td>
                    <td>{{ $sale->sold_at->format('d/m/Y H:i') }}</td>
                    <td>{{ $sale->customer_name ?? '—' }}</td>
                    <td>{{ $sale->user?->name ?? '—' }}</td>
                    <td style="text-align:right;font-weight:600;">R$ {{ number_format($sale->total, 2, ',', '.') }}</td>
                    <td>{{ $sale->payments->pluck('method_name')->implode(', ') ?: '—' }}</td>
                    <td>
                        @php $pillClass = ['invoiced'=>'ok','cancelled'=>'danger','open'=>'blue','pending'=>'neutral']; @endphp
                        <span class="pill {{ $pillClass[$sale->status] ?? 'neutral' }}" style="min-width:auto;padding:2px 10px;">{{ $statusLabel[$sale->status] ?? $sale->status }}</span>
                    </td>
                    <td style="text-align:right;">
                        @if(!$sale->isCancelled())
                        <button onclick="document.getElementById('cancel-{{ $sale->id }}').style.display='flex'" class="button" style="font-size:12px;min-height:30px;padding:4px 10px;">Cancelar</button>
                        @endif
                    </td>
                </tr>
                @if(!$sale->isCancelled())
                <tr id="cancel-{{ $sale->id }}" style="display:none;">
                    <td colspan="8" style="padding:8px 18px;">
                        <form method="POST" action="{{ route('pdv.cancel', $sale) }}" style="display:flex;gap:12px;align-items:center;padding:12px 16px;background:var(--danger-bg);border:1px solid #fca5a5;border-radius:var(--radius);">
                            @csrf @method('PUT')
                            <input type="text" name="cancel_reason" placeholder="Motivo do cancelamento..." required style="flex:1;">
                            <button type="submit" class="button danger">Confirmar Cancelamento</button>
                            <button type="button" onclick="document.getElementById('cancel-{{ $sale->id }}').style.display='none'" class="button">Fechar</button>
                        </form>
                    </td>
                </tr>
                @endif
                @empty
                <tr><td colspan="8" class="empty">Nenhuma venda encontrada.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div style="margin-top:16px;">{{ $sales->withQueryString()->links() }}</div>
@endsection