@extends('layouts.panel')

@section('title', 'Listas de precios')

@section('content')
    <div class="page-header d-flex align-items-center justify-content-between flex-wrap gap-3">
        <div class="page-header-title">
            <h1>Listas de precios</h1>
            <p class="page-header-subtitle">Define listas (Boleta, Módulo, etc.) y asígnalas a las empresas.</p>
        </div>
        <a href="{{ route('price-lists.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-lg me-1"></i> Nueva lista
        </a>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Nombre</th><th>Servicios con precio</th><th>Empresas</th>
                            <th>Por defecto</th><th class="text-end">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($priceLists as $list)
                            <tr>
                                <td>{{ $list->name }}</td>
                                <td>{{ $list->items_count }}</td>
                                <td>{{ $list->clients_count }}</td>
                                <td>
                                    @if ($list->is_default)
                                        <span class="badge bg-success-subtle text-success">Sí (web pública)</span>
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                                <td class="text-end">
                                    <a href="{{ route('price-lists.items', $list) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="bi bi-currency-dollar"></i> Precios
                                    </a>
                                    <a href="{{ route('price-lists.assign', $list) }}" class="btn btn-sm btn-outline-secondary">
                                        <i class="bi bi-building"></i> Empresas
                                    </a>
                                    <a href="{{ route('price-lists.edit', $list) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="bi bi-pencil"></i>
                                    </a>
                                    <form action="{{ route('price-lists.destroy', $list) }}" method="POST" class="d-inline"
                                          onsubmit="return confirm('¿Eliminar esta lista?');">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-center text-muted py-4">Aún no hay listas de precios.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection