@extends('layouts.app')
@section('title', 'Reporte de Caja #' . $cashRegister->id)
@section('content')
<div class="container-fluid py-4">

    {{-- Encabezado --}}
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <div>
            <h4 class="fw-bold mb-0">📊 Reporte de Caja #{{ $cashRegister->id }}</h4>
            <small class="text-muted">{{ $cashRegister->user->name ?? '-' }} · {{ $cashRegister->opening_time->format('d/m/Y') }}</small>
        </div>
        <div class="d-flex gap-2 flex-wrap">
            <a href="{{ route('cash_registers.export_pdf', $cashRegister->id) }}" target="_blank"
               class="btn btn-danger fw-bold"><i class="bi bi-file-earmark-pdf me-1"></i> Imprimir PDF</a>
            <a href="{{ route('cash_registers.export_excel', $cashRegister->id) }}"
               class="btn fw-bold text-white" style="background:#1d6f42;"><i class="bi bi-file-earmark-excel me-1"></i> Exportar Excel</a>
            <a href="{{ route('cash_registers.index') }}" class="btn btn-outline-secondary fw-bold">
                <i class="bi bi-arrow-left me-1"></i> Volver</a>
        </div>
    </div>

    {{-- Tarjetas resumen --}}
    <div class="row g-3 mb-4">
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm bg-primary text-white h-100">
                <div class="card-body py-3 px-3">
                    <small class="opacity-75 fw-bold" style="font-size:.65rem;text-transform:uppercase;">Total Ventas</small>
                    <h5 class="fw-bold mb-0 mt-1">S/ {{ number_format($totalSales, 2) }}</h5>
                    <small>{{ $orders->count() }} operaciones</small>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm bg-success text-white h-100">
                <div class="card-body py-3 px-3">
                    <small class="opacity-75 fw-bold" style="font-size:.65rem;text-transform:uppercase;">Efectivo</small>
                    <h5 class="fw-bold mb-0 mt-1">S/ {{ number_format($totalCash, 2) }}</h5>
                    <small>Apertura: S/ {{ number_format($cashRegister->opening_amount, 2) }}</small>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm text-white h-100" style="background:#6366f1;">
                <div class="card-body py-3 px-3">
                    <small class="opacity-75 fw-bold" style="font-size:.65rem;text-transform:uppercase;">Digital</small>
                    <h5 class="fw-bold mb-0 mt-1">S/ {{ number_format($totalCard+$totalYape+$totalPlin+$totalTransfer, 2) }}</h5>
                    <small>
                        @if($totalYape>0) Yape:{{ number_format($totalYape,2) }} @endif
                        @if($totalPlin>0) Plin:{{ number_format($totalPlin,2) }} @endif
                        @if($totalCard>0) TC:{{ number_format($totalCard,2) }} @endif
                    </small>
                </div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            @php $diff = $cashRegister->difference ?? 0; @endphp
            <div class="card border-0 shadow-sm text-white h-100" style="background:{{ $diff >= 0 ? '#1e1b3a' : '#dc3545' }};">
                <div class="card-body py-3 px-3">
                    <small class="opacity-75 fw-bold" style="font-size:.65rem;text-transform:uppercase;">
                        {{ $cashRegister->status === 'closed' ? 'Diferencia' : 'Esperado' }}
                    </small>
                    <h5 class="fw-bold mb-0 mt-1">
                        @if($cashRegister->status === 'closed')
                            S/ {{ number_format($diff, 2) }}
                        @else
                            S/ {{ number_format($expectedAmount, 2) }}
                        @endif
                    </h5>
                    <small>{{ $cashRegister->status === 'closed' ? ($diff >= 0 ? '✔ Sin faltante' : '⚠ Faltante') : 'Turno abierto' }}</small>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3">
        {{-- Detalle ventas --}}
        <div class="col-lg-8">
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white fw-bold border-bottom">
                    <i class="bi bi-receipt me-2 text-primary"></i> Detalle de Ventas ({{ $orders->count() }})
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0 small">
                            <thead class="table-light">
                                <tr>
                                    <th class="px-3">Folio</th>
                                    <th>Hora</th>
                                    <th>Mesa</th>
                                    <th>Cliente</th>
                                    <th>Comprob.</th>
                                    <th>Método</th>
                                    <th class="text-end px-3">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($orders as $order)
                                <tr>
                                    <td class="px-3 fw-bold">#{{ str_pad($order->id,6,'0',STR_PAD_LEFT) }}</td>
                                    <td>{{ $order->created_at->format('H:i') }}</td>
                                    <td><span class="badge bg-light text-dark border">{{ $order->table->name ?? 'POS Rápido' }}</span></td>
                                    <td>{{ Str::limit($order->client_name ?? 'Público', 20) }}</td>
                                    <td>
                                        @php $dt = $order->document_type ?? 'Ticket'; @endphp
                                        <span class="badge {{ $dt=='Factura' ? 'bg-warning text-dark' : ($dt=='Boleta' ? 'bg-info text-dark' : 'bg-secondary') }}">
                                            {{ $dt }}
                                        </span>
                                    </td>
                                    <td>
                                        @php
                                            $pm = $order->payment_method;
                                            $pmLabel = match($pm) { 'cash'=>'Efectivo','card'=>'Tarjeta','yape'=>'Yape','plin'=>'Plin','transferencia'=>'Transf.', default=>ucfirst($pm) };
                                            $pmColor = match($pm) { 'cash'=>'success','card'=>'primary','yape'=>'warning','plin'=>'info', default=>'secondary' };
                                        @endphp
                                        <span class="badge bg-{{ $pmColor }} bg-opacity-15 border border-{{ $pmColor }} text-{{ $pmColor }}">{{ $pmLabel }}</span>
                                    </td>
                                    <td class="text-end px-3 fw-bold">S/ {{ number_format($order->total, 2) }}</td>
                                </tr>
                                @empty
                                <tr><td colspan="7" class="text-center text-muted py-4">Sin ventas en este turno</td></tr>
                                @endforelse
                            </tbody>
                            <tfoot class="table-light">
                                <tr>
                                    <td colspan="6" class="text-end px-3 fw-bold">TOTAL:</td>
                                    <td class="text-end px-3 fw-bold text-primary">S/ {{ number_format($totalSales, 2) }}</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        {{-- Panel derecho: resumen + gastos --}}
        <div class="col-lg-4">
            {{-- Resumen por método --}}
            <div class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white fw-bold border-bottom">
                    <i class="bi bi-pie-chart me-2 text-success"></i> Por Método de Pago
                </div>
                <div class="card-body p-3">
                    @php
                        $methods = [
                            ['Efectivo', $totalCash, 'success'],
                            ['Tarjeta', $totalCard, 'primary'],
                            ['Yape', $totalYape, 'warning'],
                            ['Plin', $totalPlin, 'info'],
                            ['Transferencia', $totalTransfer, 'secondary'],
                        ];
                    @endphp
                    @foreach($methods as [$label, $amount, $color])
                    @if($amount > 0)
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <span class="badge bg-{{ $color }} bg-opacity-15 border border-{{ $color }} text-{{ $color }}">{{ $label }}</span>
                        <span class="fw-bold">S/ {{ number_format($amount, 2) }}</span>
                    </div>
                    <div class="progress mb-3" style="height:6px;">
                        <div class="progress-bar bg-{{ $color }}" style="width:{{ $totalSales > 0 ? round($amount/$totalSales*100) : 0 }}%"></div>
                    </div>
                    @endif
                    @endforeach
                </div>
            </div>

            {{-- Arqueo --}}
            <div class="card border-0 shadow-sm mb-3">
                <div class="card-header bg-white fw-bold border-bottom">
                    <i class="bi bi-calculator me-2 text-warning"></i> Arqueo de Caja
                </div>
                <div class="card-body p-3 small">
                    <div class="d-flex justify-content-between py-1 border-bottom"><span>Apertura</span><span class="fw-bold">S/ {{ number_format($cashRegister->opening_amount,2) }}</span></div>
                    <div class="d-flex justify-content-between py-1 border-bottom"><span>+ Ventas efectivo</span><span class="fw-bold text-success">S/ {{ number_format($totalCash,2) }}</span></div>
                    <div class="d-flex justify-content-between py-1 border-bottom"><span>- Gastos</span><span class="fw-bold text-danger">S/ {{ number_format($totalExpenses,2) }}</span></div>
                    <div class="d-flex justify-content-between py-2 border-bottom"><span class="fw-bold">= Esperado</span><span class="fw-bold text-primary">S/ {{ number_format($expectedAmount,2) }}</span></div>
                    @if($cashRegister->status === 'closed')
                    <div class="d-flex justify-content-between py-1 border-bottom"><span>Contado real</span><span class="fw-bold">S/ {{ number_format($cashRegister->closing_amount,2) }}</span></div>
                    <div class="d-flex justify-content-between py-2 {{ ($cashRegister->difference??0) >= 0 ? 'text-success' : 'text-danger' }}">
                        <span class="fw-bold">Diferencia</span>
                        <span class="fw-bold">S/ {{ number_format($cashRegister->difference??0,2) }}</span>
                    </div>
                    @endif
                    @if($cashRegister->notes)
                    <div class="mt-2 p-2 bg-light rounded small text-muted"><i class="bi bi-chat-left-text me-1"></i>{{ $cashRegister->notes }}</div>
                    @endif
                </div>
            </div>

            {{-- Gastos --}}
            @if($expenses->count() > 0)
            <div class="card border-0 shadow-sm">
                <div class="card-header bg-white fw-bold border-bottom">
                    <i class="bi bi-arrow-down-circle me-2 text-danger"></i> Gastos ({{ $expenses->count() }})
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm mb-0 small">
                        <tbody>
                            @foreach($expenses as $exp)
                            <tr>
                                <td class="px-3">{{ $exp->created_at->format('H:i') }}</td>
                                <td>{{ Str::limit($exp->description ?? '-', 25) }}</td>
                                <td class="text-end px-3 fw-bold text-danger">S/ {{ number_format($exp->amount,2) }}</td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="table-light">
                            <tr><td colspan="2" class="text-end px-3 fw-bold">Total:</td>
                            <td class="text-end px-3 fw-bold text-danger">S/ {{ number_format($totalExpenses,2) }}</td></tr>
                        </tfoot>
                    </table>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection