{{-- New-Unity ERP | resources/views/partials/disposal_modal.blade.php | v1.1 | 19/07/2026 --}}
{{-- v1.0 — Modal de disposicion de material bloqueado.                                     --}}
{{-- v1.1 — Checkbox para modificar costo. Muestra costo original. Reset correcto de cards. --}}

<div class="modal fade" id="disposalModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-warning text-dark">
                <h5 class="modal-title">
                    <i class="fal fa-exclamation-triangle me-2"></i>
                    Disposición de Material Bloqueado
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">

                {{-- Info del lote --}}
                <div class="alert alert-secondary py-2 mb-3 small">
                    <div class="row g-2">
                        <div class="col-md-3"><strong>Lote:</strong> <span id="dLotNumber"></span></div>
                        <div class="col-md-4"><strong>Producto:</strong> <span id="dProduct"></span></div>
                        <div class="col-md-2"><strong>Cantidad:</strong> <span id="dQty"></span></div>
                        <div class="col-md-3"><strong>Valor:</strong> <span id="dValue"></span></div>
                    </div>
                </div>

                {{-- Tipo de disposicion --}}
                <div class="mb-3">
                    <label class="form-label fw-bold small">Tipo de Disposición <span class="text-danger">*</span></label>
                    <div class="row g-2">
                        <div class="col-md-4">
                            <div class="disposal-type-card p-3 border rounded text-center"
                                 style="cursor:pointer;border:2px solid #dee2e6!important;position:relative;"
                                 onclick="selectDisposalType('destruction', this)">
                                <i class="fal fa-trash-alt fa-2x text-danger mb-2 d-block"></i>
                                <div class="fw-bold small">Destrucción</div>
                                <div style="font-size:10px;color:#6c757d;">Pérdida contable</div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="disposal-type-card p-3 border rounded text-center"
                                 style="cursor:pointer;border:2px solid #dee2e6!important;position:relative;"
                                 onclick="selectDisposalType('return_vendor', this)">
                                <i class="fal fa-undo fa-2x text-primary mb-2 d-block"></i>
                                <div class="fw-bold small">Devolución a Proveedor</div>
                                <div style="font-size:10px;color:#6c757d;">RMA / Nota de crédito</div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="disposal-type-card p-3 border rounded text-center"
                                 style="cursor:pointer;border:2px solid #dee2e6!important;position:relative;"
                                 onclick="selectDisposalType('reconditioning', this)">
                                <i class="fal fa-sync-alt fa-2x text-success mb-2 d-block"></i>
                                <div class="fw-bold small">Reacondicionamiento</div>
                                <div style="font-size:10px;color:#6c757d;">Regresa a stock TR</div>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" id="disposalType">
                </div>

                {{-- Cantidad y referencia --}}
                <div class="row g-3 mb-3">
                    <div class="col-md-4">
                        <label class="form-label fw-bold small">Cantidad a Disponer <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <input type="number" id="disposalQty" class="form-control"
                                   step="0.0001" min="0.0001" oninput="updateDisposalValue()">
                            <button type="button" class="btn btn-outline-secondary btn-sm"
                                    onclick="setDisposalFullQty()">Todo</button>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold small">Referencia / RMA</label>
                        <input type="text" id="disposalReference" class="form-control"
                               placeholder="Ej: RMA-2026-001">
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold small">Valor a Dar de Baja</label>
                        <input type="text" id="disposalValueDisplay" class="form-control bg-light fw-bold" readonly>
                    </div>
                </div>

                {{-- Campos extra para reacondicionamiento --}}
                <div id="reconditioningFields" style="display:none;">
                    <div class="alert alert-success py-2 small mb-3">
                        <i class="fal fa-info-circle me-1"></i>
                        El material regresará a stock <strong>unrestricted</strong> en zona TR.
                    </div>
                    <div id="originalLotInfo" class="mb-3" style="display:none;"></div>
                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <label class="form-label fw-bold small">Costo Unitario</label>
                            <div class="alert alert-secondary py-1 small mb-2">
                                Costo original: <strong id="originalCostLabel"></strong>
                            </div>
                            <div class="form-check mb-2">
                                <input class="form-check-input" type="checkbox" id="chkModifyCost"
                                       onchange="toggleCostField(this)">
                                <label class="form-check-label small" for="chkModifyCost">
                                    Modificar costo por reproceso
                                </label>
                            </div>
                            <input type="number" id="disposalNewCost" class="form-control"
                                   step="0.01" placeholder="Nuevo costo unitario" style="display:none;">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-bold small">Bin Destino (TR)</label>
                            <select id="disposalToLocation" class="form-select">
                                <option value="">-- Sin bin específico --</option>
                            </select>
                        </div>
                    </div>
                </div>

                {{-- Motivo --}}
                <div class="mb-3">
                    <label class="form-label fw-bold small">Motivo <span class="text-danger">*</span></label>
                    <textarea id="disposalReason" class="form-control" rows="2"
                              placeholder="Describe el motivo de la disposición..." required></textarea>
                </div>
                {{-- Notas --}}
                <div class="mb-2">
                    <label class="form-label fw-bold small">Observaciones adicionales</label>
                    <input type="text" id="disposalNotes" class="form-control"
                           placeholder="Observaciones opcionales...">
                </div>

                {{-- Advertencia --}}
                <div id="disposalWarning" class="alert alert-danger py-2 small" style="display:none;">
                    <i class="fal fa-exclamation-circle me-1"></i>
                    <span id="disposalWarningMsg"></span>
                </div>

            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    <i class="fal fa-times me-1"></i> Cancelar
                </button>
                <button type="button" class="btn btn-warning fw-bold" id="btnDispose"
                        onclick="confirmDisposalWithPin()" disabled>
                    <i class="fal fa-check me-1"></i> Confirmar Disposición
                </button>
            </div>
        </div>
    </div>
</div>

<script>
var DISPOSAL = {
    lotId:    null,
    lotNumber:'',
    product:  '',
    qty:      0,
    unitCost: 0,
    type:     '',
};

function showDisposalModal(lotId, lotNumber, product, qty, unitCost, warehouseId) {
    DISPOSAL.lotId       = lotId;
    DISPOSAL.lotNumber   = lotNumber;
    DISPOSAL.product     = product;
    DISPOSAL.qty         = parseFloat(qty);
    DISPOSAL.unitCost    = parseFloat(unitCost);
    DISPOSAL.warehouseId = warehouseId || 1;
    DISPOSAL.type     = '';

    document.getElementById('dLotNumber').textContent       = lotNumber;
    document.getElementById('dProduct').textContent         = product;
    document.getElementById('dQty').textContent             = parseFloat(qty).toLocaleString('es-MX', {minimumFractionDigits:2});
    document.getElementById('dValue').textContent           = '$' + (parseFloat(qty) * parseFloat(unitCost)).toLocaleString('es-MX', {minimumFractionDigits:2});
    document.getElementById('disposalQty').value            = qty;
    document.getElementById('disposalQty').max              = qty;
    document.getElementById('disposalValueDisplay').value   = '$' + (parseFloat(qty) * parseFloat(unitCost)).toLocaleString('es-MX', {minimumFractionDigits:2});
    document.getElementById('disposalReference').value      = '';
    document.getElementById('disposalNotes').value          = '';
    var reasonEl = document.getElementById('disposalReason');
    if (reasonEl) reasonEl.value = '';
    document.getElementById('disposalWarning').style.display= 'none';
    document.getElementById('btnDispose').disabled          = true;
    document.getElementById('reconditioningFields').style.display = 'none';
    document.getElementById('disposalType').value           = '';

    // Reset costo
    var chkCost   = document.getElementById('chkModifyCost');
    var newCost   = document.getElementById('disposalNewCost');
    var origLabel = document.getElementById('originalCostLabel');
    if (chkCost)   chkCost.checked           = false;
    if (newCost)   { newCost.style.display   = 'none'; newCost.value = ''; }
    if (origLabel) origLabel.textContent      = '$' + parseFloat(unitCost).toLocaleString('es-MX', {minimumFractionDigits:2});

    // Reset cards
    document.querySelectorAll('.disposal-type-card').forEach(function(c) {
        c.style.border     = '2px solid #dee2e6';
        c.style.background = '';
        c.style.boxShadow  = '';
        c.style.transform  = '';
        var chk = c.querySelector('.selected-check');
        if (chk) chk.remove();
    });

    new bootstrap.Modal(document.getElementById('disposalModal')).show();
}

function selectDisposalType(type, card) {
    DISPOSAL.type = type;
    document.getElementById('disposalType').value = type;

    // Reset todas las cards
    document.querySelectorAll('.disposal-type-card').forEach(function(c) {
        c.style.border     = '2px solid #dee2e6';
        c.style.background = '';
        c.style.boxShadow  = '';
        c.style.transform  = '';
        var chk = c.querySelector('.selected-check');
        if (chk) chk.remove();
    });

    // Highlight selected
    var colors = { destruction: '#dc3545', return_vendor: '#185FA5', reconditioning: '#28a745' };
    var color  = colors[type] || '#dee2e6';
    card.style.border     = '3px solid ' + color;
    card.style.background = type === 'destruction' ? '#fff0f0' :
                            type === 'return_vendor' ? '#f0f4ff' : '#f0fff4';
    card.style.boxShadow  = '0 0 0 3px ' + color + '33';
    card.style.transform  = 'scale(1.03)';

    // Agregar check
    var check = document.createElement('span');
    check.className = 'selected-check';
    check.innerHTML = '<i class="fal fa-check-circle" style="color:' + color + ';font-size:18px;position:absolute;top:6px;right:6px;"></i>';
    card.appendChild(check);

    // Mostrar campos reacondicionamiento
    document.getElementById('reconditioningFields').style.display =
        type === 'reconditioning' ? 'block' : 'none';

    // Verificar lote original y cargar bins si es reacondicionamiento
    if (type === 'reconditioning') {
        checkOriginalLot();
        loadTRBins();
    }

    validateDisposalForm();
}

function checkOriginalLot() {
    var infoDiv = document.getElementById('originalLotInfo');
    if (!infoDiv) return;
    infoDiv.innerHTML = '<div class="small text-muted"><i class="fal fa-spinner fa-spin me-1"></i> Verificando lote original...</div>';
    infoDiv.style.display = 'block';

    fetch('/warehouse/inventory/check-original-lot?lot_id=' + DISPOSAL.lotId)
        .then(function(r) { return r.json(); })
        .then(function(res) {
            if (res.found) {
                infoDiv.innerHTML =
                    '<div class="alert alert-success py-2 small mb-0">' +
                    '<i class="fal fa-check-circle me-1"></i>' +
                    '<strong>Lote original vigente:</strong> ' + res.lot_number +
                    ' — ' + parseFloat(res.quantity).toLocaleString('es-MX', {minimumFractionDigits:2}) + ' uds' +
                    (res.bin_id ? ' en <strong>' + res.bin_id + '</strong>' : '') +
                    '</div>' +
                    '<div class="mt-2">' +
                    '<div class="form-check">' +
                    '<input class="form-check-input" type="radio" name="reconMode" id="modeOriginal" value="original" checked onchange="setReconMode(this.value, ' + res.lot_id + ', ' + JSON.stringify(res.bin_id) + ')">' +
                    '<label class="form-check-label small" for="modeOriginal">Regresar al lote original <span class="badge bg-success">' + res.lot_number + '</span></label>' +
                    '</div>' +
                    '<div class="form-check">' +
                    '<input class="form-check-input" type="radio" name="reconMode" id="modeNew" value="new" onchange="setReconMode(this.value, null, null)">' +
                    '<label class="form-check-label small" for="modeNew">Crear lote nuevo RCN</label>' +
                    '</div>' +
                    '</div>';
                DISPOSAL.originalLotId = res.lot_id;
                DISPOSAL.originalBinId = res.bin_id;
                setReconMode('original', res.lot_id, res.bin_id);
            } else {
                infoDiv.innerHTML =
                    '<div class="alert alert-warning py-2 small mb-0">' +
                    '<i class="fal fa-exclamation-triangle me-1"></i>' +
                    res.message +
                    '</div>';
                DISPOSAL.originalLotId = null;
                DISPOSAL.originalBinId = null;
                setReconMode('new', null, null);
            }
        })
        .catch(function() {
            infoDiv.innerHTML = '<div class="alert alert-danger py-2 small mb-0">Error verificando lote original</div>';
        });
}

function setReconMode(mode, lotId, binId) {
    DISPOSAL.reconMode     = mode;
    DISPOSAL.originalLotId = lotId;
    DISPOSAL.originalBinId = binId;
    var binSel = document.getElementById('disposalToLocation');
    if (mode === 'original' && binId) {
        // Ocultar selector de bin — regresa al original
        if (binSel) binSel.parentElement.style.display = 'none';
    } else {
        // Mostrar selector de bin
        if (binSel) binSel.parentElement.style.display = 'block';
    }
}

function loadTRBins() {
    var sel = document.getElementById('disposalToLocation');
    sel.innerHTML = '<option value="">Cargando...</option>';
    fetch('/warehouse/inventory/free-bins-tr?warehouse_id=' + DISPOSAL.warehouseId)
        .then(function(r) { return r.json(); })
        .then(function(bins) {
            sel.innerHTML = '<option value="">-- Sin bin especifico --</option>';
            bins.forEach(function(b) {
                sel.innerHTML += '<option value="' + b.id + '">' + b.bin_id + ' — ' + b.code + '</option>';
            });
        })
        .catch(function() {
            sel.innerHTML = '<option value="">-- Sin bin especifico --</option>';
        });
}

function toggleCostField(chk) {
    var field = document.getElementById('disposalNewCost');
    field.style.display = chk.checked ? 'block' : 'none';
    if (!chk.checked) field.value = '';
}

function setDisposalFullQty() {
    document.getElementById('disposalQty').value = DISPOSAL.qty;
    updateDisposalValue();
}

function updateDisposalValue() {
    var qty = parseFloat(document.getElementById('disposalQty').value) || 0;
    document.getElementById('disposalValueDisplay').value =
        '$' + (qty * DISPOSAL.unitCost).toLocaleString('es-MX', {minimumFractionDigits:2});
    validateDisposalForm();
}

function validateDisposalForm() {
    var type = document.getElementById('disposalType').value;
    var qty  = parseFloat(document.getElementById('disposalQty').value) || 0;
    var warn = document.getElementById('disposalWarning');
    var msg  = document.getElementById('disposalWarningMsg');

    if (qty > DISPOSAL.qty) {
        warn.style.display = 'block';
        msg.textContent    = 'La cantidad supera el stock disponible (' + DISPOSAL.qty + ')';
        document.getElementById('btnDispose').disabled = true;
        return;
    }
    warn.style.display = 'none';
    document.getElementById('btnDispose').disabled = !(type && qty > 0);
}

function confirmDisposalWithPin() {
    // Guardar datos del formulario antes de cerrar el modal
    DISPOSAL.savedQty       = document.getElementById('disposalQty').value;
    DISPOSAL.savedReference = document.getElementById('disposalReference').value;
    DISPOSAL.savedNotes     = document.getElementById('disposalNotes').value;
    DISPOSAL.savedReason    = document.getElementById('disposalReason').value;
    DISPOSAL.savedNewCost   = document.getElementById('disposalNewCost') ? document.getElementById('disposalNewCost').value : null;
    DISPOSAL.savedToLoc     = document.getElementById('disposalToLocation') ? document.getElementById('disposalToLocation').value : null;

    // Cerrar modal de disposicion primero para que el NIP sea visible
    var dispModal = bootstrap.Modal.getInstance(document.getElementById('disposalModal'));
    if (dispModal) dispModal.hide();
    setTimeout(function() {
        requirePin(
            'Autorización de Supervisor',
            'Esta operación requiere NIP de Supervisor o superior',
            function(user) {
                submitDisposal(user);
            },
            function() {
                // Si cancela NIP volver a abrir modal de disposicion
                new bootstrap.Modal(document.getElementById('disposalModal')).show();
            },
            2
        );
    }, 400);
}

function printDisposalOrder() {
    if (DISPOSAL.lastPrintUrl) {
        window.open(DISPOSAL.lastPrintUrl, '_blank');
    }
    bootstrap.Modal.getInstance(document.getElementById('disposalSuccessModal')).hide();
    setTimeout(function() { window.location.reload(); }, 500);
}

function closeDisposalSuccess() {
    bootstrap.Modal.getInstance(document.getElementById('disposalSuccessModal')).hide();
    setTimeout(function() { window.location.reload(); }, 300);
}

function submitDisposal(authorizedUser) {
    var qty  = parseFloat(document.getElementById('disposalQty').value) || 0;
    var type = document.getElementById('disposalType').value;

    if (!type || qty <= 0) return;

    var btn = document.getElementById('btnDispose');
    btn.disabled = true;
    btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span> Procesando...';

    var data = {
        lot_id:        DISPOSAL.lotId,
        type:          type,
        quantity:      DISPOSAL.savedQty || qty,
        reason:        DISPOSAL.savedReason || DISPOSAL.savedNotes || type,
        reference:     DISPOSAL.savedReference || '',
        notes:         DISPOSAL.savedNotes || '',
        authorized_by: authorizedUser ? authorizedUser.id : null,
    };

    if (type === 'reconditioning') {
        var chkCost = document.getElementById('chkModifyCost');
        var newCost = document.getElementById('disposalNewCost');
        data.new_cost       = (chkCost && chkCost.checked && newCost.value) ? newCost.value : null;
        data.to_location_id = document.getElementById('disposalToLocation').value || null;
    }

    fetch('/warehouse/inventory/dispose', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'Accept': 'application/json',
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
        },
        body: JSON.stringify(data)
    })
    .then(function(r) { return r.json(); })
    .then(function(res) {
        btn.disabled = false;
        btn.innerHTML = '<i class="fal fa-check me-1"></i> Confirmar Disposición';

        if (res.success) {
            var dm = bootstrap.Modal.getInstance(document.getElementById('disposalModal'));
            if (dm) dm.hide();
            showNotification('Orden ' + res.order_number + ' generada correctamente', 'success');
            setTimeout(function() { window.location.reload(); }, 1500);
        } else {
            document.getElementById('disposalWarning').style.display = 'block';
            document.getElementById('disposalWarningMsg').textContent = res.message;
        }
    })
    .catch(function() {
        btn.disabled = false;
        btn.innerHTML = '<i class="fal fa-check me-1"></i> Confirmar Disposición';
        showNotification('Error de conexión', 'danger');
    });
}
</script>

{{-- Modal exito disposicion --}}
<div class="modal fade" id="disposalSuccessModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title"><i class="fal fa-check-circle me-2"></i> Disposición Registrada</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" onclick="closeDisposalSuccess()"></button>
            </div>
            <div class="modal-body text-center py-4">
                <i class="fal fa-check-circle fa-4x text-success mb-3 d-block"></i>
                <h5 class="fw-bold text-success">Orden generada exitosamente</h5>
                <p class="mb-1">Número de orden: <strong id="disposalSuccessOrderNumber"></strong></p>
                <p class="text-muted small">¿Deseas imprimir la orden ahora?</p>
            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-secondary" onclick="closeDisposalSuccess()">
                    <i class="fal fa-times me-1"></i> Cerrar
                </button>
                <button type="button" class="btn btn-primary fw-bold" onclick="printDisposalOrder()">
                    <i class="fal fa-print me-1"></i> Imprimir Orden
                </button>
            </div>
        </div>
    </div>
</div>