@extends('layouts.app')

@section('content')
    <div class="container">
        <h1>Lista de Productos</h1>

        <a href="{{ route('productos.create') }}" class="btn btn-success">Crear Nuevo Producto</a>

        <table class="table mt-3">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Nombre</th>
                    <th>Kilo</th>
                    <th>Es VMA</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach($productos as $producto)
                    <tr>
                        <td>{{ $producto->ProductoID }}</td>
                        <td>{{ $producto->Nombre }}</td>
                        <td>{{ $producto->Kilo }}</td>
                        <td>{{ $producto->es_vma ? 'Sí' : 'No' }}</td>
                        <td>
                            <a href="{{ route('productos.edit', ['producto' => $producto->ProductoID]) }}" class="btn btn-warning">Editar</a>                            
                            <a href="{{ route('productos.destroy', $producto->ProductoID) }}" class="btn btn-danger" data-confirm-delete="true">Eliminar</a>

                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection