@extends('layouts.admin')

@section('title', 'Sucursales')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>Sucursales</h1>
        <a href="{{ route('admin.sucursales.create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> Nueva Sucursal
        </a>
    </div>
@endsection

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

<table class="table table-bordered table-hover">
    <thead>
        <tr>
            <th>ID</th>
            <th>Comercio</th>
            <th>Nombre</th>
            <th>Acciones</th>
        </tr>
    </thead>
    <tbody>
        @foreach($sucursales as $sucursal)
            <tr>
                <td>{{ $sucursal->id }}</td>
                <td>{{ $sucursal->comercio->nombre ?? '—' }}</td>
                <td>{{ $sucursal->nombre }}</td>
                <td>
                    <a href="{{ route('admin.sucursales.edit', $sucursal->id) }}" class="btn btn-warning btn-sm">
                        <i class="fas fa-edit"></i>
                    </a>
                    <form action="{{ route('admin.sucursales.destroy', $sucursal) }}" method="POST" style="display:inline-block;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('¿Eliminar esta sucursal?')">
                            <i class="fas fa-trash"></i>
                        </button>
                    </form>
                    
                </td>
            </tr>
        @endforeach
    </tbody>
</table>
@endsection