@if (count($productos) > 0)
    @foreach ($productos as $producto)
    <tr style="font-size:13px">
        <td scope="row">
            {{ $producto->id }}
        </td>

        <td scope="row">
                                                {{ $producto->nombre_producto }}
        </td>
                                            
        <td scope="row">
                                                {{ $producto->codigo_producto }}
        </td>

        <td scope="row">
                                                @if ($producto->stock)
                                                    {{ $producto->stock }}
                                                @else
                                                    {{ __('-') }}
                                                @endif

        </td>
                                          

        <td scope="row" class="text-center">
                                                @if ($producto->precio)
                                                    s/{{ $producto->precio }}
                                                @else
                                                    {{ __('-') }}
                                                @endif

        </td>


        <td scope="row">
                                                @if ($producto->barcode)
                                                    {{ $producto->barcode }}
                                                @else
                                                    {{ __('-') }}
                                                @endif

        </td>

        <td scope="row">
                                                @if ($producto->familia)
                                                    {{ $producto->familia->nombre }}
                                                @else
                                                    {{ __('-') }}
                                                @endif

        </td>


        <td scope="row">
                                                @if ($producto->unidad)
                                                    {{ $producto->unidad->nombre }}
                                                @else
                                                    {{ __('-') }}
                                                @endif

        </td>

        <td scope="row">
                                                @if ($producto->image)
                                                    <img style="width: 50px" src="{{ asset($producto->image) }}"
                                                        alt="Uploaded Image">
                                                @else
                                                    {{ __('-') }}
                                                @endif

        </td>


        <td>
                                                <a class="btn btn-secondary btn-sm"
                                                    href="{{ route('productos.show', $producto->id) }}">
                                                    {{ __('VER') }}
                                                </a>


                                                <a class="btn btn-outline-info btn-sm"
                                                    href="{{ route('productos.edit', $producto->id) }}" >
                                                    {{ __('EDITAR') }}
                                                </a>

                                                <form action="{{ route('productos.destroy', $producto->id) }}" method="POST" style="display:inline;">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="bin-button btn anular anular-producto" style="margin-left: 5px;">
                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 39 7"
                                                                    class="bin-top">

                                                                    <line stroke-width="4" stroke="white" y2="5" x2="39" y1="5"></line>
                                                                    <line
                                                                    stroke-width="3"
                                                                    stroke="white"
                                                                    y2="1.5"
                                                                    x2="26.0357"
                                                                    y1="1.5"
                                                                    x1="12"
                                                                    ></line>
                                                            </svg>
                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 33 39"
                                                                    class="bin-bottom"
                                                                    >
                                                                    <mask fill="white" id="path-1-inside-1_8_19">
                                                                    <path
                                                                        d="M0 0H33V35C33 37.2091 31.2091 39 29 39H4C1.79086 39 0 37.2091 0 35V0Z"
                                                                    ></path>
                                                                    </mask>
                                                                    <path
                                                                    mask="url(#path-1-inside-1_8_19)"
                                                                    fill="white"
                                                                    d="M0 0H33H0ZM37 35C37 39.4183 33.4183 43 29 43H4C-0.418278 43 -4 39.4183 -4 35H4H29H37ZM4 43C-0.418278 43 -4 39.4183 -4 35V0H4V35V43ZM37 0V35C37 39.4183 33.4183 43 29 43V35V0H37Z"
                                                                    ></path>
                                                                    <path stroke-width="4" stroke="white" d="M12 6L12 29"></path>
                                                                    <path stroke-width="4" stroke="white" d="M21 6V29"></path>
                                                            </svg>
                                                            <svg
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                    fill="none"
                                                                    viewBox="0 0 89 80"
                                                                    class="garbage"
                                                                    >
                                                                    <path
                                                                    fill="white"
                                                                    d="M20.5 10.5L37.5 15.5L42.5 11.5L51.5 12.5L68.75 0L72 11.5L79.5 12.5H88.5L87 22L68.75 31.5L75.5066 25L86 26L87 35.5L77.5 48L70.5 49.5L80 50L77.5 71.5L63.5 58.5L53.5 68.5L65.5 70.5L45.5 73L35.5 79.5L28 67L16 63L12 51.5L0 48L16 25L22.5 17L20.5 10.5Z"
                                                                    ></path>
                                                            </svg>
                                                        </button>
                                                </form>
                                                
                                            

        </td>
    </tr>
    @endforeach
@else
    <tr>
        <td colspan="9" class="text-center text-muted">
            {{ __('No hay datos disponibles') }}
        </td>
    </tr>
@endif