@extends('admin.layout')

@section('title', 'Historial de Cajas')

@section('content')
    <div class="card shadow-sm">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped table-hover mb-0">
                    <thead class="table-light">
                        <tr>
                            <th class="py-3 px-4">ID</th>
                            <th class="py-3 px-4">Apertura</th>
                            <th class="py-3 px-4">Cierre</th>
                            <th class="py-3 px-4">Abierto Por</th>
                            <th class="py-3 px-4">Cajera (Cierre)</th>
                            <th class="py-3 px-4">Saldo Final</th>
                            <th class="py-3 px-4">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($cajas as $caja)
                            <tr>
                                <td class="px-4">{{ $caja->id }}</td>
                                <td class="px-4">{{ $caja->fecha_apertura->format('d/m/Y H:i') }}</td>
                                <td class="px-4">{{ $caja->fecha_cierre ? $caja->fecha_cierre->format('d/m/Y H:i') : 'Abierta' }}</td>
                                <td class="px-4">{{ $caja->usuario ? $caja->usuario->name : 'N/A' }}</td>
                                <td class="px-4">{{ $caja->nombre_cajera ?? '-' }}</td>
                                <td class="px-4 fw-bold">€ {{ number_format(($caja->total_efectivo + $caja->total_tarjeta + $caja->total_bizum - $caja->total_gastos), 2) }}</td>
                                <td class="px-4">
                                    <a href="{{ route('admin.cajas.show', $caja->id) }}" class="btn btn-sm btn-info text-white">Ver Detalle</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="p-3">
                {{ $cajas->links('pagination::bootstrap-5') }}
            </div>
        </div>
    </div>
@endsection