@extends('layouts.app')

@section('content')
<div class="container">
    <h2>Productos</h2>

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

    <table class="table table-bordered">
        <thead>
            <tr>
                <th>ID</th>
                <th>Foto</th>
                <th>Nombre</th>
                <th>Precio</th>
                <th>Código</th>
                <th>Empresa</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            @foreach($productos as $producto)
            <tr>
                <td>{{ $producto->id }}</td>

                <td>
                    @if($producto->foto)
                        <img src="{{ asset('storage/'.$producto->foto) }}"
                             width="60" style="border-radius:6px;">
                    @else
                        —
                    @endif
                </td>

                <td>{{ $producto->nombre }}</td>
                <td>${{ number_format($producto->precio, 2) }}</td>
                <td>{{ $producto->codigo_barras ?? '—' }}</td>
                <td>{{ $producto->company->nombre ?? '—' }}</td>

                <td>
                    <a href="{{ route('productos.edit',$producto) }}"
                       class="btn btn-warning btn-sm">
                       Editar
                    </a>

                    <form action="{{ route('productos.destroy',$producto) }}"
                          method="POST" class="d-inline">
                        @csrf @method('DELETE')
                        <button class="btn btn-danger btn-sm"
                                onclick="return confirm('¿Eliminar producto?')">
                            Eliminar
                        </button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endsection
