@extends('layouts.app')

@section('content')
<div class="container">
    <h2 class="mb-4">Listado de Comercios</h2>

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

    <a href="{{ route('superadmin.comercios.create') }}" class="btn btn-primary mb-3">
        <i class="bi bi-plus-lg"></i> Nuevo Comercio
    </a>

    @if ($comercios->isEmpty())
        <div class="alert alert-info">No hay comercios registrados.</div>
    @else
        <div class="table-responsive">
            <table class="table table-bordered align-middle">
                <thead class="table-light">
                    <tr>
                        <th>ID</th>
                        <th>Nombre</th>
                        <th>RUT</th>
                        <th>Teléfono</th>
                        <th>Sucursales</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($comercios as $comercio)
                        <tr>
                            <td>{{ $comercio->id }}</td>
                            <td>{{ $comercio->nombre }}</td>
                            <td>{{ $comercio->rut }}</td>
                            <td>{{ $comercio->telefono }}</td>
                            <td>
                                <a href="{{ route('superadmin.sucursales.index', $comercio) }}" class="btn btn-sm btn-outline-secondary">
                                    <i class="bi bi-building"></i> Ver Sucursales
                                </a>
                            </td>
                            <td>
                                <a href="{{ route('superadmin.comercios.edit', $comercio) }}" class="btn btn-sm btn-warning">
                                    <i class="bi bi-pencil-square"></i> Editar
                                </a>

                                <form action="{{ route('superadmin.comercios.destroy', $comercio) }}" method="POST" class="d-inline" onsubmit="return confirm('¿Estás seguro de eliminar este comercio?')">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-danger">
                                        <i class="bi bi-trash"></i> Eliminar
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</div>
@endsection