@extends('padre.padre')

@section('contenido')
    <div class="container-fluid" style="padding: 20px;">
        <div class="card shadow-lg">
            <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                <h3 class="mb-0">Gestión de Cotizaciones</h3>
                <a href="{{ url('/inicio') }}" class="btn btn-light btn-sm">Volver</a>
            </div>
            <div class="card-body">
                @if(session('success'))
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        {{ session('success') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
                @if(session('error'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        {{ session('error') }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif

                <form method="GET" action="{{ url('/cotizaciones') }}" class="mb-4">
                    <div class="input-group">
                        <input type="text" name="numeroCotizacion" class="form-control"
                            placeholder="Buscar por Número de Cotización" value="{{ request('numeroCotizacion') }}">
                        <button class="btn btn-outline-primary" type="submit">Buscar</button>
                        @if(request('numeroCotizacion'))
                            <a href="{{ url('/cotizaciones') }}" class="btn btn-outline-secondary">Limpiar</a>
                        @endif
                    </div>
                </form>

                <div class="table-responsive">
                    <table class="table table-striped table-hover table-bordered">
                        <thead class="table-dark">
                            <tr>
                                <th>Acciones</th>
                                <th>No. Cotización</th>
                                <th>Código</th>
                                <th>Nombre</th>
                                <th>Cant. Caja</th>
                                <th>Cant. Frcc</th>
                                <th>Precio</th>
                                <th>Desc.</th>
                                <th>Bodega</th>
                                <th>Vencimiento</th>
                                <th>Vendedor</th>
                                <th>Cliente</th>
                                <th>Detalle Cocina</th>
                                <th>Detalle Producto</th>
                                <th>Inv. Separado</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($cotizaciones as $cotizacion)
                                <tr>
                                    <td class="text-center">
                                        <div class="d-flex justify-content-center gap-2">
                                            {{-- Borrar solo este ítem --}}
                                            <form action="{{ route('cotizaciones.delete', $cotizacion->id) }}" method="POST"
                                                onsubmit="return confirm('¿Borrar SOLO esta fila (Ítem)?');"
                                                style="display:inline;">
                                                @csrf
                                                <button type="submit" class="btn btn-warning btn-sm" title="Borrar Fila (Ítem)"
                                                    style="padding: 2px 5px; font-size: 0.8rem;">
                                                    🗑️ Ítem
                                                </button>
                                            </form>

                                            {{-- Borrar toda la cotización --}}
                                            <form action="{{ route('cotizaciones.deleteAll', $cotizacion->numeroCotizacion) }}"
                                                method="POST"
                                                onsubmit="return confirm('¿ATENCIÓN: Esto borrará TODOS los ítems de la cotización {{ $cotizacion->numeroCotizacion }}?');"
                                                style="display:inline;">
                                                @csrf
                                                <button type="submit" class="btn btn-danger btn-sm"
                                                    title="Borrar Cotización Completa"
                                                    style="padding: 2px 5px; font-size: 0.8rem;">
                                                    💥 Todo
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                    <td>{{ $cotizacion->numeroCotizacion }}</td>
                                    <td>{{ $cotizacion->Codigo }}</td>
                                    <td>{{ $cotizacion->Nombre }}</td>
                                    <td>{{ $cotizacion->Cantida_caja }}</td>
                                    <td>{{ $cotizacion->Cantida_frcc }}</td>
                                    <td>{{ number_format($cotizacion->precio, 0) }}</td>
                                    <td>{{ $cotizacion->Descu }}</td>
                                    <td>{{ $cotizacion->idbodegac }}</td>
                                    <td>{{ $cotizacion->idvencieminto }}</td>
                                    <td>{{ $cotizacion->vendedorCot }}</td>
                                    <td>{{ $cotizacion->cienteCot }}</td>
                                    <td>{{ \Illuminate\Support\Str::limit($cotizacion->detalleCocina, 20) }}</td>
                                    <td>{{ \Illuminate\Support\Str::limit($cotizacion->detalleProducto, 20) }}</td>
                                    <td>{{ $cotizacion->inventarioSeparado }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="15" class="text-center text-muted">No se encontraron cotizaciones.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="d-flex justify-content-center mt-3">
                    {{ $cotizaciones->links() }}
                </div>
            </div>
        </div>
    </div>

    <style>
        .table th,
        .table td {
            vertical-align: middle;
            font-size: 0.9rem;
        }

        .card-header {
            background: linear-gradient(135deg, #42a5f5 0%, #1e88e5 100%) !important;
        }
    </style>
@endsection