@extends('layouts.app', ['title' => 'Historial de cortes'])

@section('header_actions')
<a class="btn btn-ghost" href="{{ route('finance.index') }}"><i class="fa-solid fa-arrow-left"></i> Volver a Balances</a>
@endsection

@section('content')
@php $cortes = $cortes ?? collect(); @endphp

<div class="card" style="margin-bottom:16px">
    <div class="card-head">
        <div>
            <div class="card-title"><i class="fa-solid fa-clock-rotate-left text-gold"></i> Historial de cortes de caja</div>
            <div class="sub">Cierres diarios guardados. Cada registro es inmutable y refleja el corte tal como se cerró.</div>
        </div>
    </div>

    <div class="table-wrap">
        <table>
            <thead><tr><th>Fecha</th><th>Proyecto</th><th>Usuario</th><th>Total ingresos</th><th>Total salidas</th><th>Diferencia</th><th>Estado</th><th class="no-print" style="width:120px"></th></tr></thead>
            <tbody>
            @forelse($cortes as $cut)
                @php
                    $diff = (float) $cut->diferencia;
                    $cuadra = abs($diff) < 0.005;
                    $estado = $cuadra ? ['Cuadra','green'] : ($diff < 0 ? ['Falta','red'] : ['Sobra','yellow']);
                @endphp
                <tr>
                    <td><strong>{{ optional($cut->cut_date)->format('d/m/Y') }}</strong><div class="sub">{{ optional($cut->closed_at)->format('H:i') }}</div></td>
                    <td>{{ $cut->project?->name ?? 'Todos los proyectos' }}</td>
                    <td>{{ $cut->user?->name ?? '—' }}</td>
                    <td class="text-success">${{ number_format($cut->total_ingresos,2) }}</td>
                    <td class="text-danger">${{ number_format($cut->total_salidas,2) }}</td>
                    <td style="color:{{ $cuadra ? 'var(--success)' : 'var(--danger)' }}"><strong>${{ number_format($diff,2) }}</strong></td>
                    <td><span class="badge {{ $estado[1] }}">{{ $estado[0] }}</span></td>
                    <td class="no-print">
                        <div style="display:flex;gap:6px">
                            <a class="btn btn-sm btn-ghost" href="{{ route('finance.cortes.show', $cut) }}" data-tip="Ver detalle"><i class="fa-solid fa-eye"></i></a>
                            <a class="btn btn-sm btn-ghost" href="{{ route('finance.cortes.show', ['cashCut' => $cut, 'print' => 1]) }}" target="_blank" rel="noopener" data-tip="Imprimir / PDF"><i class="fa-solid fa-print"></i></a>
                        </div>
                    </td>
                </tr>
            @empty
                <tr><td colspan="8" style="text-align:center;color:var(--muted);padding:20px">Aún no hay cortes cerrados. Cierra un corte desde Balances para verlo aquí.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>

    @if(method_exists($cortes, 'links'))
        <div class="no-print" style="margin-top:14px">{{ $cortes->onEachSide(2)->links('vendor.pagination.app') }}</div>
    @endif
</div>
@endsection