@extends('layouts.app')

@section('content')
<div class="container">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="h3 mb-0">Factura N° {{ $factura->numeroFormateado() }}</h1>
        <div class="d-flex gap-2">
            <a href="{{ route('facturas.pdf', $factura) }}?formato=a4" target="_blank" class="btn btn-primary">PDF A4</a>
            <a href="{{ route('facturas.pdf', $factura) }}?formato=ticket" target="_blank" class="btn btn-outline-primary">PDF Ticket</a>
            <a href="{{ route('facturacion.index') }}" class="btn btn-secondary">Nueva factura</a>
        </div>
    </div>

    @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">{{ $errors->first() }}</div>
    @endif

    @if ($factura->esAnulada())
        <div class="alert alert-danger">Esta factura está <strong>anulada</strong>. El stock de sus productos fue repuesto.</div>
    @endif

    @if (auth()->user()->esAdmin())
        <div class="card mb-3">
            <div class="card-body d-flex align-items-end gap-2">
                <form action="{{ route('facturas.estado.update', $factura) }}" method="POST" class="d-flex align-items-end gap-2 flex-wrap"
                      onsubmit="return confirm('¿Confirmar el cambio de estado de esta factura?');">
                    @csrf
                    @method('PATCH')
                    <div>
                        <label class="form-label mb-1">Cambiar estado</label>
                        <select name="status" class="form-select">
                            <option value="{{ \App\Models\Factura::STATUS_NOTA_CREDITO }}" @selected($factura->status === \App\Models\Factura::STATUS_NOTA_CREDITO)>Pendiente</option>
                            <option value="{{ \App\Models\Factura::STATUS_PAGADA }}" @selected($factura->status === \App\Models\Factura::STATUS_PAGADA)>Pagada</option>
                            <option value="{{ \App\Models\Factura::STATUS_ANULADA }}" @selected($factura->status === \App\Models\Factura::STATUS_ANULADA)>Anulada</option>
                        </select>
                    </div>
                    <button type="submit" class="btn btn-outline-primary">Actualizar estado</button>
                </form>
            </div>
            <div class="card-body pt-0 text-muted small">
                Anular repone el stock de cada línea; volver a Pendiente/Pagada desde Anulada lo vuelve a descontar (si hay stock disponible).
            </div>
        </div>
    @endif

    <div class="card mb-3">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <strong>Cliente:</strong> {{ $factura->cliente->nombre }}<br>
                    <strong>Cédula/RIF:</strong> {{ $factura->cliente->cedula }}<br>
                    <strong>Teléfono:</strong> {{ $factura->cliente->telefono }}
                </div>
                <div class="col-md-6 text-md-end">
                    <strong>Fecha:</strong> {{ $factura->created_at->format('d/m/Y H:i') }}<br>
                    <strong>Cajero:</strong> {{ $factura->user->name }}<br>
                    <strong>Estado:</strong>
                    @if ($factura->esAnulada())
                        <span class="badge bg-danger">Anulada</span>
                    @elseif ($factura->esNotaCredito())
                        <span class="badge bg-warning text-dark">Pendiente</span>
                    @else
                        <span class="badge bg-success">Pagada</span>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="card mb-3">
        <div class="table-responsive">
            <table class="table mb-0">
                <thead>
                    <tr>
                        <th>Descripción</th>
                        <th>Cantidad</th>
                        <th>Precio unitario</th>
                        <th>Impuesto</th>
                        <th>Subtotal</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($factura->detalles as $detalle)
                        <tr>
                            <td>{{ $detalle->descripcion }}</td>
                            <td>{{ $detalle->cantidad }}</td>
                            <td>{{ number_format($detalle->precio_unitario, 2) }}</td>
                            <td>{{ $detalle->tipoImpuesto->nombre }} ({{ number_format($detalle->impuesto_porcentaje, 2) }}%)</td>
                            <td>{{ number_format($detalle->subtotal, 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6 offset-md-6">
            <div class="card">
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-8">Subtotal</dt><dd class="col-4 text-end">{{ number_format($factura->subtotal + $factura->descuento_monto, 2) }}</dd>
                        @if ($factura->descuento_monto > 0)
                            <dt class="col-8">
                                Descuento{{ $factura->descuento_porcentaje > 0 ? ' ('.number_format($factura->descuento_porcentaje, 2).'%)' : '' }}
                                @if ($factura->cupon)<br><span class="small text-muted">Cupón: {{ $factura->cupon->codigo }}</span>@endif
                            </dt>
                            <dd class="col-4 text-end text-danger">-{{ number_format($factura->descuento_monto, 2) }}</dd>
                        @endif
                        @foreach ($factura->impuestos_desglose ?? [] as $grupo)
                            <dt class="col-8">{{ $grupo['nombre'] }} ({{ number_format($grupo['porcentaje'], 2) }}%)</dt>
                            <dd class="col-4 text-end">{{ number_format($grupo['monto'], 2) }}</dd>
                        @endforeach
                        <dt class="col-8 fw-bold">Total</dt><dd class="col-4 text-end fw-bold">{{ number_format($factura->total, 2) }}</dd>
                        <dt class="col-8">Efectivo</dt><dd class="col-4 text-end">{{ number_format($factura->efectivo, 2) }}</dd>
                        <dt class="col-8">Débito</dt><dd class="col-4 text-end">{{ number_format($factura->debito, 2) }}</dd>
                        <dt class="col-8">Crédito</dt><dd class="col-4 text-end">{{ number_format($factura->credito, 2) }}</dd>
                        <dt class="col-8">Cheque</dt><dd class="col-4 text-end">{{ number_format($factura->cheque, 2) }}</dd>
                        <dt class="col-8">Vuelto</dt><dd class="col-4 text-end">{{ number_format($factura->vuelto, 2) }}</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection