@extends('partials.layout')

@section('title','Estaciones')
@section('subtitle','Listado y mantenimiento de estaciones')
@section('back')
    <a class="btn" href="{{ route('estaciones.create') }}">+ Agregar estación</a>
@endsection

@section('content')
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Nombre</th>
                <th>Descripción</th>
                <th>Estado</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
        @foreach($items as $item)
            <tr>
                <td>{{ $item->id_estacion }}</td>
                <td>{{ $item->nombre }}</td>
                <td>{{ $item->descripcion }}</td>
                <td>{{ $item->estado == 1 ? 'Activo' : 'Inactivo' }}</td>
                <td>
                    <div style="display:flex;gap:8px;flex-wrap:wrap">
                        <a class="btn" href="{{ route('estaciones.edit',$item->id_estacion) }}">Editar</a>
                        <form method="POST" action="{{ route('estaciones.destroy',$item->id_estacion) }}" onsubmit="return confirm('¿Eliminar esta estación?')">
                            @csrf
                            @method('DELETE')
                            <button class="btn danger" type="submit">Eliminar</button>
                        </form>
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
@endsection