@extends('admin.layout')

@section('title', 'Detalle de Caja #' . $caja->id)

@section('content')
    <div class="row">
        <div class="col-12 mb-4">
            <a href="{{ route('admin.cajas') }}" class="btn btn-outline-secondary mb-3">
                <i class="fas fa-arrow-left me-2"></i> Volver al Listado
            </a>

            <div class="card shadow-sm mb-4">
                <div class="card-header bg-light">
                    <h5 class="mb-0 text-secondary font-weight-bold">Resumen General</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <p><strong>Abierta por:</strong> {{ $caja->usuario->name }}</p>
                            <p><strong>Fecha Apertura:</strong> {{ $caja->fecha_apertura->format('d/m/Y H:i:s') }}</p>
                            <p><strong>Monto Inicial:</strong> € {{ number_format($caja->monto_inicial, 2) }}</p>
                        </div>
                        <div class="col-md-6">
                            <p><strong>Cerrada por:</strong> {{ $caja->nombre_cajera ?? '-' }}</p>
                            <p><strong>Fecha Cierre:</strong>
                                {{ $caja->fecha_cierre ? $caja->fecha_cierre->format('d/m/Y H:i:s') : 'En curso' }}</p>
                            <p><strong>Estado:</strong>
                                @if($caja->estado == 'abierta')
                                    <span class="badge bg-success text-uppercase">Abierta</span>
                                @else
                                    <span class="badge bg-danger text-uppercase">Cerrada</span>
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Totales -->
                <div class="col-md-6 mb-4">
                    <div class="card shadow-sm h-100">
                        <div class="card-header bg-primary text-white">
                            <h5 class="mb-0 font-weight-bold">Totales Reportados</h5>
                        </div>
                        <div class="card-body">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    Efectivo
                                    <span class="fw-bold">€ {{ number_format($caja->total_efectivo, 2) }}</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    Tarjeta
                                    <span class="fw-bold">€ {{ number_format($caja->total_tarjeta, 2) }}</span>
                                </li>
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    Bizum
                                    <span class="fw-bold">€ {{ number_format($caja->total_bizum, 2) }}</span>
                                </li>
                                <li
                                    class="list-group-item list-group-item-secondary d-flex justify-content-between align-items-center mt-2">
                                    <strong>Total Ingresos</strong>
                                    <strong>€
                                        {{ number_format($caja->total_efectivo + $caja->total_tarjeta + $caja->total_bizum, 2) }}</strong>
                                </li>
                                <li
                                    class="list-group-item list-group-item-danger d-flex justify-content-between align-items-center">
                                    Gastos
                                    <span class="fw-bold">- € {{ number_format($caja->total_gastos, 2) }}</span>
                                </li>
                                <li
                                    class="list-group-item list-group-item-dark d-flex justify-content-between align-items-center mt-3">
                                    <h5 class="mb-0">Saldo Final</h5>
                                    <h4 class="mb-0">€
                                        {{ number_format(($caja->total_efectivo + $caja->total_tarjeta + $caja->total_bizum - $caja->total_gastos), 2) }}
                                    </h4>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- Gastos -->
                <div class="col-md-6 mb-4">
                    <div class="card shadow-sm h-100">
                        <div class="card-header bg-danger text-white">
                            <h5 class="mb-0 font-weight-bold">Gastos Registrados</h5>
                        </div>
                        <div class="card-body p-0">
                            @if($caja->gastos->count() > 0)
                                <div class="table-responsive">
                                    <table class="table table-striped mb-0">
                                        <thead>
                                            <tr>
                                                <th>Concepto</th>
                                                <th>Monto</th>
                                                <th>Hora</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($caja->gastos as $gasto)
                                                <tr>
                                                    <td>{{ $gasto->concepto }}</td>
                                                    <td class="text-danger fw-bold">€ {{ number_format($gasto->monto, 2) }}</td>
                                                    <td>{{ $gasto->created_at->format('H:i') }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <div class="p-4 text-center text-muted">
                                    <i class="fas fa-check-circle fa-3x mb-3 text-success"></i>
                                    <p class="mb-0">No se registraron gastos en esta caja.</p>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection