@extends('partials.layout')

@section('title','Tanques')
@section('subtitle','Listado y mantenimiento de tanques')
@section('back')
    <a class="btn" href="{{ route('tanques.create') }}">+ Agregar tanque</a>
@endsection

@section('content')
    <table>
        <thead>
        <tr>
            <th>ID</th>
            <th>Nombre</th>
            <th>Tipo combustible</th>
            <th>Capacidad</th>
            <th>Stock actual</th>
            <th>Acciones</th>
        </tr>
        </thead>
        <tbody>
        @foreach($items as $item)
            <tr>
                <td>{{ $item->id_tanque }}</td>
                <td>{{ $item->nombre }}</td>
                <td>{{ $item->tipoCombustible?->nombre }}</td>
                <td>{{ $item->capacidad }}</td>
                <td>{{ $item->stock_actual }}</td>
                <td>
                    <div style="display:flex;gap:8px;flex-wrap:wrap">
                        <a class="btn" href="{{ route('tanques.edit',$item->id_tanque) }}">Editar</a>
                        <form method="POST" action="{{ route('tanques.destroy',$item->id_tanque) }}" onsubmit="return confirm('¿Eliminar este tanque?')">
                            @csrf
                            @method('DELETE')
                            <button class="btn danger" type="submit">Eliminar</button>
                        </form>
                    </div>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
@endsection