{{-- Sweet Works ERP | app/Modules/Warehouse/Resources/Views/lots/show.blade.php | v1.1 | 29/09/2026 --}}
{{-- v1.1 — Ajustes de VB-2: agrega aviso "N de M ubicaciones retenidas" cuando el lote de negocio
     tiene más de una fila física (Retener/Liberar ahora opera sobre todas las filas del batch). --}}
{{-- v1.0 — Ventana Estructural VB-2 (Punto 3): detalle del lote — no existía ninguna pantalla de
     lote antes de esta entrega. Botones Retener/Liberar protegidos por @can, con modal de motivo
     obligatorio. Estatus/tipo de existencia/origen muestran name + color del catálogo (regla 6). --}}

@extends('layouts.vertical', ['pageTitle' => __('warehouse.lot-detail') . ' — ' . $lot->lot_number])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon bi bi-box-seam"></i> {{ __('warehouse.lot-detail') }}
        <small>{{ $lot->lot_number }}</small>
    </h1>
    <div class="subheader-block d-lg-flex align-items-center gap-2">
        <a href="{{ route('warehouse.inventory.stock-overview') }}" class="btn btn-secondary btn-sm">
            <i class="bi bi-arrow-left me-1"></i> {{ __('warehouse.back-to-inventory') }}
        </a>
    </div>
</div>
@endsection

@section('content')

<div class="row g-3">
    <div class="col-lg-8">
        <div class="panel mb-3">
            <div class="panel-hdr">
                <h2>{{ __('warehouse.lot-detail') }}</h2>
                <div class="panel-toolbar">
                    <span class="badge" style="background-color:{{ $lot->lotStatus?->color ?? '#6c757d' }};">
                        {{ $lot->lotStatus?->name ?? '—' }}
                    </span>
                </div>
            </div>
            <div class="panel-container show">
                <div class="panel-content">
                    <table class="table table-sm table-borderless mb-0">
                        <tr><td class="text-muted small" style="width:180px;">{{ __('warehouse.lot-number') }}</td><td class="fw-bold">{{ $lot->lot_number }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.product') }}</td><td>{{ $lot->product?->product_name ?? '—' }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.warehouse') }}</td><td>{{ $lot->warehouse?->name ?? '—' }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.zone') }}</td><td><span class="badge bg-{{ $lot->zone?->color }}">{{ $lot->zone?->code }}</span> {{ $lot->zone?->name }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.bin-code') }}</td><td>{{ $lot->location?->code ?? '—' }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.quantity') }}</td><td class="fw-bold">{{ number_format($lot->quantity, 2) }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.available') }}</td><td>{{ number_format($lot->quantity_available, 2) }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.reserved') }}</td><td>{{ number_format($lot->quantity_reserved, 2) }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.unit-cost-lbl') }}</td><td>${{ number_format($lot->unit_cost, 4) }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.entry-date') }}</td><td>{{ $lot->entry_date?->format('d/m/Y') }}</td></tr>
                        <tr><td class="text-muted small">{{ __('warehouse.origin') }}</td><td>{{ $lot->originType?->name ?? '—' }}</td></tr>
                        <tr>
                            <td class="text-muted small">{{ __('warehouse.stock-type') }}</td>
                            <td><span class="badge" style="background-color:{{ $lot->stockType?->color ?? '#6c757d' }};">{{ $lot->stockType?->name ?? '—' }}</span></td>
                        </tr>
                        @if($lot->block_reason)
                        <tr><td class="text-muted small">{{ __('warehouse.reason') }}</td><td class="text-danger">{{ $lot->block_reason }}</td></tr>
                        @endif
                    </table>
                </div>
            </div>
        </div>

        <div class="panel mb-3">
            <div class="panel-hdr"><h2>{{ __('warehouse.status-history') }}</h2></div>
            <div class="panel-container show">
                <div class="panel-content p-0">
                    @forelse($lot->statusLogs as $log)
                    <div style="padding:10px 16px;border-bottom:1px solid #f0f0f0;font-size:12px;">
                        <div class="d-flex justify-content-between">
                            <div>
                                <span class="badge" style="background-color:{{ $log->fromStatus?->color }};">{{ $log->fromStatus?->name }}</span>
                                <i class="bi bi-arrow-right mx-1"></i>
                                <span class="badge" style="background-color:{{ $log->toStatus?->color }};">{{ $log->toStatus?->name }}</span>
                            </div>
                            <span class="text-muted">{{ $log->created_at->format('d/m/Y H:i') }} — {{ $log->user?->name }}</span>
                        </div>
                        <div class="mt-1">{{ $log->reason }}</div>
                    </div>
                    @empty
                    <div class="p-3 text-center text-muted">{{ __('warehouse.no-status-history') }}</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="panel mb-3">
            <div class="panel-hdr"><h2>{{ __('warehouse.lot-status') }}</h2></div>
            <div class="panel-container show">
                <div class="panel-content">
                    @if($businessLotSiblingsCount > 1)
                    <div class="alert alert-{{ $onHoldSiblingsCount > 0 ? 'danger' : 'secondary' }} py-2 px-3 small mb-3">
                        {{ __('warehouse.locations-on-hold', ['held' => $onHoldSiblingsCount, 'total' => $businessLotSiblingsCount]) }}
                    </div>
                    @endif
                    <div class="d-grid gap-2">
                        @can('warehouse.lots.hold')
                        <button type="button" class="btn btn-danger btn-sm" {{ $lot->isOnHold() ? 'disabled' : '' }}
                                onclick="openLotStatusModal('hold')">
                            <i class="bi bi-pause-circle me-1"></i> {{ __('warehouse.place-on-hold') }}
                        </button>
                        @endcan
                        @can('warehouse.lots.release')
                        <button type="button" class="btn btn-success btn-sm" {{ $lot->isOnHold() ? '' : 'disabled' }}
                                onclick="openLotStatusModal('release')">
                            <i class="bi bi-play-circle me-1"></i> {{ __('warehouse.release-hold') }}
                        </button>
                        @endcan
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Modal de motivo — Retener/Liberar --}}
<div class="modal fade" id="lotStatusModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form id="lotStatusForm" method="POST" action="">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="lotStatusModalTitle"></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <label class="form-label fw-bold small">{{ __('warehouse.reason') }} <span class="text-danger">*</span></label>
                    <textarea name="reason" class="form-control" rows="3" maxlength="500" required></textarea>
                    <div class="form-text" id="lotStatusModalHelp"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">{{ __('warehouse.close') }}</button>
                    <button type="submit" class="btn btn-primary btn-sm" id="lotStatusModalSubmit"></button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection

@section('scripts')
<script>
function openLotStatusModal(action) {
    var form   = document.getElementById('lotStatusForm');
    var title  = document.getElementById('lotStatusModalTitle');
    var help   = document.getElementById('lotStatusModalHelp');
    var submit = document.getElementById('lotStatusModalSubmit');

    if (action === 'hold') {
        form.action = '{{ route('warehouse.lots.hold', $lot) }}';
        title.textContent = '{{ __('warehouse.hold-modal-title') }}';
        help.textContent   = '{{ __('warehouse.hold-reason-help') }}';
        submit.textContent = '{{ __('warehouse.confirm-hold') }}';
        submit.className   = 'btn btn-danger btn-sm';
    } else {
        form.action = '{{ route('warehouse.lots.release', $lot) }}';
        title.textContent = '{{ __('warehouse.release-modal-title') }}';
        help.textContent   = '{{ __('warehouse.release-reason-help') }}';
        submit.textContent = '{{ __('warehouse.confirm-release') }}';
        submit.className   = 'btn btn-success btn-sm';
    }

    bootstrap.Modal.getOrCreateInstance(document.getElementById('lotStatusModal')).show();
}
</script>
@endsection