@extends('partials.layout')

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

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