@extends('layouts.app')

@section('titulo', 'Documentos de venta')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1 class="h4 mb-0">Documentos de venta</h1>
        <div>
            <a href="{{ route('ventas.facturas.create') }}" class="btn btn-primary">+ Factura</a>
            <a href="{{ route('ventas.guias.create') }}" class="btn btn-outline-primary">+ Guia de despacho</a>
        </div>
    </div>

    <form class="row g-2 mb-3">
        <div class="col-auto">
            <select name="tipo" class="form-select" onchange="this.form.submit()">
                <option value="">Todos los tipos</option>
                @foreach (['factura' => 'Facturas', 'nota_credito' => 'Notas de credito', 'nota_debito' => 'Notas de debito', 'guia_despacho' => 'Guias de despacho'] as $valor => $etiqueta)
                    <option value="{{ $valor }}" @selected(request('tipo') === $valor)>{{ $etiqueta }}</option>
                @endforeach
            </select>
        </div>
    </form>

    <div class="table-responsive">
        <table class="table table-striped">
            <thead>
                <tr><th>Tipo</th><th>N° Documento</th><th>N° Control</th><th>Fecha</th><th>Cliente</th><th class="text-end">Total</th><th>Estado</th><th></th></tr>
            </thead>
            <tbody>
                @foreach ($documentos as $doc)
                    <tr>
                        <td>{{ ucfirst(str_replace('_', ' ', $doc->tipo)) }}</td>
                        <td>{{ $doc->numero_documento }}</td>
                        <td>{{ $doc->numero_control }}</td>
                        <td>{{ $doc->fecha->format('d/m/Y') }}</td>
                        <td>{{ $doc->cliente->razon_social }}</td>
                        <td class="text-end">{{ number_format($doc->total, 2) }}</td>
                        <td>
                            @if ($doc->estado === 'emitida')
                                <span class="badge bg-success">Emitida</span>
                            @else
                                <span class="badge bg-danger">Anulada</span>
                            @endif
                        </td>
                        <td><a href="{{ route('ventas.show', $doc) }}" class="btn btn-sm btn-outline-secondary">Ver</a></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $documentos->links() }}
@endsection