{{-- Diseño moderno (v3): un estado de cuenta con sus movimientos. Mismos formularios (enlazar, confirmar, revisión, desenlazar) que reconciliation/show. --}}
@extends('layout.main') @section('content')
@include('reservation._alerts')
@php
    $v3cred = $movements->where('type', 'credito');
    $v3ok = $v3cred->where('status', \App\BankMovement::VALIDADA)->count();
    $v3free = $v3cred->filter(function ($m) { return !$m->payment_type && $m->status != \App\BankMovement::DUPLICADA; })->count();
@endphp
<div class="v3-page">
    <a href="{{ route('reconciliation.index') }}" class="v3-back">← Transferencias</a>
    <div class="v3-card v3-hero">
        <div>
            <p class="v3-muted" style="font-size:13px;margin:0">Estado de cuenta #{{ $statement->id }} · {{ $statement->file_name }}</p>
            <h1>{{ $statement->bank }}</h1>
            <span class="v3-muted">{{ \Carbon\Carbon::parse($statement->period_from)->format('d/m/Y') }} – {{ \Carbon\Carbon::parse($statement->period_to)->format('d/m/Y') }} · cargado por {{ $statement->user->name ?? '' }} el {{ $statement->created_at->format('d/m/Y H:i') }}@if($statement->note) · {{ $statement->note }}@endif</span>
        </div>
        <div class="v3-actions">
            {!! Form::open(['route' => ['reconciliation.rematch', $statement->id], 'method' => 'post', 'class' => 'mb-0']) !!}
                <button class="v3-btn"><i class="fa fa-refresh"></i> Repetir cruce automático</button>
            {!! Form::close() !!}
            {!! Form::open(['route' => ['reconciliation.destroy', $statement->id], 'method' => 'post', 'class' => 'mb-0', 'onsubmit' => "return confirm('¿Eliminar este estado de cuenta y sus movimientos? Las ventas y pagos no cambian.')"]) !!}
                <button class="v3-btn v3-btn-danger"><i class="fa fa-trash"></i> Eliminar (cargado por error)</button>
            {!! Form::close() !!}
        </div>
    </div>

    <div class="v3-kpis">
        <div class="v3-kpi"><span>Movimientos</span><strong>{{ $statement->movements_count }}</strong></div>
        <div class="v3-kpi"><span>Créditos (entradas)</span><strong>{{ $v3cred->count() }}</strong><small>${{ number_format($v3cred->sum('amount'), 2) }}</small></div>
        <div class="v3-kpi"><span>Validados</span><strong style="color:#16a34a">{{ $v3ok }}</strong></div>
        <div class="v3-kpi {{ $v3free ? 'v3-kpi-red' : '' }}"><span>Sin enlazar</span><strong>{{ $v3free }}</strong></div>
    </div>

    <section aria-label="Movimientos del banco">
        <h2 style="font-size:18px;font-weight:800;margin:4px 0 12px">Movimientos del banco</h2>
        <div class="v3-card v3-card-flush">
        <table class="v3-table">
            <thead><tr><th>Movimiento</th><th class="text-right">Monto</th><th>Estado</th><th>Pago del sistema</th><th style="min-width:260px">Acción</th></tr></thead>
            <tbody>
            @foreach($movements as $m)
            @php $p = $m->payment_type ? ($byKey[$m->payment_type . ':' . $m->payment_id] ?? null) : null; @endphp
            <tr @if($m->type == 'debito') style="opacity:.6" @endif>
                <td data-label="Movimiento"><span class="v3-strong">{{ \Carbon\Carbon::parse($m->movement_date)->format('d/m/Y') }}</span><div class="v3-muted">{{ $m->description }}@if($m->reference) · Ref. {{ $m->reference }}@endif</div></td>
                <td data-label="Monto" class="text-right v3-strong">{{ $m->type == 'debito' ? '-' : '' }}${{ number_format($m->amount, 2) }}</td>
                <td data-label="Estado">@if($m->type == 'credito')@include('reconciliation.v3._status', ['status' => $m->status])@if($m->manual)<div class="v3-muted">manual · {{ $m->reviewer->name ?? '' }}</div>@endif @else<span class="v3-muted">débito</span>@endif
                    @if($m->note)<div class="v3-muted">{{ $m->note }}</div>@endif</td>
                <td data-label="Pago"><span class="v3-muted">@if($p)<a href="{{ $p['url'] }}" target="_blank">{{ $p['label'] }}</a> · {{ $p['customer'] }} · ${{ number_format($p['amount'], 2) }} · {{ \Carbon\Carbon::parse($p['date'])->format('d/m/Y') }}@elseif($m->payment_type){{ $m->payment_type }} #{{ $m->payment_id }}@else—@endif</span></td>
                <td data-label="Acción" class="v3-acts">
                    @if($m->type == 'credito' && $m->status != \App\BankMovement::DUPLICADA)
                    @if(!$m->payment_type)
                    {!! Form::open(['route' => ['reconciliation.link', $m->id], 'method' => 'post', 'class' => 'd-flex mb-1', 'style' => 'gap:6px']) !!}
                        <select name="payment" class="form-control form-control-sm" required>
                            <option value="">Enlazar con…</option>
                            @foreach($available as $key => $a)
                            <option value="{{ $key }}" @if(abs($a['amount'] - $m->amount) < 0.011) style="font-weight:bold" @endif>{{ \Carbon\Carbon::parse($a['date'])->format('d/m') }} · ${{ number_format($a['amount'], 2) }} · {{ $a['label'] }} · {{ $a['customer'] }}</option>
                            @endforeach
                        </select>
                        <button class="v3-btn v3-btn-green v3-btn-icon" title="Validar enlace" aria-label="Validar enlace"><i class="fa fa-link"></i></button>
                    {!! Form::close() !!}
                    @elseif($m->status != \App\BankMovement::VALIDADA)
                    {!! Form::open(['route' => ['reconciliation.mark', $m->id], 'method' => 'post', 'class' => 'd-inline']) !!}
                        <input type="hidden" name="status" value="confirm"><button class="v3-btn v3-btn-green mb-1"><i class="fa fa-check"></i> Confirmar</button>
                    {!! Form::close() !!}
                    @endif
                    <div class="d-flex flex-wrap" style="gap:6px">
                    {!! Form::open(['route' => ['reconciliation.mark', $m->id], 'method' => 'post', 'class' => 'd-inline']) !!}
                        <input type="hidden" name="status" value="review"><button class="v3-btn">Revisión manual</button>
                    {!! Form::close() !!}
                    @if($m->payment_type || $m->manual)
                    {!! Form::open(['route' => ['reconciliation.mark', $m->id], 'method' => 'post', 'class' => 'd-inline']) !!}
                        <input type="hidden" name="status" value="reset"><button class="v3-btn">Desenlazar</button>
                    {!! Form::close() !!}
                    @endif
                    </div>
                    @endif
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>
        </div>
    </section>

    <section aria-label="Transferencias del sistema">
        <h2 style="font-size:18px;font-weight:800;margin:4px 0 12px">Transferencias del sistema en este período</h2>
        @include('reconciliation.v3._transfers', ['transfers' => $transfers])
    </section>
</div>
@endsection