@extends('layouts.app')

@section('title', 'Asignacion de alimentos')
@section('full_width', '1')

@section('content')
    @php
        $formItems = old('items', $prefilledItems ?? []);
    @endphp
    <div class="content-stage">
        <div class="card card-soft border-0">
            <div class="card-body p-4 p-md-5">
                <h1 class="h4 mb-2">Asignacion de alimentos</h1>
                <p class="text-muted-brand mb-4">Complete los datos para preparar y entregar el paquete.</p>

                <div class="page-shell">
                    @if (session('operacion_resultado'))
                        @php
                            $resultado = session('operacion_resultado');
                        @endphp
                        <section class="section-card operation-result">
                            <div class="section-title">Resultado de operacion</div>
                            <div class="row g-2 mb-3">
                                <div class="col-12 col-md-3"><span class="text-muted-brand">Nro:</span> <strong>#{{ $resultado['numero'] ?? '-' }}</strong></div>
                                <div class="col-12 col-md-3"><span class="text-muted-brand">Ubicacion o destino:</span> <strong>{{ $resultado['ubicacion'] ?? '-' }}</strong></div>
                                <div class="col-12 col-md-3"><span class="text-muted-brand">Items:</span> <strong>{{ $resultado['total_items'] ?? 0 }}</strong></div>
                            </div>
                            @if (! empty($resultado['numero']))
                                <div class="d-flex flex-wrap gap-2 mb-3">
                                    <a href="{{ $resultado['receipt_url'] ?? route('asignacion.operacion.show', ['tipo' => 'alimentos', 'numero' => $resultado['numero']]) }}" class="btn btn-outline-primary btn-sm">Ver comprobante</a>
                                    <a href="{{ $resultado['export_url'] ?? route('asignacion.operacion.export', ['tipo' => 'alimentos', 'numero' => $resultado['numero']]) }}" class="btn btn-success btn-sm">Exportar Excel (.xlsx)</a>
                                </div>
                            @endif
                            <div class="table-responsive">
                                <table class="table table-sm align-middle mb-0">
                                    <thead>
                                        <tr>
                                            <th>Codigo</th>
                                            <th>Descripcion</th>
                                            <th>Cant.</th>
                                            <th>Stock antes</th>
                                            <th>Stock despues</th>
                                            <th>Fuente despues</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach (($resultado['items'] ?? []) as $row)
                                            <tr>
                                                <td>{{ $row['codigo'] ?? '-' }}</td>
                                                <td>{{ $row['descripcion'] ?? '-' }}</td>
                                                <td>{{ $row['cantidad'] ?? 0 }}</td>
                                                <td>{{ $row['stock_antes'] ?? 0 }}</td>
                                                <td>{{ $row['stock_despues'] ?? 0 }}</td>
                                                <td>{{ $row['fuente_despues'] ?? 0 }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </section>
                    @endif

                    <section class="section-card">
                        <div class="section-title">Solicitante</div>
                        <div class="summary-bar">
                            <div class="summary-item">
                                <div class="label">Prestamista (cedula validada)</div>
                                <div class="value">{{ $prestamista }}</div>
                            </div>
                            <div class="summary-item">
                                <div class="label">Nombre completo</div>
                                <div class="value">{{ $prestamistaUser->nombre ?? 'Sin nombre' }}</div>
                            </div>
                            <div class="summary-item">
                                <div class="label">Tipo de usuario</div>
                                <div class="value">{{ $tipoLabel }}</div>
                            </div>
                            <div class="summary-item">
                                <div class="label">Numero de dependencia</div>
                                <div class="value">{{ $prestamistaUser->dependencia ?? 'Sin dependencia' }}</div>
                            </div>
                        </div>
                    </section>

                    @if ($solicitudActiva)
                        <section class="section-card">
                            <div class="section-title">Solicitud activa precargada</div>
                            <div class="summary-bar">
                                <div class="summary-item">
                                    <div class="label">Solicitud</div>
                                    <div class="value">{{ $solicitudActiva->numero_solicitud ?? 'Sin numero' }}</div>
                                </div>
                                <div class="summary-item">
                                    <div class="label">Estado actual</div>
                                    <div class="value">{{ ucfirst((string) ($solicitudActiva->estado ?? '')) ?: 'Sin estado' }}</div>
                                </div>
                                <div class="summary-item">
                                    <div class="label">Fecha de solicitud</div>
                                    <div class="value">{{ optional($solicitudActiva->fecha_solicitud)->format('d/m/Y H:i') ?? 'Sin fecha' }}</div>
                                </div>
                                <div class="summary-item">
                                    <div class="label">Items cargados</div>
                                    <div class="value">{{ $solicitudResumen['loaded_items'] ?? 0 }} de {{ $solicitudResumen['requested_items'] ?? 0 }}</div>
                                </div>
                            </div>
                            @if (($solicitudResumen['omitted_items'] ?? 0) > 0)
                                <div class="alert alert-warning mt-3 mb-0" role="alert">
                                    Algunos items de la solicitud no se precargaron porque ya no estan disponibles en stock.
                                </div>
                            @endif
                        </section>
                    @endif

                    <form id="entregar-form" method="POST" action="{{ route('asignacion.alimentos.entregar') }}" class="form-shell">
                        @csrf

                        <section class="section-card">
                            <div class="section-title-row">
                                <div class="section-title">Items agregados</div>
                                <button type="button" class="btn btn-brand action-btn" data-bs-toggle="modal" data-bs-target="#agregarItemModal">Agregar item</button>
                            </div>
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table table-sm align-middle items-table">
                                        <thead>
                                            <tr>
                                                <th class="description-col">Bien</th>
                                                <th class="type-col">Tipo / Marca</th>
                                                <th class="stock-col">Stock</th>
                                                <th class="qty-col">Cantidad</th>
                                                <th class="obs-col">Obs.</th>
                                                <th class="actions-col">Acciones</th>
                                            </tr>
                                        </thead>
                                        <tbody id="items-table-body">
                                            @forelse ($formItems as $index => $item)
                                                <tr data-item-row="true">
                                                    @include('partials.asignacion.item-row-cells-compact', [
                                                        'index' => $index,
                                                        'codigo' => $item['codigo'] ?? '-',
                                                        'codigoAttr' => $item['codigo'] ?? '',
                                                        'almacenadoAttr' => $item['almacenado'] ?? '',
                                                        'entregadoAttr' => $item['entregado'] ?? '',
                                                        'descripcion' => $item['descripcion'] ?? '-',
                                                        'descripcionAttr' => $item['descripcion'] ?? '',
                                                        'marca' => $item['marca'] ?? '-',
                                                        'marcaAttr' => $item['marca'] ?? '',
                                                        'tipo' => $item['tipo'] ?? '-',
                                                        'tipoAttr' => $item['tipo'] ?? '',
                                                        'stock' => $item['stock'] ?? '-',
                                                        'stockAttr' => $item['stock'] ?? '',
                                                        'stockDisponibleAttr' => $item['stock_disponible'] ?? 0,
                                                        'cantidadAttr' => $item['cantidad'] ?? 1,
                                                        'observacionAttr' => $item['observacion'] ?? '',
                                                    ])
                                                </tr>
                                            @empty
                                                <tr id="items-empty-row">
                                                    <td colspan="6" class="items-empty-cell">
                                                        <div class="items-empty-state">
                                                            <strong>No hay items agregados</strong>
                                                            <span>Use el boton "Agregar item" para comenzar a armar el paquete.</span>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </section>

                        <section class="section-card">
                            <div class="section-title">Datos de entrega</div>
                            <div class="delivery-grid mb-3">
                                <div>
                                    <label class="form-label" for="ubicacion">Ubicacion o destino</label>
                                    <select id="ubicacion" name="ubicacion" class="form-select" required>
                                        <option value="">Seleccione un sitio o embarcacion</option>
                                        <optgroup label="Sitios">
                                            @foreach ($destinos as $destino)
                                                <option value="{{ $destino->id }}" {{ old('ubicacion') == $destino->id ? 'selected' : '' }}>{{ $destino->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                        <optgroup label="Embarcaciones">
                                            @foreach ($embarcaciones as $embarcacion)
                                                <option value="{{ $embarcacion->id }}" {{ old('ubicacion') == $embarcacion->id ? 'selected' : '' }}>{{ $embarcacion->nombre }}</option>
                                            @endforeach
                                        </optgroup>
                                    </select>
                                </div>
                            </div>

                            <div class="d-flex justify-content-end">
                                <button type="button" id="abrir-confirmacion-entrega-btn" class="btn btn-brand action-btn">Entregar paquete</button>
                            </div>
                            <div id="items-required-warning" class="text-danger small mt-2 d-none">Debe agregar al menos un item en "Items agregados".</div>
                        </section>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @include('partials.asignacion.item-row-template-compact')

    @include('partials.items.item-selection-modal', [
        'bienes' => $bienes,
        'stockWarningId' => 'item-stock-warning',
        'submitButtonText' => 'Agregar',
        'showScanButton' => true,
        'searchHint' => 'Escanee el codigo del bien para buscarlo en el listado.',
        'previewGridClass' => 'preview-grid modal-preview',
    ])

    <div class="modal fade" id="confirmarBorradoModal" tabindex="-1" aria-labelledby="confirmarBorradoModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content border-0 shadow">
                <div class="modal-header">
                    <h2 class="modal-title fs-6" id="confirmarBorradoModalLabel">Confirmar borrado</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                </div>
                <div class="modal-body">
                    <p class="mb-0 text-muted-brand">¿Desea borrar este item de la lista?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="button" id="confirmar-borrado-btn" class="btn btn-brand">Borrar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="confirmarEntregaModal" tabindex="-1" aria-labelledby="confirmarEntregaModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content border-0 shadow">
                <div class="modal-header">
                    <h2 class="modal-title fs-6" id="confirmarEntregaModalLabel">Confirmar entrega</h2>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                </div>
                <div class="modal-body">
                    <p class="mb-0 text-muted-brand">Esta accion procesara el carrito y actualizara el inventario. Desea continuar?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal">Cancelar</button>
                    <button type="button" id="confirmar-entrega-btn" class="btn btn-brand">Confirmar</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@include('partials.items.item-selection-modal-script')
@include('partials.alimentos.scripts')