@extends('layouts.app')
@section('title', 'Inventario')
@section('content')

<div class="row g-3 mb-3">
    <div class="col-md-4"><div class="stat-card"><div class="stat-icon" style="background:#e7f1ff;color:#0d6efd"><i class="bi bi-box-seam"></i></div><div class="stat-value">{{ $stats['total_productos'] }}</div><div class="stat-label">Productos con stock</div></div></div>
    <div class="col-md-4"><div class="stat-card"><div class="stat-icon" style="background:#fff5f5;color:#dc3545"><i class="bi bi-exclamation-triangle"></i></div><div class="stat-value">{{ $stats['bajo_stock'] }}</div><div class="stat-label">Bajo stock</div></div></div>
    <div class="col-md-4"><div class="stat-card"><div class="stat-icon" style="background:#d4edda;color:#155724"><i class="bi bi-cash-stack"></i></div><div class="stat-value">{{ $config->formatearMoneda($stats['valor_inventario']) }}</div><div class="stat-label">Valor de inventario</div></div></div>
</div>

<div class="card mb-3">
    <div class="card-body d-flex gap-2">
        <form method="GET" class="flex-grow-1">
            <input type="text" name="q" value="{{ request('q') }}" class="form-control" placeholder="Buscar producto...">
        </form>
        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#ajusteModal"><i class="bi bi-arrow-left-right"></i> Ajustar stock</button>
        <a href="{{ route('inventario.movimientos') }}" class="btn btn-light"><i class="bi bi-clock-history"></i> Ver movimientos</a>
    </div>
</div>

<div class="card">
    <div class="card-header"><i class="bi bi-clipboard-data-fill me-2"></i>Inventario</div>
    <div class="table-responsive">
        <table class="table align-middle mb-0">
            <thead><tr><th>Producto</th><th>Categoría</th><th class="text-end">Stock</th><th class="text-end">Mínimo</th><th class="text-end">Valor</th><th>Estado</th></tr></thead>
            <tbody>
                @forelse($productos as $p)
                <tr>
                    <td><strong>{{ $p->nombre }}</strong><br><small class="text-muted">{{ $p->codigo }}</small></td>
                    <td>{{ $p->categoria?->nombre ?? '-' }}</td>
                    <td class="text-end fw-semibold">{{ rtrim(rtrim(number_format($p->stock,3),'0'),'.') }}</td>
                    <td class="text-end">{{ rtrim(rtrim(number_format($p->stock_minimo,3),'0'),'.') }}</td>
                    <td class="text-end">{{ $config->formatearMoneda($p->stock * $p->precio_compra) }}</td>
                    <td>
                        @if($p->stock_bajo)<span class="badge bg-danger">Bajo stock</span>
                        @else<span class="badge bg-success-subtle text-success">OK</span>@endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted py-5">No hay productos con control de stock.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">{{ $productos->links() }}</div>
</div>

<div class="modal fade" id="ajusteModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('inventario.ajustar') }}" method="POST">@csrf
                <div class="modal-header"><h5 class="modal-title">Ajustar stock</h5><button class="btn-close" data-bs-dismiss="modal"></button></div>
                <div class="modal-body">
                    <div class="mb-2"><label class="form-label">Producto *</label>
                        <select name="producto_id" class="form-select" required>
                            <option value="">Selecciona...</option>
                            @foreach(\App\Models\Producto::activos()->where('controla_stock',true)->orderBy('nombre')->get() as $p)
                            <option value="{{ $p->id }}">{{ $p->nombre }} (stock: {{ rtrim(rtrim(number_format($p->stock,3),'0'),'.') }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-2"><label class="form-label">Tipo *</label>
                        <select name="tipo" class="form-select">
                            <option value="entrada">Entrada (suma al stock)</option>
                            <option value="salida">Salida (resta del stock)</option>
                            <option value="ajuste">Ajuste (establece el stock)</option>
                            <option value="merma">Merma (resta del stock)</option>
                        </select>
                    </div>
                    <div class="mb-2"><label class="form-label">Cantidad *</label>
                        <input type="number" step="0.001" name="cantidad" class="form-control" required></div>
                    <div class="mb-2"><label class="form-label">Observaciones</label>
                        <textarea name="observaciones" class="form-control" rows="2"></textarea></div>
                </div>
                <div class="modal-footer"><button class="btn btn-primary">Aplicar</button></div>
            </form>
        </div>
    </div>
</div>
@endsection