@extends('layouts.app')

@section('titulo','Gestión de Stock')

@section('contenido')

<div class="max-w-6xl mx-auto space-y-6">


    <div class="flex justify-between items-center">

        <div>

            <nav class="text-xs text-slate-400">
                Logística / Inventario
            </nav>

            <h1 class="text-2xl font-bold text-slate-800">

                Stock de {{ $producto->nombre }}

            </h1>

        </div>


        <a href="{{ route('productos.index') }}"
           class="px-4 py-2 bg-slate-200 rounded-lg text-sm">

            Volver

        </a>

    </div>



    {{-- Agregar stock --}}

    <div class="bg-white rounded-xl border p-5">


        <h3 class="font-semibold mb-4">
            Agregar stock
        </h3>


        <form method="POST"
              action="{{ route('stock.store',$producto) }}"
              class="grid grid-cols-1 md:grid-cols-5 gap-3">

            @csrf


            <select name="almacen_id"
                    class="border rounded-lg px-3 py-2">

                <option value="">
                    Seleccione almacén
                </option>

                @foreach($almacenes as $almacen)

                    <option value="{{ $almacen->id }}">
                        {{ $almacen->nombre }}
                    </option>

                @endforeach

            </select>



            <input type="number"
                   name="stock"
                   placeholder="Cantidad"
                   class="border rounded-lg px-3 py-2">



            <input type="number"
                   name="stock_minimo"
                   placeholder="Stock mínimo"
                   class="border rounded-lg px-3 py-2">



            <input type="text"
                   name="lote"
                   placeholder="Lote"
                   class="border rounded-lg px-3 py-2">



            <input type="date"
                   name="fecha_vencimiento"
                   class="border rounded-lg px-3 py-2">



            <button class="bg-brand-600 text-white rounded-lg px-4 py-2">

                Guardar

            </button>


        </form>


    </div>




    {{-- Listado --}}

    <div class="bg-white rounded-xl border overflow-hidden">


        <table class="w-full text-sm">


            <thead class="bg-slate-50">

                <tr>

                    <th class="px-4 py-3 text-left">
                        Almacén
                    </th>

                    <th class="px-4 py-3">
                        Stock
                    </th>

                    <th class="px-4 py-3">
                        Mínimo
                    </th>

                    <th class="px-4 py-3">
                        Lote
                    </th>

                    <th class="px-4 py-3">
                        Vencimiento
                    </th>

                </tr>

            </thead>


            <tbody>

            @forelse($stocks as $stock)

                <tr class="border-t">


                    <td class="px-4 py-3">

                        {{ $stock->almacen->nombre }}

                    </td>


                    <td class="px-4 py-3 text-center">

                        {{ $stock->stock }}

                    </td>


                    <td class="px-4 py-3 text-center">

                        {{ $stock->stock_minimo }}

                    </td>


                    <td class="px-4 py-3 text-center">

                        {{ $stock->lote ?? '-' }}

                    </td>


                    <td class="px-4 py-3 text-center">

                        {{ $stock->fecha_vencimiento?->format('d/m/Y') ?? '-' }}

                    </td>


                </tr>


            @empty

                <tr>

                    <td colspan="5"
                        class="text-center py-8 text-slate-400">

                        No existe stock registrado.

                    </td>

                </tr>

            @endforelse


            </tbody>


        </table>


    </div>


</div>


@endsection