{{-- Diseño moderno (v3): conciliación de transferencias. Mismo formulario y datos que reconciliation/index. --}}
@extends('layout.main') @section('content')
@include('reservation._alerts')
@php
    $v3bad = $transfers->filter(function ($t) { return in_array($t['status'], [\App\BankMovement::NO_ENCONTRADA, \App\BankMovement::MONTO_DIFERENTE, \App\BankMovement::FECHA_DIFERENTE]); });
    $v3ok = $transfers->where('status', \App\BankMovement::VALIDADA);
    $v3pend = $transfers->where('status', \App\BankMovement::PENDIENTE);
@endphp
<div class="v3-page">
    <div class="v3-head">
        <div><h1>Transferencias</h1><p class="v3-sub">Cruza el estado de cuenta del banco con las ventas y abonos cobrados por transferencia.</p></div>
        <div class="v3-actions"><a href="{{ route('cash-closings.create') }}" class="v3-btn"><i class="fa fa-lock"></i> Cierre de caja</a></div>
    </div>

    <div class="v3-kpis">
        <div class="v3-kpi"><span>Transferencias (30 días)</span><strong>{{ $transfers->count() }}</strong><small>${{ number_format($transfers->sum('amount'), 2) }}</small></div>
        <div class="v3-kpi"><span>Validadas con el banco</span><strong style="color:#16a34a">{{ $v3ok->count() }}</strong><small>${{ number_format($v3ok->sum('amount'), 2) }}</small></div>
        <div class="v3-kpi"><span>Pendientes de validar</span><strong>{{ $v3pend->count() }}</strong><small>${{ number_format($v3pend->sum('amount'), 2) }}</small></div>
        <div class="v3-kpi {{ $v3bad->count() ? 'v3-kpi-red' : '' }}"><span>Con problema</span><strong>{{ $v3bad->count() }}</strong><small>${{ number_format($v3bad->sum('amount'), 2) }}</small></div>
    </div>

    <section class="v3-card" aria-label="Subir estado de cuenta">
        <h2>Subir estado de cuenta</h2>
        {!! Form::open(['route' => 'reconciliation.store', 'method' => 'post', 'files' => true, 'class' => 'row align-items-end', 'id' => 'statement-form']) !!}
            <div class="col-md-5 form-group">
                <label><strong>Archivo del banco (PDF, Excel o CSV) *</strong></label>
                <input type="file" name="file" accept=".pdf,.xlsx,.csv" class="form-control" required>
            </div>
            <div class="col-md-2 form-group">
                <label>Banco</label>
                <input type="text" name="bank" value="Banco Pichincha" maxlength="60" class="form-control">
            </div>
            <div class="col-md-3 form-group">
                <label>Nota</label>
                <input type="text" name="note" maxlength="191" class="form-control" placeholder="Ej. cuenta corriente, octubre">
            </div>
            <div class="col-md-2 form-group"><button class="v3-btn v3-btn-primary w-100"><i class="fa fa-upload"></i> Cargar y cruzar</button></div>
        {!! Form::close() !!}
        <small class="v3-muted">El archivo queda guardado en privado en el servidor y no se envía a ningún servicio externo.</small>
    </section>

    <section aria-label="Estados de cuenta cargados">
        <h2 style="font-size:18px;font-weight:800;margin:4px 0 12px">Estados de cuenta cargados</h2>
        @if($statements->isEmpty())
        <div class="v3-card v3-empty">Todavía no se cargó ninguno.</div>
        @else
        <div class="v3-card v3-card-flush">
        <table class="v3-table">
            <thead><tr><th>Banco y archivo</th><th>Período</th><th class="text-right">Movimientos</th><th class="text-right">Créditos</th><th>Resultado</th></tr></thead>
            <tbody>
            @foreach($statements as $s)
            <tr data-href="{{ route('reconciliation.show', $s->id) }}">
                <td data-label="Banco"><a href="{{ route('reconciliation.show', $s->id) }}" class="v3-strong">#{{ $s->id }} · {{ $s->bank }}</a><div class="v3-muted">{{ $s->file_name }} · {{ $s->user->name ?? '' }}, {{ $s->created_at->format('d/m/Y H:i') }}</div></td>
                <td data-label="Período">{{ \Carbon\Carbon::parse($s->period_from)->format('d/m/Y') }} – {{ \Carbon\Carbon::parse($s->period_to)->format('d/m/Y') }}</td>
                <td data-label="Movimientos" class="text-right">{{ $s->movements_count }}</td>
                <td data-label="Créditos" class="text-right v3-strong">${{ number_format($s->credits_total, 2) }}</td>
                <td data-label="Resultado"><div class="d-flex flex-wrap" style="gap:4px">@foreach(($summary[$s->id] ?? collect()) as $row)<span>@include('reconciliation.v3._status', ['status' => $row->status]) {{ $row->total }}</span>@endforeach</div></td>
            </tr>
            @endforeach
            </tbody>
        </table>
        </div>
        <div class="mt-3">{{ $statements->links('pagination::bootstrap-4') }}</div>
        @endif
    </section>

    <section aria-label="Transferencias del sistema">
        <h2 style="font-size:18px;font-weight:800;margin:4px 0 12px">Transferencias registradas (últimos 30 días)</h2>
        @include('reconciliation.v3._transfers', ['transfers' => $transfers])
    </section>
</div>
<script>
$('.v3-table').on('click', 'tr[data-href]', function(e) { if (!$(e.target).closest('a,input,button,select').length) location = $(this).data('href'); });
</script>
@endsection