@extends('layouts.app')

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

@section('contenido')
<div class="max-w-7xl mx-auto">

    <div class="flex items-center justify-between mb-6">
        <div>
            <h1 class="text-2xl font-bold text-slate-800">
                Gestión de Almacenes
            </h1>
            <p class="text-sm text-slate-500">
                Administra los almacenes por cada local
            </p>
        </div>

        <a href="{{ route('almacenes.create') }}"
           class="bg-brand-600 text-white px-4 py-2 rounded-xl text-sm font-semibold hover:bg-brand-700">
            + Nuevo Almacén
        </a>
    </div>

    @if(session('success'))
        <div class="mb-4 bg-green-50 text-green-700 px-4 py-3 rounded-xl">
            {{ session('success') }}
        </div>
    @endif

    <div class="bg-white rounded-2xl border border-slate-200 shadow-sm overflow-hidden">
        <table class="w-full text-sm">
            <thead class="bg-slate-50 border-b">
                <tr>
                    <th class="px-5 py-3 text-left">Local</th>
                    <th class="px-5 py-3 text-left">Nombre</th>
                    <th class="px-5 py-3 text-left">Tipo</th>
                    <th class="px-5 py-3 text-left">Estado</th>
                    <th class="px-5 py-3 text-right">Acciones</th>
                </tr>
            </thead>

            <tbody>
                @foreach($almacenes as $almacen)
                <tr class="border-b hover:bg-slate-50">
                    <td class="px-5 py-3">
                        {{ $almacen->local->nombre ?? '-' }}
                    </td>

                    <td class="px-5 py-3 font-semibold">
                        {{ $almacen->nombre }}
                    </td>

                    <td class="px-5 py-3">
                        @php
                            $tipos = [
                                'venta' => 'Venta',
                                'reserva' => 'Reserva',
                                'devoluciones' => 'Devoluciones',
                                'vencidos' => 'Vencidos'
                            ];
                        @endphp

                        <span class="px-2 py-1 rounded-full text-xs bg-slate-100 text-slate-700">
                            {{ $tipos[$almacen->tipo] ?? ucfirst($almacen->tipo) }}
                        </span>
                    </td>

                    <td class="px-5 py-3">
                        @if($almacen->estado)
                            <span class="px-2 py-1 rounded-full text-xs bg-green-100 text-green-700">
                                Activo
                            </span>
                        @else
                            <span class="px-2 py-1 rounded-full text-xs bg-red-100 text-red-700">
                                Inactivo
                            </span>
                        @endif
                    </td>

                    <td class="px-5 py-3 text-right">
                        <a href="{{ route('almacenes.edit', $almacen) }}"
                           class="text-brand-600 hover:underline">
                            Editar
                        </a>

                        <form action="{{ route('almacenes.destroy', $almacen) }}"
                              method="POST"
                              class="inline">

                            @csrf
                            @method('DELETE')

                            <button
                                onclick="return confirm('¿Desactivar almacén?')"
                                class="ml-3 text-red-500 hover:underline">
                                Desactivar
                            </button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

</div>
@endsection