@extends('adminlte::page')
@section('title', 'Reporte de Cajas')
@section('plugins.Select2', true)
@section('content_header')
    <h4>Reporte de Cajas</h4>
@stop

@section('content')
    <div class="card">
        <div class="card-body">
            <!-- Filtros -->
            <div class="card">
                <div class="card-header bg-light">
                    <h3 class="card-title"><i class="fas fa-filter mr-2"></i>Filtros de búsqueda</h3>
                </div>
                <div class="card-body">
                    <form action="{{ route('reportes.cajas.search') }}" method="GET">
                        <div class="row">
                            <!-- Filtro de Caja -->
                            <div class="col-md-3">
                                <div class="form-group mb-0">
                                    <label for="caja_id">Caja</label>
                                    <select name="caja_id" id="caja_id" class="form-control select2" style="width: 100%">
                                        <option value="">Todas las cajas</option>
                                        @if(isset($cajasDisponibles))
                                            @foreach ($cajasDisponibles as $caja)
                                                <option value="{{ $caja->id }}" {{ request('caja_id') == $caja->id ? 'selected' : '' }}>
                                                    Caja #{{ $caja->id }} | {{ $caja->fecha_apertura->format('d/m/Y') }} | {{ $caja->estado_caja == 1 ? 'Abierta' : 'Cerrada' }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>

                            <!-- Fecha Inicio -->
                            <div class="col-md-3" id="fecha_inicio_container">
                                <div class="form-group mb-0">
                                    <label for="fecha_inicio">Fecha Inicio</label>
                                    <input type="date" name="fecha_inicio" id="fecha_inicio"
                                           class="form-control"
                                           value="{{ request('fecha_inicio', now()->startOfMonth()->format('Y-m-d')) }}"
                                           {{ !request('caja_id') ? 'required' : '' }}>
                                </div>
                            </div>

                            <!-- Fecha Fin -->
                            <div class="col-md-3" id="fecha_fin_container">
                                <div class="form-group mb-0">
                                    <label for="fecha_fin">Fecha Fin</label>
                                    <input type="date" name="fecha_fin" id="fecha_fin"
                                           class="form-control"
                                           value="{{ request('fecha_fin', now()->format('Y-m-d')) }}"
                                           {{ !request('caja_id') ? 'required' : '' }}>
                                </div>
                            </div>

                            <!-- Botones -->
                            <div class="col-md-3">
                                <label>&nbsp;</label>
                                <div class="btn-group float-right">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-search mr-1"></i> Buscar
                                    </button>
                                    <a href="{{ route('reportes.cajas.index') }}" class="btn btn-secondary">
                                        <i class="fas fa-broom mr-1"></i> Limpiar
                                    </a>
                                </div>
                            </div>
                        </div>

                        <!-- Información sobre filtro de caja -->
                        @if(request('caja_id'))
                            <div class="row mt-2">
                                <div class="col-md-12">
                                    <div class="alert alert-info">
                                        <i class="fas fa-info-circle mr-2"></i>
                                        <strong>Filtro activo:</strong> Se está mostrando información de la caja seleccionada.
                                        Las fechas se han ajustado automáticamente según la apertura y cierre de la caja.
                                    </div>
                                </div>
                            </div>
                        @endif

                        <!-- Botones de exportación -->
                        @if(isset($cajas) && $cajas->isNotEmpty())
                        <div class="row">
                            <div class="col-md-12 text-right">
                                <a href="{{ route('reportes.cajas.export', ['format' => 'pdf']) }}?{{ http_build_query(request()->all()) }}"
                                   class="btn btn-danger" target="_blank">
                                    <i class="fas fa-file-pdf mr-1"></i> Descargar PDF
                                </a>
                                <a href="{{ route('reportes.cajas.export', ['format' => 'excel']) }}?{{ http_build_query(request()->all()) }}"
                                   class="btn btn-success">
                                    <i class="fas fa-file-excel mr-1"></i> Descargar Excel
                                </a>
                            </div>
                        </div>
                        @endif
                    </form>
                </div>
            </div>

            <!-- Resultados -->
            @if(isset($cajas))
                @if($cajas->isNotEmpty())
                    <!-- Resumen -->
                    @php
                        $totales = [
                            'total_aperturas' => $cajas->sum('monto_apertura'),
                            'total_ingresos' => $cajas->sum('total_ingresos'),
                            'total_egresos' => $cajas->sum('total_egresos'),
                            'total_pagos' => $cajas->sum('total_pagos'),
                            'total_calculado' => $cajas->sum('monto_calculado'),
                            'total_cierres' => $cajas->where('estado_caja', 0)->sum('monto_cierre'),
                            'cajas_abiertas' => $cajas->where('estado_caja', 1)->count(),
                            'cajas_cerradas' => $cajas->where('estado_caja', 0)->count(),
                        ];
                    @endphp

                    <div class="row mb-3">
                        <div class="col-md-3">
                            <div class="small-box bg-info">
                                <div class="inner">
                                    <h3>{{ $cajas->count() }}</h3>
                                    <p>Total Cajas</p>
                                </div>
                                <div class="icon">
                                    <i class="fas fa-cash-register"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="small-box bg-success">
                                <div class="inner">
                                    <h3>{{ $totales['cajas_cerradas'] }}</h3>
                                    <p>Cajas Cerradas</p>
                                </div>
                                <div class="icon">
                                    <i class="fas fa-lock"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="small-box bg-warning">
                                <div class="inner">
                                    <h3>{{ $totales['cajas_abiertas'] }}</h3>
                                    <p>Cajas Abiertas</p>
                                </div>
                                <div class="icon">
                                    <i class="fas fa-unlock"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="small-box bg-primary">
                                <div class="inner">
                                    <h3>S/ {{ number_format($totales['total_cierres'], 2) }}</h3>
                                    <p>Total Cierres</p>
                                </div>
                                <div class="icon">
                                    <i class="fas fa-dollar-sign"></i>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Tabla de resultados -->
                    <div class="card">
                        <div class="card-header bg-primary">
                            <h3 class="card-title text-white">
                                <i class="fas fa-list mr-2"></i>Resultados de la búsqueda ({{ $cajas->count() }} cajas)
                            </h3>
                        </div>
                        <div class="card-body table-responsive p-0">
                            <table class="table table-striped table-hover table-sm">
                                <thead class="bg-light">
                                    <tr>
                                        <th>ID</th>
                                        <th>Usuario</th>
                                        <th>Fecha Apertura</th>
                                        <th>Fecha Cierre</th>
                                        <th class="text-right">Monto Apertura</th>
                                        <th class="text-right">Ingresos</th>
                                        <th class="text-right">Egresos</th>
                                        <th class="text-right">Pagos</th>
                                        <th class="text-right">Monto Calculado</th>
                                        <th class="text-right">Monto Cierre</th>
                                        <th class="text-right">Diferencia</th>
                                        <th class="text-center">Estado</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($cajas as $caja)
                                        <tr>
                                            <td><strong>#{{ $caja->id }}</strong></td>
                                            <td>{{ $caja->usuario->name ?? 'N/A' }}</td>
                                            <td>
                                                <span class="badge badge-info">
                                                    {{ $caja->fecha_apertura ? \Carbon\Carbon::parse($caja->fecha_apertura)->format('d/m/Y H:i') : 'N/A' }}
                                                </span>
                                            </td>
                                            <td>
                                                @if($caja->fecha_cierre)
                                                    <span class="badge badge-secondary">
                                                        {{ \Carbon\Carbon::parse($caja->fecha_cierre)->format('d/m/Y H:i') }}
                                                    </span>
                                                @else
                                                    <span class="badge badge-warning">Sin cerrar</span>
                                                @endif
                                            </td>
                                            <td class="text-right">S/ {{ number_format($caja->monto_apertura, 2) }}</td>
                                            <td class="text-right text-success">
                                                <strong>S/ {{ number_format($caja->total_ingresos, 2) }}</strong>
                                            </td>
                                            <td class="text-right text-danger">
                                                <strong>S/ {{ number_format($caja->total_egresos, 2) }}</strong>
                                            </td>
                                            <td class="text-right text-info">
                                                <strong>S/ {{ number_format($caja->total_pagos, 2) }}</strong>
                                            </td>
                                            <td class="text-right text-primary">
                                                <strong>S/ {{ number_format($caja->monto_calculado, 2) }}</strong>
                                            </td>
                                            <td class="text-right">
                                                @if($caja->monto_cierre)
                                                    <strong>S/ {{ number_format($caja->monto_cierre, 2) }}</strong>
                                                @else
                                                    <span class="text-muted">-</span>
                                                @endif
                                            </td>
                                            <td class="text-right">
                                                @if($caja->diferencia !== null)
                                                    @if($caja->diferencia == 0)
                                                        <span class="badge badge-success">S/ 0.00</span>
                                                    @elseif($caja->diferencia > 0)
                                                        <span class="badge badge-warning">
                                                            +S/ {{ number_format($caja->diferencia, 2) }}
                                                        </span>
                                                    @else
                                                        <span class="badge badge-danger">
                                                            S/ {{ number_format($caja->diferencia, 2) }}
                                                        </span>
                                                    @endif
                                                @else
                                                    <span class="text-muted">-</span>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if($caja->estado_caja == 1)
                                                    <span class="badge badge-success">
                                                        <i class="fas fa-unlock"></i> Abierta
                                                    </span>
                                                @else
                                                    <span class="badge badge-secondary">
                                                        <i class="fas fa-lock"></i> Cerrada
                                                    </span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot class="bg-light">
                                    <tr>
                                        <th colspan="4" class="text-right">TOTALES:</th>
                                        <th class="text-right">S/ {{ number_format($totales['total_aperturas'], 2) }}</th>
                                        <th class="text-right text-success">
                                            <strong>S/ {{ number_format($totales['total_ingresos'], 2) }}</strong>
                                        </th>
                                        <th class="text-right text-danger">
                                            <strong>S/ {{ number_format($totales['total_egresos'], 2) }}</strong>
                                        </th>
                                        <th class="text-right text-info">
                                            <strong>S/ {{ number_format($totales['total_pagos'], 2) }}</strong>
                                        </th>
                                        <th class="text-right text-primary">
                                            <strong>S/ {{ number_format($totales['total_calculado'], 2) }}</strong>
                                        </th>
                                        <th class="text-right">
                                            <strong>S/ {{ number_format($totales['total_cierres'], 2) }}</strong>
                                        </th>
                                        <th colspan="2"></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                @else
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle mr-2"></i>
                        No se encontraron cajas para el rango de fechas seleccionado.
                    </div>
                @endif
            @endif
        </div>
    </div>
@stop

@section('css')
    <style>
        .small-box {
            border-radius: 8px;
        }
        .table th {
            font-size: 0.85rem;
            white-space: nowrap;
        }
        .table td {
            font-size: 0.9rem;
            vertical-align: middle;
        }
        .card-header.bg-primary {
            background-color: #007bff !important;
        }
        .select2-selection {
            height: 40px !important;
        }
    </style>
@stop

@section('js')
    <script>
        $(document).ready(function() {
            // Inicializar Select2
            $('#caja_id').select2();

            // Controlar visibilidad de campos de fecha
            toggleFechaFields();

            // Event listener para cambio en select de caja
            $('#caja_id').on('change', function() {
                toggleFechaFields();
            });

            function toggleFechaFields() {
                const cajaSelect = document.getElementById('caja_id');
                const fechaInicioContainer = document.getElementById('fecha_inicio_container');
                const fechaFinContainer = document.getElementById('fecha_fin_container');

                if (cajaSelect.value === '') {
                    // Mostrar campos de fecha
                    fechaInicioContainer.style.display = 'block';
                    fechaFinContainer.style.display = 'block';
                    // Hacer campos requeridos
                    document.getElementById('fecha_inicio').required = true;
                    document.getElementById('fecha_fin').required = true;
                } else {
                    // Ocultar campos de fecha
                    fechaInicioContainer.style.display = 'none';
                    fechaFinContainer.style.display = 'none';
                    // Remover requerimiento
                    document.getElementById('fecha_inicio').required = false;
                    document.getElementById('fecha_fin').required = false;
                }
            }
        });
    </script>
@stop