@extends('layouts.app')
@section('titulo','Zonas de la Central')
@section('ruta')
<div class="mb-3 my-2 small">
    <h6> <a href="{{route('revision.index')}}">Revisiones</a> >
    <a href="{{route('revision.show', $revision->id)}}">Revisión en {{$revision->lugar->nombre}}</a> >
    <a href="{{route('revision.show', $revision->id)}}">Central {{$centrale->nombre}}</a> > Zonas</h6>
</div>
@endsection
@section('contenido1')

<div class="card border-0">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="card-title my-0 py-3 px-1">
            @yield('titulo')
        </h5>
        <a href="{{ route('revision.centrales.zonas.create', ['revision' => $revision->id, 'centrale' => $centrale->id]) }}" class="btn btn-primary ms-auto">
            <i class="fa-solid fa-plus"></i> NUEVA ZONA
        </a>
    </div>
    <div class="card-body">

        <table class="table table-striped table-hover table-responsive">
            <thead class="table-light">
                <tr class="text-center text-uppercase">
                    <th>Número</th>
                    <th>Nombre</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody class="text-center">
                @foreach ($zonas as $zona)
                <tr>
                    <td>{{ $zona->numero }}</td>
                    <td>
                        <a href="{{ route('revision.centrales.elementos.index', ['revision' => $revision->id, 'centrale' => $centrale->id, 'vista' => 'zona', 'zona_id' => $zona->id]) }}" 
                           class="text-decoration-none fw-semibold text-primary"
                           title="Ver elementos de esta zona">
                            {{ $zona->nombre }}
                        </a>
                    </td>
                    <td>
                        <a href="{{ route('revision.centrales.zonas.edit', ['revision' => $revision->id, 'centrale' => $centrale->id, 'zona' => $zona->id]) }}" class="btn btn-warning btn-sm">
                            <i class="fa-solid fa-pen"></i>
                        </a>
                        <form action="{{ route('revision.centrales.zonas.destroy', ['revision' => $revision->id, 'centrale' => $centrale->id, 'zona' => $zona->id]) }}" method="POST" style="display:inline">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('¿Estás seguro de que quieres eliminar esta zona?')">
                                <i class="fa-solid fa-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>

    </div>
</div>

@endsection