@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="mb-4">
        <a href="{{ route('billing.show', $order) }}" class="text-decoration-none small">
            <i class="bi bi-arrow-left"></i> Volver al comprobante
        </a>
        <h2 class="fw-bold mb-0 mt-1">
            <i class="bi bi-x-octagon text-danger me-2"></i>Dar de baja: {{ $order->full_number }}
        </h2>
    </div>

    @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif

    <div class="alert alert-warning">
        <i class="bi bi-exclamation-triangle-fill"></i>
        <strong>Esto anula el comprobante ante SUNAT — no se puede deshacer.</strong>
        Recuerda: SUNAT solo acepta la baja de una <strong>Boleta</strong> el mismo día o al día siguiente de emitida,
        y de una <strong>Factura</strong> dentro de los 7 días calendario.
    </div>

    <div class="card border-0 shadow-sm" style="max-width:560px">
        <div class="card-body">
            <div class="mb-3">
                <div class="small text-muted">Comprobante</div>
                <div class="fw-bold">{{ $order->full_number }} — {{ $order->document_type }}</div>
            </div>
            <div class="mb-3">
                <div class="small text-muted">Cliente</div>
                <div>{{ $order->client_name ?: 'Público' }}</div>
            </div>
            <div class="mb-3">
                <div class="small text-muted">Total</div>
                <div class="fw-bold">S/ {{ number_format($order->total, 2) }}</div>
            </div>

            <form method="POST" action="{{ route('voided.store', $order) }}"
                  onsubmit="return confirmarEnvio(this, 'Se va a anular este comprobante ante SUNAT. No se puede deshacer.', {peligroso:true, confirmText:'Sí, dar de baja'})">
                @csrf
                <div class="mb-3">
                    <label class="form-label fw-bold">Motivo de la baja <span class="text-danger">*</span></label>
                    <input type="text" name="motivo" class="form-control" required maxlength="255"
                           placeholder="Ej: Error en los datos del cliente, comprobante duplicado...">
                </div>
                <button type="submit" class="btn btn-danger fw-bold">
                    <i class="bi bi-x-octagon"></i> Dar de baja este comprobante
                </button>
            </form>
        </div>
    </div>
</div>
@endsection