@extends('layouts.app')
@section('title', 'Inventario de Lotes')
@section('page-title', 'Inventario — Lotes en Stock')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('logistica.dashboard') }}">Logística</a></li>
    <li class="breadcrumb-item active">Inventario</li>
@endsection
@section('content')

{{-- Alertas de vencimiento --}}
<div class="row mb-2">
    <div class="col-md-4">
        <div class="alert alert-danger d-flex align-items-center py-2 {{ $vencidos == 0 ? 'd-none' : '' }}" id="alertVencidos">
            <i class="fas fa-times-circle fa-lg mr-3"></i>
            <div>
                <strong>{{ $vencidos }}</strong> lote(s) <strong>vencido(s)</strong> con stock disponible.
                <a href="{{ request()->fullUrlWithQuery(['estado' => 'vencido']) }}" class="alert-link ml-2">Ver</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="alert alert-warning d-flex align-items-center py-2">
            <i class="fas fa-exclamation-triangle fa-lg mr-3"></i>
            <div>
                <strong>{{ $alertas30 }}</strong> lote(s) por vencer en los próximos <strong>30 días</strong>.
                @if($alertas30 > 0)
                    <a href="{{ request()->fullUrlWithQuery(['estado' => 'por_vencer']) }}" class="alert-link ml-2">Ver</a>
                @endif
            </div>
        </div>
    </div>
    <div class="col-md-4">
        @if($alertas7 > 0)
        <div class="alert alert-danger d-flex align-items-center py-2">
            <i class="fas fa-fire fa-lg mr-3"></i>
            <div>
                <strong>{{ $alertas7 }}</strong> lote(s) vencen en <strong>7 días o menos</strong>.
            </div>
        </div>
        @endif
    </div>
</div>

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h3 class="card-title mb-0"><i class="fas fa-warehouse mr-2"></i>Lotes en Inventario</h3>
        <div>
            <a href="{{ route('logistica.inventario.pdf', request()->query()) }}" target="_blank" class="btn btn-sm btn-danger mr-1">
                <i class="fas fa-file-pdf mr-1"></i> PDF
            </a>
            <a href="{{ route('logistica.inventario.exportar') }}" class="btn btn-sm btn-outline-success">
                <i class="fas fa-file-csv mr-1"></i> Exportar CSV
            </a>
        </div>
    </div>
    <div class="card-body">
        <form method="GET" class="row mb-3">
            <div class="col-md-4">
                <input type="text" name="search" value="{{ request('search') }}"
                    class="form-control form-control-sm"
                    placeholder="Buscar por nombre o código de producto...">
            </div>
            <div class="col-md-3">
                <select name="almacen_id" class="form-control form-control-sm">
                    <option value="">Todos los almacenes</option>
                    @foreach($almacenes as $alm)
                        <option value="{{ $alm->id }}" {{ request('almacen_id') == $alm->id ? 'selected' : '' }}>
                            {{ $alm->nombre }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="estado" class="form-control form-control-sm">
                    <option value="">Todos los estados</option>
                    <option value="vigente"    {{ request('estado') === 'vigente'    ? 'selected' : '' }}>Vigente</option>
                    <option value="por_vencer" {{ request('estado') === 'por_vencer' ? 'selected' : '' }}>Por vencer</option>
                    <option value="vencido"    {{ request('estado') === 'vencido'    ? 'selected' : '' }}>Vencido</option>
                </select>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-primary btn-sm w-100">
                    <i class="fas fa-search mr-1"></i>Filtrar
                </button>
            </div>
            <div class="col-md-1">
                <a href="{{ route('logistica.inventario.index') }}" class="btn btn-secondary btn-sm w-100" title="Limpiar filtros">
                    <i class="fas fa-undo"></i>
                </a>
            </div>
        </form>

        <div class="table-responsive">
            <table class="table table-sm table-hover">
                <thead class="thead-light">
                    <tr>
                        <th>N° Lote</th>
                        <th>Producto</th>
                        <th>Categoría</th>
                        <th>Almacén</th>
                        <th class="text-right">Cant. Actual</th>
                        <th>U.M.</th>
                        <th>Proveedor</th>
                        <th>F. Ingreso</th>
                        <th>F. Vencimiento</th>
                        <th>Estado</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($lotes as $lote)
                        @php
                            $diasRestantes = $lote->fecha_vencimiento
                                ? now()->diffInDays($lote->fecha_vencimiento, false)
                                : null;
                            $rowClass = match(true) {
                                $lote->estado === 'vencido'         => 'table-danger',
                                $diasRestantes !== null && $diasRestantes <= 7  => 'table-danger',
                                $diasRestantes !== null && $diasRestantes <= 30 => 'table-warning',
                                default                             => '',
                            };
                        @endphp
                        <tr class="{{ $rowClass }}">
                            <td><code>{{ $lote->numero_lote }}</code></td>
                            <td>
                                <strong>{{ $lote->producto->nombre }}</strong><br>
                                <small class="text-muted"><code>{{ $lote->producto->codigo }}</code></small>
                            </td>
                            <td><small>{{ optional($lote->producto->categoria)->nombre ?? '—' }}</small></td>
                            <td><small>{{ $lote->almacen->nombre }}</small></td>
                            <td class="text-right">
                                <strong>{{ number_format($lote->cantidad_actual, 3) }}</strong>
                            </td>
                            <td>{{ optional($lote->producto->unidadMedida)->abreviatura }}</td>
                            <td><small>{{ optional($lote->proveedor)->razon_social ?? '—' }}</small></td>
                            <td>
                                {{ $lote->fecha_ingreso
                                    ? \Carbon\Carbon::parse($lote->fecha_ingreso)->format('d/m/Y')
                                    : '—' }}
                            </td>
                            <td>
                                @if($lote->fecha_vencimiento)
                                    {{ \Carbon\Carbon::parse($lote->fecha_vencimiento)->format('d/m/Y') }}
                                    @if($diasRestantes !== null)
                                        @if($diasRestantes <= 0)
                                            <span class="badge badge-danger ml-1">Vencido</span>
                                        @elseif($diasRestantes <= 7)
                                            <span class="badge badge-danger ml-1">{{ $diasRestantes }}d</span>
                                        @elseif($diasRestantes <= 30)
                                            <span class="badge badge-warning ml-1">{{ $diasRestantes }}d</span>
                                        @endif
                                    @endif
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td>
                                @switch($lote->estado)
                                    @case('vigente')
                                        <span class="badge badge-success">Vigente</span>
                                        @break
                                    @case('por_vencer')
                                        <span class="badge badge-warning">Por vencer</span>
                                        @break
                                    @case('vencido')
                                        <span class="badge badge-danger">Vencido</span>
                                        @break
                                    @default
                                        <span class="badge badge-secondary">{{ $lote->estado }}</span>
                                @endswitch
                            </td>
                            <td class="text-nowrap">
                                <a href="{{ route('logistica.inventario.show', $lote) }}" class="btn btn-xs btn-info" title="Ver lote">
                                    <i class="fas fa-eye"></i>
                                </a>
                                @hasanyrole('super-admin|jefe-logistica|jefe-calidad')
                                @if($lote->estado === 'bloqueado')
                                    <form method="POST" action="{{ route('logistica.inventario.desbloquear', $lote) }}" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-xs btn-success" title="Desbloquear lote"
                                            onclick="return confirm('¿Desbloquear el lote {{ $lote->numero }}?')">
                                            <i class="fas fa-unlock"></i>
                                        </button>
                                    </form>
                                @elseif(in_array($lote->estado, ['vigente','por_vencer']))
                                    <button type="button" class="btn btn-xs btn-danger"
                                        title="Bloquear lote"
                                        onclick="bloquearLote({{ $lote->id }}, '{{ $lote->numero }}')">
                                        <i class="fas fa-lock"></i>
                                    </button>
                                @endif
                                @endhasanyrole
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="11" class="text-center text-muted py-4">
                                <i class="fas fa-inbox fa-2x mb-2 d-block"></i>No se encontraron lotes con stock.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="mt-2">{{ $lotes->links() }}</div>
    </div>
</div>

{{-- Modal bloqueo --}}
<div class="modal fade" id="modalBloquear" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white py-2">
                <h6 class="modal-title"><i class="fas fa-lock mr-1"></i>Bloquear Lote</h6>
                <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
            </div>
            <form id="form-bloquear" method="POST">
                @csrf
                <div class="modal-body">
                    <p class="mb-2">Lote: <strong id="bloquear-numero"></strong></p>
                    <div class="form-group mb-0">
                        <label class="small">Motivo (opcional)</label>
                        <input type="text" name="motivo" class="form-control form-control-sm"
                            placeholder="Ej: En revisión de calidad...">
                    </div>
                </div>
                <div class="modal-footer py-2">
                    <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-sm btn-danger"><i class="fas fa-lock mr-1"></i>Bloquear</button>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
<script>
function bloquearLote(id, numero) {
    document.getElementById('bloquear-numero').textContent = numero;
    document.getElementById('form-bloquear').action = '/logistica/inventario/' + id + '/bloquear';
    $('#modalBloquear').modal('show');
}
</script>
@endpush

@endsection