@extends('layouts.app')
@section('title', 'Resumen Diario')

@section('content')
    <div class="page-head"><h1>Resumen Diario de boletas</h1></div>

    <div class="alert alert-info">
        Las <strong>boletas</strong> se reportan a SUNAT agrupadas por día mediante el <strong>Resumen Diario</strong>
        (plazo: hasta 7 días). Es un envío asíncrono: SUNAT entrega un <strong>ticket</strong> y luego consultas el estado.
    </div>

    <div class="card" style="margin-bottom:20px">
        <div class="card-body">
            <form method="GET" style="display:flex;gap:10px;align-items:flex-end;margin-bottom:12px">
                <div class="field" style="max-width:220px">
                    <label>Fecha de las boletas</label>
                    <input type="date" name="fecha" value="{{ $fecha->toDateString() }}">
                </div>
                <button class="btn">Ver pendientes</button>
            </form>

            <p>
                Boletas pendientes de reportar el <strong>{{ $fecha->format('d/m/Y') }}</strong>:
                <strong>{{ $pendientes->count() }}</strong>
                @if($pendientes->count())
                    (total S/ {{ number_format($pendientes->sum('importe_total'), 2) }})
                @endif
            </p>

            @if($pendientes->count())
                <div class="table-wrap" style="margin:10px 0">
                    <table class="tabla">
                        <thead><tr><th>Número</th><th>Cliente</th><th class="text-right">Total</th></tr></thead>
                        <tbody>
                            @foreach($pendientes as $b)
                                <tr>
                                    <td class="mono">{{ $b->numero_completo }}</td>
                                    <td>{{ $b->cliente_razon_social }}</td>
                                    <td class="text-right">{{ number_format((float) $b->importe_total, 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <form method="POST" action="{{ route('resumenes.generar') }}"
                      onsubmit="this.querySelector('button').disabled=true;this.querySelector('button').textContent='Enviando...';">
                    @csrf
                    <input type="hidden" name="fecha" value="{{ $fecha->toDateString() }}">
                    <button class="btn btn-primary">📤 Generar y enviar Resumen Diario</button>
                </form>
            @endif
        </div>
    </div>

    <h3>Resúmenes enviados</h3>
    <div class="card table-wrap">
        <table class="tabla">
            <thead>
                <tr><th>Identificador</th><th>Fecha boletas</th><th class="text-right">Boletas</th><th>Estado</th><th>SUNAT</th><th></th></tr>
            </thead>
            <tbody>
                @forelse($resumenes as $r)
                    <tr>
                        <td class="mono">{{ $r->identificador }}</td>
                        <td>{{ $r->fecha_referencia->format('d/m/Y') }}</td>
                        <td class="text-right">{{ $r->cantidad_boletas }}</td>
                        <td>
                            <span class="badge {{ $r->estado === 'aceptado' ? 'green' : ($r->estado === 'rechazado' ? 'red' : 'yellow') }}">{{ ucfirst($r->estado) }}</span>
                        </td>
                        <td class="muted" style="font-size:12px">@if($r->sunat_codigo)[{{ $r->sunat_codigo }}] {{ \Illuminate\Support\Str::limit($r->sunat_descripcion, 40) }}@endif</td>
                        <td class="text-right" style="white-space:nowrap">
                            @if($r->puedeConsultarse())
                                <form method="POST" action="{{ route('resumenes.consultar', $r) }}" style="display:inline">
                                    @csrf
                                    <button class="btn btn-sm btn-primary">🔄 Consultar estado</button>
                                </form>
                            @endif
                            @if($r->cdr_path)
                                <a href="{{ route('resumenes.cdr', $r) }}" class="btn btn-sm">⬇ CDR</a>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="muted" style="text-align:center;padding:24px">Aún no has generado resúmenes.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="margin-top:16px">{{ $resumenes->links() }}</div>
@endsection