@extends('partials.layout')

@section('title', 'Depósitos')
@section('subtitle', 'Listado de depósitos registrados')

@section('back')
    <a class="btn" href="{{ route('dashboard') }}">← Volver</a>
@endsection

@section('content')
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px;flex-wrap:wrap">
        <h3 style="margin:0">Depósitos</h3>
        <a class="btn primary" href="{{ route('depositos.create') }}">Registrar nuevo depósito</a>
    </div>

    <form method="GET" action="{{ route('depositos.index') }}" style="display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px">
        <div style="min-width:180px;max-width:180px">
            <label style="font-size:13px;margin-bottom:4px">Tipo de fecha</label>
            <select name="tipo_fecha">
                <option value="efectivo" {{ ($tipoFecha ?? 'efectivo') === 'efectivo' ? 'selected' : '' }}>Fecha de efectivo</option>
                <option value="deposito" {{ ($tipoFecha ?? '') === 'deposito' ? 'selected' : '' }}>Fecha de depósito</option>
            </select>
        </div>
        <div style="min-width:160px;max-width:160px">
            <label style="font-size:13px;margin-bottom:4px">Fecha desde</label>
            <input type="date" name="fecha_inicio" value="{{ $fechaInicio ?? now()->format('Y-m-d') }}" style="width:100%">
        </div>
        <div style="min-width:160px;max-width:160px">
            <label style="font-size:13px;margin-bottom:4px">Fecha hasta</label>
            <input type="date" name="fecha_fin" value="{{ $fechaFin ?? now()->format('Y-m-d') }}" style="width:100%">
        </div>
        <div style="min-width:180px;max-width:180px">
            <label style="font-size:13px;margin-bottom:4px">Registrado por</label>
            <select name="id_usuario" style="width:100%">
                <option value="">-- Todos --</option>
                @foreach($users as $user)
                    <option value="{{ $user->id_usuario }}" {{ (string) ($selectedUserId ?? '') === (string) $user->id_usuario ? 'selected' : '' }}>
                        {{ trim(($user->nombres ?? '') . ' ' . ($user->apellidos ?? '')) ?: $user->usuario }}
                    </option>
                @endforeach
            </select>
        </div>
        <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto">
            <button type="submit" class="btn">Buscar</button>
            <a class="btn" href="{{ route('depositos.export', request()->query()) }}" title="Exportar a Excel">📊 Exportar</a>
        </div>
    </form>

    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>Fecha</th>
                <th>Día</th>
                <th>Registrado por</th>
                <th>Monto esperado</th>
                <th>Monto depositado</th>
                <th>Faltante</th>
                <th>Estado</th>
                @if(($tipoFecha ?? 'efectivo') === 'deposito')
                    <th>Ver detalle</th>
                    <th>Observaciones</th>
                @endif
                <th>✓</th>
            </tr>
        </thead>
        <tbody>
            @forelse($rows as $index => $row)
                <tr>
                    <td>{{ $index + 1 }}</td>
                    @php
                        $fecha = \Carbon\Carbon::parse($row['fecha']);
                        $fechaDia = $fecha->locale('es')->isoFormat('dddd');
                        $montoEsperado = (float) ($row['monto_esperado'] ?? 0);
                        $montoDepositado = (float) ($row['monto_depositado'] ?? 0);
                        $faltante = max(0.0, $montoEsperado - $montoDepositado);
                    @endphp
                    <td>{{ $fecha->format('d-m-Y') }}</td>
                    <td style="color:#475569;font-size:0.95rem;text-transform:capitalize;">{{ $fechaDia }}</td>
                    <td>
                        {{ $row['deposito'] ? trim(($row['deposito']->usuario?->nombres ?? '') . ' ' . ($row['deposito']->usuario?->apellidos ?? '')) : '-' }}
                    </td>
                    <td>
                        @if($row['monto_esperado'] !== null)
                            {{ number_format((float) $row['monto_esperado'], 2, '.', '') }}
                        @else
                            -
                        @endif
                    </td>
                    <td>
                        @if($row['monto_depositado'] !== null)
                            {{ number_format((float) $row['monto_depositado'], 2, '.', '') }}
                        @else
                            -
                        @endif
                    </td>
                    <td>
                        <span style="display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;background:{{ $faltante > 0 ? '#fef2f2' : '#dcfce7' }};color:{{ $faltante > 0 ? '#991b1b' : '#166534' }};">
                            {{ number_format($faltante, 2, '.', '') }}
                        </span>
                    </td>
                    <td>
                        <span style="display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;background:{{ $row['estado_class'] === 'success' ? '#dcfce7' : '#fee2e2' }};color:{{ $row['estado_class'] === 'success' ? '#166534' : '#991b1b' }};">
                            {{ $row['estado'] }}
                        </span>
                        @if($row['deposito'] && !($row['completo'] ?? false))
                            <div style="margin-top:6px;">
                                <a href="{{ route('depositos.diferencia', ['id' => $row['deposito']->id_deposito]) }}" class="btn" style="padding:4px 8px;font-size:12px;">Agregar diferencia</a>
                            </div>
                        @endif
                    </td>
                    @if(($tipoFecha ?? 'efectivo') === 'deposito')
                        <td>
                            @if($row['deposito'])
                                <button type="button" class="btn" style="padding:4px 8px;font-size:12px;" onclick="const detailRow = this.closest('tr').nextElementSibling; detailRow.style.display = detailRow.style.display === 'table-row' ? 'none' : 'table-row';">Ver detalle</button>
                            @else
                                -
                            @endif
                        </td>
                        <td>{{ $row['deposito']?->observaciones ?? '-' }}</td>
                    @endif
                    <td>
                        @if(isset($row['completo']) && $row['completo'])
                            <span style="color:#16a34a;font-size:1.05rem;">✓</span>
                        @elseif($row['deposito'] && !($row['completo'] ?? false))
                            <span style="color:#d97706;font-size:1.05rem;">⏳</span>
                        @else
                            -
                        @endif
                    </td>
                </tr>
                @php $colspan = (($tipoFecha ?? 'efectivo') === 'deposito') ? 11 : 9; @endphp
                @if(($tipoFecha ?? 'efectivo') === 'deposito' && $row['deposito'])
                    <tr style="display:none;">
                        <td colspan="{{ $colspan }}" style="padding:0; border:none;">
                            <div style="background:#f8fafc; border:1px solid #e5e7eb; border-radius:12px; padding:14px; margin:8px 0; display:flex; gap:18px; flex-wrap:wrap;">
                                <div style="flex:1 1 320px; min-width:280px;">
                                    <div style="font-weight:700; margin-bottom:8px;">Fechas de efectivo y montos</div>
                                    <ul style="margin:0; padding-left:18px; color:#334155;">
                                        @forelse($row['detalles_efectivos'] as $detalle)
                                            <li style="margin-bottom:4px;"><strong>Fecha:</strong> {{ $detalle['fecha'] }} — <strong>Monto:</strong> S/ {{ $detalle['monto'] }}</li>
                                        @empty
                                            <li>No hay fechas de efectivo asociadas.</li>
                                        @endforelse
                                    </ul>
                                </div>
                                <div style="flex:1 1 280px; min-width:280px;">
                                    @if($row['deposito']->diferencias->isNotEmpty())
                                        <div style="margin-top:12px;">
                                            <strong>Registros guardados:</strong>
                                            <ul style="margin:6px 0 0 18px; color:#334155;">
                                                @foreach($row['deposito']->diferencias as $diferencia)
                                                    <li style="margin-bottom:10px;">
                                                        <div><strong>Fecha:</strong> {{ $diferencia->created_at?->format('d-m-Y H:i') ?? '-' }}</div>
                                                        <div><strong>Monto:</strong> S/ {{ number_format((float) $diferencia->monto, 2, '.', '') }}</div>
                                                        <div><strong>Obs:</strong> {{ $diferencia->observaciones ?? '-' }}</div>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    @else
                                        <div style="margin-top:12px;color:#475569;">No hay registro de diferencia guardado.</div>
                                    @endif
                                </div>
                            </div>
                        </td>
                    </tr>
                @endif
            @empty
                <tr><td colspan="{{ ($tipoFecha ?? 'efectivo') === 'deposito' ? 11 : 9 }}">No hay fechas para mostrar con los filtros seleccionados.</td></tr>
            @endforelse
        </tbody>
    </table>
@endsection