@extends('layouts.dashboard.inface', ['section' => 'finance'])
@section('content')
<div class="fin-page"><div class="fin-wrap">
    @include('realEstates.finance.nav', ['title' => 'Aprobación financiera por lotes'])
    @if(in_array($batch->status, ['preparing', 'running'], true))
    <section class="fin-card" data-fin-approval-progress data-state="{{ $batch->status }}" data-url="{{ route('realEstate.finance.commercial.approval.advance', $batch->id) }}" data-csrf="{{ csrf_token() }}">
        <h2 class="text-lg font-semibold">{{ $batch->status === 'preparing' ? 'Preparando revisión' : 'Aprobando recibos' }}</h2>
        <p data-progress-message role="status" aria-live="polite">{{ $batch->status === 'preparing' ? $progress['reviewed'] : $progress['done'] }} / {{ $batch->status === 'preparing' ? $progress['total'] : $progress['eligible'] }} recibos</p>
        <progress class="w-full my-4" data-progress-bar max="{{ max(1, $batch->status === 'preparing' ? $progress['total'] : $progress['eligible']) }}" value="{{ $batch->status === 'preparing' ? $progress['reviewed'] : $progress['done'] }}"></progress>
        <p class="fin-muted mb-4">Se procesan peticiones cortas. Puedes pausar o volver a esta página: el avance queda guardado y los recibos aprobados no se duplican. La preparación no aprueba recibos; después debes confirmar.</p>
        <div class="flex flex-wrap gap-3"><button type="button" class="fin-button" data-progress-resume>Continuar</button><button type="button" class="fin-button fin-secondary" data-progress-pause>Pausar</button></div>
        <noscript>Activa JavaScript para procesar los lotes. No se ejecutará una aprobación completa en una sola petición.</noscript>
    </section>
    @endif
    <section class="fin-card">
        @if($batch->status === 'completed')<h2 class="text-lg font-bold text-emerald-700">Aprobación completada</h2><p>{{ $progress['approved'] }} recibos aprobados · {{ $progress['unchanged'] }} ya estaban conciliados.</p>@endif
        @if($batch->status === 'blocked')<h2 class="text-lg font-bold text-red-700">Revisión necesaria</h2><p role="alert">{{ $progress['message'] }}</p><p>{{ $progress['done'] }} recibos ya procesados se conservaron. Revisa el recibo indicado y genera otra selección para continuar; los ya conciliados no volverán a generar caja.</p>@endif
        <h2 class="text-lg font-semibold mb-4">{{ $count }} recibos cobrados · {{ \App\Domain\Finance\Money::format($amount) }} {{ $filters['currency'] }}</h2>
        @if($saleCount !== null)<p>{{ $saleCount }} ventas seleccionadas. Solo se concilian sus recibos existentes dentro del periodo.</p>@endif
        <p>Periodo: {{ $filters['start_date'] }} / {{ $filters['end_date'] }}</p>
        <p>Receptor confirmado: <strong>{{ config('finance.receipt_receivers.'.$receiver) }}</strong></p>
        <p>Referencia: {{ $reference }}</p>
        <p class="fin-muted my-4">{{ $skipped }} recibos no elegibles omitidos. Las ventas sin recibos no generan efectivo. Esta acción no firma contratos ni paga comisiones. La confirmación vence 15 minutos después de preparar la revisión. Si cambia un recibo se detiene el proceso, conservando los ya aprobados.</p>
        @if($batch->status === 'ready')
        <form method="POST" action="{{ route('realEstate.finance.commercial.approval') }}">@csrf<input type="hidden" name="token" value="{{ $token }}">
            @include('realEstates.finance.confirm', ['message' => 'Revisé la selección completa y confirmo quién recibió estos cobros.'])
            <div class="flex flex-wrap gap-3"><button class="fin-button" type="submit" data-fin-submit-label="Aprobando recibos…">Aprobar {{ $count }} recibos</button><a class="fin-button fin-secondary" href="{{ route('realEstate.finance.commercial', $filters) }}">Volver sin aprobar</a></div>
        </form>
        @else<a class="fin-button fin-secondary" href="{{ route('realEstate.finance.commercial', $filters) }}">Volver a ventas y recibos</a>@endif
    </section>
</div></div>
<script src="{{ asset('js/finance-approval-batch.js') }}"></script>
@endsection