File manager

🍲dfcv🏰dd⋉(● ∸ ●)⋊@% PNG %k25u25%fgd5n! PNG %k25u25%fgd5n! File manager

File manager - Edit - /home/addsolutions/public_html/erp.acapsl.com/storage/framework/views/bbb2cd7091be5240e5fd27ce9e52a2ae.php

Back
<?php $__env->startSection('title', 'Project Estimations'); ?> <?php $__env->startSection('content'); ?> <style> /* Copy same style feel from SI / .si-modal-header{background:#fff;border-bottom:1px solid #e9ecef;padding:1rem 1.5rem;color:#334155;} .si-modal-footer{background:#fff;border-top:1px solid #e9ecef;padding:1rem 1.5rem;} #addSeModal .form-control,#addSeModal .form-select,#viewSeModal .form-control,#viewSeModal .form-select{ border:1px solid #ced4da;padding:.55rem .8rem;font-size:.92rem; } #addSeModal .form-control:focus,#addSeModal .form-select:focus{ border-color:#86b7fe;box-shadow:0 0 0 .2rem rgba(13,110,253,.12); } #addSeModal .form-label{font-size:.8rem;font-weight:700;letter-spacing:.2px;margin-bottom:.35rem;color:#334155;} #addSeModal .modal-body,#viewSeModal .modal-body{background:#f8fafc;} #addSeModal .card,#viewSeModal .card{border:0;border-radius:14px;box-shadow:0 10px 26px rgba(15,23,42,.06);overflow:hidden;} #addSeModal hr{opacity:1;border-top:1px dashed #e6eaf0;} .section-title{font-weight:800;color:#0f172a;font-size:.95rem;display:flex;align-items:center;gap:.5rem;} .section-title i{color:#4f46e5;font-size:1.05rem;} .si-table{font-size:.8rem;} .si-table thead th{background:#eef0f7;border-bottom:2px solid #dee2e6;font-weight:800;padding:.75rem;text-transform:uppercase;font-size:.72rem;color:#000;vertical-align:middle;white-space:nowrap;} .si-table tbody td{padding:.6rem;vertical-align:top;} .sortable{cursor:pointer;user-select:none;white-space:nowrap;} .sort-ico{font-size:14px;margin-left:6px;opacity:.55;} .sort-ico.active{opacity:1;} .req::after{content:" ";color:#dc3545;font-weight:800;} .table-responsive{overflow:visible!important;} .si-table td.text-end,.si-table th.text-end{font-variant-numeric:tabular-nums;} /* alignment row for SI + Template controls / .se-source-row{display:flex;gap:.5rem;align-items:stretch;width:100%;} .se-source-row .wrap{flex:1 1 auto;min-width:0;} .se-source-row .choices{width:100%!important;margin:0!important;height:42px!important;} .se-source-row .choices__inner{height:42px!important;min-height:42px!important;border-radius:.55rem!important;display:flex!important;align-items:center!important;padding:0 12px!important;} .se-source-row .choices__list--single{padding:0!important;margin:0!important;} .pricing-float { position: absolute; top: 14px; right: 14px; background: #ffffff; border-radius: 10px; padding: 8px 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); border-left: 4px solid #6366f1; font-size: 0.72rem; z-index: 2; } .pricing-float .title { font-size: 0.65rem; text-transform: uppercase; letter-spacing: .8px; color: #6b7280; margin-bottom: 2px; } .pricing-float .mode { font-weight: 600; color: #111827; } / Hide Sales Price column in Add Form / #addSeModal th:nth-child(5), #addSeModal td:nth-child(5) { display: none; } #sePricingSection { display: none; } #viewSePricingSection { display: none; } </style> <div class="row"> <div class="col-12"> <div class="page-title-box d-sm-flex align-items-center justify-content-between"> <h4 class="mb-sm-0">Project Estimations</h4> <div class="page-title-right"> <ol class="breadcrumb m-0"> <li class="breadcrumb-item"><a href="<?php echo e(url('/')); ?>">Dashboard</a></li> <li class="breadcrumb-item">Project</li> <li class="breadcrumb-item active">Project Estimations</li> </ol> </div> </div> </div> </div> <div class="row align-items-center g-3 mb-4"> <div class="col-sm-3 me-auto"> <h5 class="card-title mb-0"> Project Estimation List <span class="badge bg-success ms-1 align-baseline se-count"><?php echo e($salesEstimations->total() ?? ''); ?></span> </h5> </div> <div class="col-lg-3 col-sm-5 col"> <div class="search-box"> <input type="text" id="seSearch" class="form-control search" placeholder="Search SE / Customer..." value="<?php echo e($search ?? ''); ?>"> <i class="ri-search-line search-icon"></i> </div> </div> <div class="col-sm-auto col-auto"> <a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addSeModal"> <i class="bx bx-plus me-1"></i> Create Project Estimation </a> </div> </div> <div class="card"> <div class="card-body"> <div class="table-responsive"> <table class="table align-middle mb-0 si-table"> <thead> <tr> <th style="width:80px;" class="sortable" data-sort="row_no"> No <i class="ri-arrow-up-down-line sort-ico" data-ico="row_no"></i> </th> <th class="sortable" data-sort="id"> SE No <i class="ri-arrow-up-down-line sort-ico" data-ico="id"></i> </th> <th class="sortable" data-sort="doc_date"> Date <i class="ri-arrow-up-down-line sort-ico" data-ico="doc_date"></i> </th> <th>Customer</th> <th>Job</th> <th class="text-end sortable" data-sort="grand_total"> Estimate Total <i class="ri-arrow-up-down-line sort-ico" data-ico="grand_total"></i> </th> <th>Status</th> <th>MR</th> <th class="text-end" style="width:220px;">Actions</th> </tr> </thead> <tbody id="seTableBody"> <?php echo $__env->make('pages.sales.partials.sales_estimation_rows', [ 'salesEstimations' => $salesEstimations, ], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?> </tbody> </table> <div id="sePaginationLinks" class="mt-3"> <?php echo e($salesEstimations->links('pagination::bootstrap-5')); ?> </div> </div> </div> </div> <div class="modal fade" id="addSeModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-fullscreen modal-dialog-scrollable"> <div class="modal-content border-0"> <div class="modal-header si-modal-header justify-content-between"> <div class="d-flex align-items-center gap-3"> <div class="d-flex align-items-center justify-content-center rounded-2 bg-primary bg-opacity-10" style="width:40px;height:40px;"> <i class="ri-file-list-3-line text-primary fs-18"></i> </div> <div> <h5 class="modal-title mb-0">Create Project Estimation</h5> <small class="text-muted">Create estimation with sources + editable items</small> </div> </div> <div class="d-flex align-items-center gap-3"> <div class="form-check form-switch mb-0"> <input class="form-check-input" type="checkbox" id="keepOpenAfterSubmitSE"> <label class="form-check-label small" for="keepOpenAfterSubmitSE">Keep open</label> </div> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> </div> <div class="modal-body p-4"> <div class="row g-4"> <div class="col-12"> <div class="card"> <div class="card-body p-4 position-relative"> <div id="se_price_mode_badge" class="pricing-float"> <div class="title">Pricing Mode</div> <div class="mode">-</div> </div> <div class="section-title mb-3"> <i class="ri-information-line"></i> Estimation Details </div> <div class="row g-3"> <div class="col-lg-4"> <label class="form-label req">Job</label> <select class="form-select" id="se_job_id"> <option value="">Select...</option> <?php $__currentLoopData = $jobs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $j): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <option value="<?php echo e($j->id); ?>"> <?php echo e($j->job_no); ?><?php echo e($j->customer_name ? ' \| '.$j->customer_name : ''); ?> </option> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </select> <small class="text-muted">Select the Job first. Estimation will be linked to this job.</small> </div> <div class="col-lg-4"> <label class="form-label req">Store</label> <select class="form-select" id="se_multi_store_id"> <option value="">Select...</option> <?php $__currentLoopData = $stores; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $s): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <option value="<?php echo e($s->id); ?>"><?php echo e($s->name); ?></option> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </select> <small class="text-muted">Stock availability will be checked from this store.</small> </div> <div class="col-lg-3"> <label class="form-label req">Doc Date</label> <input type="text" class="form-control" id="se_doc_date" placeholder="YYYY-MM-DD"> </div> <div class="col-lg-4"> <label class="form-label req">Customer</label> <!-- Hidden value for submit --> <input type="hidden" id="se_customer_id" name="customer_id"> <!-- Display only --> <input type="text" class="form-control" id="se_customer_name" disabled placeholder="Customer will load from Job"> </div> <div class="col-lg-4"> <label class="form-label">Department</label> <input type="hidden" id="se_department_id" name="department_id"> <input type="text" class="form-control bg-light" id="se_department_name" disabled placeholder="Auto from Job"> </div> <div class="col-lg-4"> <label class="form-label">Payment Term</label> <input type="hidden" id="se_payment_term_id" name="payment_term_id"> <input type="text" class="form-control bg-light" id="se_payment_term_name" disabled placeholder="Auto from Job"> </div> <div class="col-lg-2"> <label class="form-label">Due Date</label> <input type="text" class="form-control" id="se_due_date" placeholder="YYYY-MM-DD"> </div> <div class="col-lg-2"> <label class="form-label req">Order Qty</label> <input type="number" class="form-control" id="se_order_qty" value="1" min="1" step="1"> </div> <div class="col-lg-4"> <label class="form-label">PO Number</label> <input type="text" class="form-control" id="se_po_number" readonly> </div> <div class="col-lg-4"> <label class="form-label">Job Value</label> <input type="text" class="form-control text-end" id="se_job_value" readonly> </div> </div> <div class="row g-3 mt-1"> <div class="col-lg-4"> <label class="form-label req">Source Type</label> <select class="form-select" id="se_source_type"> <option value="manual">Manual</option> <!-- <option value="si">From Sales Inquiry</option> --> <option value="template">From Template</option> <!-- <option value="si_template">Sales Inquiry + Template</option> --> </select> <small class="text-muted">You can still apply a template after SI is loaded.</small> </div> <!-- <div class="col-lg-4" id="wrap_si_select" style="display:none;"> <label class="form-label">Sales Inquiry</label> <select class="form-select" id="se_si_id"></select> </div> --> <div class="col-lg-4" id="wrap_cg_pricing_toggle"> <label class="form-label req">Pricing Mode</label> <div class="d-flex align-items-center gap-2"> <div class="form-check form-switch mb-0"> <input class="form-check-input" type="checkbox" id="se_use_cg_pricing"> <label class="form-check-label" for="se_use_cg_pricing"> Use Customer Group Pricing </label> </div> </div> <small class="text-muted"> ON: customer group price (fallback to item master). OFF: item master basic price only. </small> </div> <div class="col-lg-4" id="wrap_template_select" style="display:none;"> <label class="form-label">Estimation Template</label> <select class="form-select" id="se_template_id"></select> </div> </div> <div class="row g-3 mt-1"> <div class="col-lg-12"> <label class="form-label">Notes</label> <input type="text" class="form-control" id="se_notes" placeholder="Enter notes..."> </div> <div class="col-12"> <label class="form-label">Attachments (Images / PDF)</label> <input type="file" class="form-control" id="se_attachments" multiple accept=".pdf,image/"> <small class="text-muted d-block mt-1">Max 5MB each.</small> <div id="se_attachments_preview" class="d-flex flex-wrap gap-2 mt-2"></div> </div> </div> <input type="hidden" id="se_price_source" value="source"> <input type="hidden" id="se_si_pricing_mode" value=""> <hr class="my-4"> <div class="section-title mb-3"> <i class="ri-shopping-cart-2-line"></i> Products & Services </div> <div class="table-responsive"> <table class="table table-bordered align-middle mb-0"> <thead> <tr> <th style="width:30%">ITEM</th> <th style="width:10%">UOM</th> <th style="width:10%">QTY</th> <th style="width:15%">COST</th> <th style="width:15%">SALES PRICE</th> <th style="width:15%">AMOUNT</th> <th style="width:10%">ACTION</th> </tr> </thead> <tbody id="se_items_body"> <?php echo $__env->make('pages.sales.partials.sales_estimation_item_row', ['index' => 0, 'items' => $items], array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?> </tbody> </table> </div> <div class="mt-3"> <button type="button" class="btn btn-primary btn-sm" id="se_add_row"> <i class="ri-add-line me-1"></i> Add Row </button> <button type="button" class="btn btn-secondary btn-sm" id="se_reset"> <i class="ri-refresh-line me-1"></i> Reset All </button> </div> <div class="row mt-4"> <div class="col-lg-5 col-xl-4 ms-auto"> <div class="rounded-3 p-4 text-white" style="background: linear-gradient(135deg,#667eea,#764ba2);"> <div class="text-uppercase text-opacity-75 fw-medium mb-1" style="font-size:0.75rem; letter-spacing:1.5px;">Price Grand Total</div> <div class="fw-bold" style="font-size:2rem;" id="se_grand">0.00</div> </div> <div id="sePricingSection"> <div class="d-flex justify-content-between align-items-center p-3 bg-light rounded mb-2"> <span class="text-muted fw-medium" style="font-size:0.9rem;">Gross Profit</span> <span class="fs-5 fw-semibold" id="se_gross_profit">0.00</span> </div> <div class="d-flex justify-content-between align-items-center p-3 bg-light rounded mb-2"> <span class="text-muted fw-medium" style="font-size:0.9rem;">Profit %</span> <span class="fs-5 fw-semibold" id="se_profit_pct">0.00%</span> </div> <div class="d-flex justify-content-between align-items-center p-3 bg-light rounded mb-2"> <span class="text-muted fw-medium" style="font-size:0.9rem;">Price Sub Total</span> <span class="fs-5 fw-semibold" id="se_sub_total">0.00</span> </div> <div class="rounded-3 border border-dashed mb-2 p-3"> <div class="d-flex justify-content-between align-items-center mb-2"> <span class="text-muted fw-medium" style="font-size:0.85rem;"> <i class="ri-percent-line me-1"></i> Discount Percentage </span> <div class="position-relative" style="max-width:150px;"> <input type="number" class="form-control text-end" id="se_discount_percentage" value="0" min="0" max="100" step="0.1" style="width:95px; padding-right:28px;"> <span class="position-absolute top-50 end-0 translate-middle-y me-2 text-muted small">%</span> </div> </div> <div class="d-flex justify-content-between align-items-center pt-2 border-top"> <span class="text-muted" style="font-size:0.85rem;">Discount Amount</span> <span class="text-danger fw-semibold" id="se_discount_amount">0.00</span> </div> </div> <div class="d-flex justify-content-between align-items-center py-3 px-4 rounded-3 bg-light mb-2"> <span class="text-muted fw-medium" style="font-size:0.9rem;">Price Net Amount</span> <span class="fw-semibold fs-5" id="se_net">0.00</span> </div> <div class="rounded-3 border border-dashed mb-3 p-3"> <div class="d-flex justify-content-between align-items-center"> <div class="d-flex align-items-center gap-2"> <span class="text-muted fw-medium" style="font-size:0.85rem;" id="se_vat_label">VAT (18%)</span> <div class="form-check form-switch mb-0"> <input class="form-check-input" type="checkbox" id="se_vat_status"> </div> <input type="hidden" id="se_vat_percentage" value="18"> </div> <span class="fw-semibold text-primary" id="se_vat_amount">0.00</span> </div> </div> <div class="rounded-3 p-4 text-white" style="background: linear-gradient(135deg,#667eea,#764ba2);"> <div class="text-uppercase text-opacity-75 fw-medium mb-1" style="font-size:0.75rem; letter-spacing:1.5px;">Price Grand Total</div> <div class="fw-bold" style="font-size:2rem;" id="se_grand">0.00</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal-footer si-modal-footer"> <button type="button" class="btn btn-light px-4" data-bs-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary px-4" id="btnSaveSE"> <i class="ri-save-3-line me-1"></i> Submit </button> </div> </div> </div> </div> <div class="modal fade" id="viewSeModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl"> <div class="modal-content border-0 shadow-lg" style="border-radius:18px; overflow:hidden;"> <div class="modal-header bg-white border-bottom"> <div class="d-flex align-items-center gap-2"> <div class="avatar-sm rounded bg-primary-subtle d-flex align-items-center justify-content-center"> <i class="ri-file-list-3-line text-primary fs-20"></i> </div> <div> <h5 class="modal-title mb-0" id="view_se_title">Project Estimation</h5> <small class="text-muted">Full project estimation details</small> </div> </div> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="row g-3"> <div class="col-lg-4"> <div class="card border-0 shadow-sm" style="border-radius:16px;"> <div class="card-body"> <div class="mb-3"> <div class="text-muted small">SE No</div> <div class="fw-semibold fs-5" id="view_se_no">-</div> <div class="text-muted small mt-1" id="view_se_customer">-</div> </div> <div class="d-flex flex-column gap-2"> <div class="d-flex justify-content-between"> <span class="text-muted">Doc Date</span> <span class="fw-semibold" id="view_se_doc_date">-</span> </div> <div class="d-flex justify-content-between"> <span class="text-muted">Due Date</span> <span class="fw-semibold" id="view_se_due_date">-</span> </div> <div class="d-flex justify-content-between"> <span class="text-muted">Order Qty</span> <span class="fw-semibold" id="view_se_order_qty">-</span> </div> <div class="d-flex justify-content-between"> <span class="text-muted">Source</span> <span class="fw-semibold" id="view_se_source">-</span> </div> <div class="d-flex justify-content-between"> <span class="text-muted">Pricing Mode</span> <span class="fw-semibold" id="view_se_pricing">-</span> </div> <div class="mt-2" id="seMrBox" style="display:none;"> <span class="badge bg-success" id="seMrNo"></span> <span class="badge bg-secondary" id="seMrStatus"></span> <a href="#" class="btn btn-sm btn-outline-primary ms-2" id="btnOpenMr" target="_blank"> Open MR </a> </div> <div class="mt-2" id="seNoMrBox" style="display:none;"> <span class="badge bg-light text-dark">No MR created</span> </div> </div> <hr> <div class="text-muted small">Totals</div> <hr> <div class="text-muted small">Costing</div> <div class="d-flex flex-column gap-2 mt-2"> <div class="d-flex justify-content-between"> <span class="text-muted">Cost Sub Total</span> <span class="fw-semibold" id="view_se_cost_sub_total">0.00</span> </div> <div class="d-flex justify-content-between"> <span class="text-muted">Gross Profit</span> <span class="fw-semibold" id="view_se_gross_profit">0.00</span> </div> <div class="d-flex justify-content-between border-bottom pb-2"> <span class="text-muted">Profit %</span> <span class="fw-semibold" id="view_se_profit_pct">0.00%</span> </div> </div> <div id="viewSePricingSection"> <div class="text-muted small">Pricing</div> <div class="d-flex flex-column gap-2 mt-2"> <div class="d-flex justify-content-between"> <span class="text-muted">Sub Total</span> <span class="fw-semibold" id="view_se_sub_total">0.00</span> </div> <div class="d-flex justify-content-between"> <span class="text-muted">Discount</span> <span class="fw-semibold text-danger" id="view_se_discount">0.00</span> </div> <div class="d-flex justify-content-between"> <span class="text-muted">Net Amount</span> <span class="fw-semibold" id="view_se_net">0.00</span> </div> <div class="d-flex justify-content-between"> <span class="text-muted">VAT</span> <span class="fw-semibold text-primary" id="view_se_vat">0.00</span> </div> <div class="d-flex justify-content-between border-top pt-2"> <span class="text-muted fw-bold">Grand Total</span> <span class="fw-bold text-primary fs-5" id="view_se_grand">0.00</span> </div> </div> </div> <hr> <div class="text-muted small">Notes</div> <div class="small" id="view_se_notes">-</div> <hr> <div class="text-muted small">Attachments</div> <div id="view_se_attachments" class="small">-</div> </div> </div> </div> <div class="col-lg-8"> <div class="card border-0 shadow-sm" style="border-radius:16px;"> <div class="card-body"> <div class="table-responsive"> <table class="table table-sm table-hover align-middle mb-0 si-table bg-white"> <thead> <tr> <th style="width:40%">Item</th> <th style="width:12%">Qty</th> <th style="width:16%">Cost</th> <!-- <th style="width:16%">Sales Price</th> --> <th style="width:16%">Amount</th> </tr> </thead> <tbody id="view_se_items_body"></tbody> </table> </div> </div> </div> </div> </div> </div> <div class="modal-footer bg-white border-top"> <button class="btn btn-light" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade" id="applyTemplateModeModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content border-0 shadow-lg" style="border-radius:16px;"> <div class="modal-header"> <h5 class="modal-title">Apply Template</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body"> <div class="text-muted mb-2">Your estimation already has items. How do you want to apply the template?</div> <div class="d-grid gap-2"> <button class="btn btn-primary" id="btnTemplateAppend"><i class="ri-add-line me-1"></i> Append Items</button> <button class="btn btn-outline-danger" id="btnTemplateReplace"><i class="ri-refresh-line me-1"></i> Replace Items</button> </div> <small class="text-muted d-block mt-3">Append is recommended (delivery, installation, warranty lines, etc.).</small> </div> </div> </div> </div> <div class="modal fade" id="templateOrderQtyModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content border-0 shadow-lg" style="border-radius:16px;"> <div class="modal-header border-bottom-0 pb-2"> <h5 class="modal-title">Template Order Quantity</h5> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body pt-2"> <p class="text-muted mb-3">Enter the order quantity to apply for this template.</p> <div class="mb-3"> <label class="form-label fw-semibold">Order Quantity <span class="text-danger"></span></label> <input type="number" class="form-control form-control-lg text-center" id="template_order_qty_input" value="1" min="1" step="1" autofocus> <small class="text-muted">Minimum: 1</small> </div> </div> <div class="modal-footer border-top-0 pt-0"> <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button> <button type="button" class="btn btn-primary" id="btnConfirmTemplateQty"> <i class="ri-check-line me-1"></i> Apply </button> </div> </div> </div> </div> <?php $__env->stopSection(); ?> <?php $__env->startPush('scripts'); ?> <script> $(function () { let editingSeId = null; // ========================= // Setup // ========================= const csrf = $('meta[name="csrf-token"]').attr('content'); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': csrf } }); const Toast = Swal.mixin({ toast: true, position: "top-end", showConfirmButton: false, timer: 4000, timerProgressBar: true }); const toastSuccess = (m) => Toast.fire({ icon: 'success', title: m \|\| 'Done' }); const toastError = (m) => Toast.fire({ icon: 'error', title: m \|\| 'Failed' }); // URLs const URL_CG_PRICE = "<?php echo e(route('sales_estimations.customer_group_price')); ?>"; const URL_SE_INDEX = "<?php echo e(route('sales_estimations.index')); ?>"; const URL_SE_STORE = "<?php echo e(route('sales_estimations.store')); ?>"; const URL_SI_OPTIONS = "<?php echo e(route('sales_inquiries.options')); ?>"; const URL_SI_DETAILS = "<?php echo e(route('sales_estimations.si_details', ['id' => '__ID__'])); ?>"; const URL_TEMPLATE_OPTIONS= "<?php echo e(url('master/estimation-templates/options')); ?>"; const URL_TEMPLATE_SHOW = "<?php echo e(url('master/estimation-templates/view')); ?>"; const URL_JOB_DETAILS = "<?php echo e(route('sales.jobs.details', '__id__')); ?>"; const URL_SE_APPROVE = "<?php echo e(route('sales_estimations.approve', ['id' => '__ID__'])); ?>"; let sortState = { sort: "<?php echo e($sort ?? 'id'); ?>", dir: "<?php echo e($dir ?? 'desc'); ?>" }; function formatNumber(num) { return Number(num \|\| 0).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }); } $(document).on('change', '#se_job_id', function () { const jobId = $(this).val(); if (!jobId) return; const url = URL_JOB_DETAILS.replace('__id__', jobId); $.get(url) .done(res => { if (!res.success) return; const job = res.data; // CUSTOMER $('#se_customer_id').val(job.customer_id); $('#se_customer_name').val(job.customer_name); // DEPARTMENT $('#se_department_id').val(job.department_id); $('#se_department_name').val(job.department_name); // PAYMENT TERM $('#se_payment_term_id').val(job.payment_term_id); $('#se_payment_term_name').val(job.payment_term_name); // OTHER $('#se_due_date').val(job.due_date); $('#se_order_qty').val(job.order_qty).prop('readonly', true); }); }); function escHtml(s) { return String(s ?? '').replace(/[&<>"']/g, m => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[m])); } function hideBsModal(modalId) { const el = document.getElementById(modalId); if (!el) return; const inst = bootstrap.Modal.getInstance(el) \|\| new bootstrap.Modal(el); inst.hide(); } function lockBtn($btn, text) { if ($btn.data('locked') === 1) return false; $btn.data('locked', 1); $btn.data('original-html', $btn.html()); $btn.prop('disabled', true).html(`<span class="spinner-border spinner-border-sm me-1"></span> ${text}`); return true; } function unlockBtn($btn, fallbackHtml) { const original = $btn.data('original-html'); $btn.data('locked', 0); $btn.prop('disabled', false); $btn.html(original \|\| fallbackHtml \|\| $btn.html()); } const allItemsSE = <?php echo json_encode($items, 15, 512) ?>; function filterItemsByCategorySE(rowIndex, categoryId) { const $row = $('#se_items_body tr[data-index="' + rowIndex + '"]'); const select = $row.find('.item-select')[0]; if (!select \|\| !select._choicesInstance) return; const filtered = allItemsSE.filter(i => String(i.item_category_id \|\| '') === String(categoryId \|\| '') ); select._choicesInstance.clearChoices(); select._choicesInstance.setChoices( filtered.map(i => ({ value: i.id, label: `${i.itemcode} \| ${i.name}`, selected: false, disabled: false, customProperties: { defaultCost: i.cost ?? 0, defaultPrice: i.sales_price ?? 0, desc: i.description ?? '', stockType: i.stock_type ?? 1, uom: i.unit_measure?.name ?? '' } })), 'value', 'label', true ); } $(document).on('change', '.item-category', function () { const categoryId = $(this).val(); // Always find the row by closest tr, not by data-index const $row = $(this).closest('tr'); const rowIndex = $row.data('index'); // If "All categories" selected → restore full item list if (!categoryId) { const select = $row.find('.item-select')[0]; if (select && select._choicesInstance) { select._choicesInstance.clearChoices(); select._choicesInstance.setChoices( allItemsSE.map(i => ({ value: i.id, label: `${i.itemcode} \| ${i.name}`, selected: false, disabled: false, customProperties: { defaultCost: i.cost ?? 0, defaultPrice: i.sales_price ?? 0, desc: i.description ?? '', stockType: i.stock_type ?? 1, uom: i.unit_measure?.name ?? '' } })), 'value', 'label', true ); } return; } // Reset row values before filtering $row.find('.item-select').val(''); $row.find('.item-desc').text(''); $row.find('.item-qty').val(0); $row.find('.item-cost').val(0); $row.find('.item-price').val(0); filterItemsByCategorySE(rowIndex, categoryId); recalcSE(); }); // ========================= // Pricing State (Single Source of Truth) // ========================= function getSourceType() { return ($('#se_source_type').val() \|\| 'manual'); } function isManualSource() { return getSourceType() === 'manual'; } // Normalize incoming values from backend to only: 'cg' or 'master' function normalizePricingMode(raw) { const v = String(raw ?? '').trim().toLowerCase(); // accept many possible backend names if (v === 'cg' \|\| v.includes('customer') \|\| v.includes('group') \|\| v.includes('cg')) return 'cg'; return 'master'; } // UI chosen price source for template/si_template ONLY (source/master/cg) function getPriceSourceUI() { return ($('#se_price_source').val() \|\| 'source'); // source/master/cg } // Manual toggle means: cg or master function getManualPricingMode() { return $('#se_use_cg_pricing').is(':checked') ? 'cg' : 'master'; } // SI pricing mode is stored here (cg/master) after loading SI function getSiPricingMode() { return normalizePricingMode($('#se_si_pricing_mode').val() \|\| 'master'); } // Should we apply CG when user selects item (manual only) function isCgPricingEnabledForItemSelect() { return isManualSource() && $('#se_use_cg_pricing').is(':checked'); } // ========================= // Badge // ========================= function updatePricingBadge() { const st = getSourceType(); const $badge = $('#se_price_mode_badge'); const $mode = $('#se_price_mode_badge .mode'); let label = '-'; let borderColor = '#6366f1'; if (st === 'manual') { const m = getManualPricingMode(); if (m === 'cg') { label = 'Manual (Customer Group Pricing)'; borderColor = '#10b981'; } else { label = 'Manual (Item Master Only)'; borderColor = '#6b7280'; } } else if (st === 'si') { const si = getSiPricingMode(); if (si === 'cg') { label = 'Sales Inquiry (CG Pricing)'; borderColor = '#10b981'; } else { label = 'Sales Inquiry (Master Pricing)'; borderColor = '#6b7280'; } } else if (st === 'template' \|\| st === 'si_template') { const ps = getPriceSourceUI(); if (ps === 'source') { label = 'Template/SI Items (Selected Source)'; borderColor = '#3b82f6'; } else if (ps === 'master') { label = 'Template/SI Items (Item Master)'; borderColor = '#6b7280'; } else if (ps === 'cg') { label = 'Template/SI Items (Customer Group Pricing)'; borderColor = '#10b981'; } } $mode.text(label); $badge.css('border-left-color', borderColor); } // ========================= // Choices Init // ========================= function initChoices(containerSelector) { const selects = document.querySelectorAll(containerSelector + ' select[data-choices]'); selects.forEach(select => { if (select._choicesInstance) { try { select._choicesInstance.destroy(); } catch (e) {} select._choicesInstance = null; } select._choicesInstance = new Choices(select, { searchEnabled: true, shouldSort: false, placeholder: true, placeholderValue: 'Select...' }); // ✅ Only populate item-select rows (not other selects like job, store etc) if (select.classList.contains('item-select')) { select._choicesInstance.setChoices( allItemsSE.map(i => ({ value: String(i.id), label: `${i.itemcode} \| ${i.name}`, selected: false, disabled: false, customProperties: { defaultCost: i.cost ?? 0, defaultPrice: i.sales_price ?? 0, desc: i.description ?? '', stockType: i.stock_type ?? 1, uom: i.unit_measure?.name ?? '' } })), 'value', 'label', true ); } }); } function rebuildSimpleChoices(selectEl, placeholder) { if (!selectEl) return; if (selectEl._choicesInstance) { try { selectEl._choicesInstance.destroy(); } catch(e) {} selectEl._choicesInstance = null; } selectEl._choicesInstance = new Choices(selectEl, { searchEnabled: true, shouldSort: false, placeholder: true, placeholderValue: placeholder \|\| 'Select...' }); } function ensureChoicesOnRow($row) { const select = $row.find('select.item-select')[0]; if (!select) return; if (select._choicesInstance) { try { select._choicesInstance.destroy(); } catch(e) {} select._choicesInstance = null; } select._choicesInstance = new Choices(select, { searchEnabled: true, shouldSort: false, placeholder: true, placeholderValue: 'Select item...' }); // ✅ Populate items programmatically — no change event fires this way select._choicesInstance.setChoices( allItemsSE.map(i => ({ value: String(i.id), label: `${i.itemcode} \| ${i.name}`, selected: false, disabled: false, customProperties: { defaultCost: i.cost ?? 0, defaultPrice: i.sales_price ?? 0, desc: i.description ?? '', stockType: i.stock_type ?? 1, uom: i.unit_measure?.name ?? '' } })), 'value', 'label', true ); } // ========================= // Sort Icons // ========================= function paintSortIcons() { $('.sort-ico').removeClass('active'); $('[data-ico="' + sortState.sort + '"]').addClass('active'); } paintSortIcons(); // ========================= // Customer Group Price Cache // ========================= const cgPriceCache = {}; // key: customerId:itemId => price function fetchCustomerGroupPrice(customerId, itemId) { if (!customerId \|\| !itemId) return $.Deferred().resolve(null).promise(); const key = `${customerId}:${itemId}`; if (cgPriceCache[key] !== undefined) { return $.Deferred().resolve(cgPriceCache[key]).promise(); } return $.get(URL_CG_PRICE, { customer_id: customerId, item_id: itemId }) .then(res => { const p = res?.data?.sales_price; cgPriceCache[key] = (p !== null && p !== undefined) ? parseFloat(p) : null; return cgPriceCache[key]; }) .catch(() => null); } // ========================= // List Load // ========================= function loadSE(pageUrl) { const url = pageUrl \|\| URL_SE_INDEX; $.ajax({ url: url, method: 'GET', dataType: 'json', cache: false, headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, data: { partial: 1, search: $('#seSearch').val(), sort: sortState.sort, dir: sortState.dir, _ts: Date.now() } }) .done(res => { $('#seTableBody').html(res.tbody \|\| ''); $('#sePaginationLinks').html(res.links \|\| ''); $('.se-count').text(res.total ?? 0); paintSortIcons(); }) .fail(xhr => { console.error('loadSE failed', xhr.status, xhr.responseText); toastError(`List reload failed (${xhr.status}). See console.`); }); } let searchTimer = null; $('#seSearch').on('input', function () { clearTimeout(searchTimer); searchTimer = setTimeout(() => loadSE(), 250); }); $(document).on('click', '#sePaginationLinks a', function(e){ e.preventDefault(); loadSE($(this).attr('href')); }); $(document).on('click', 'th.sortable', function() { const col = $(this).data('sort'); if (!col \|\| col === 'row_no') return; if (sortState.sort === col) sortState.dir = (sortState.dir === 'asc') ? 'desc' : 'asc'; else { sortState.sort = col; sortState.dir = 'asc'; } loadSE(); }); $('#se_job_id').on('change', function () { const jobId = $(this).val(); if (!jobId) return; const url = URL_JOB_DETAILS.replace('__id__', jobId); $.get(url) .done(res => { if (!res.success) return; const d = res.data; // Customer if (d.customer_id) { $('#se_customer_id').val(d.customer_id).trigger('change'); } // Department if (d.department_id) { $('#se_department_id').val(d.department_id).trigger('change'); } // Supervisor if (d.supervisor_id) { $('#se_supervisor_id').val(d.supervisor_id).trigger('change'); } // Payment Term if (d.payment_term_id) { $('#se_payment_term_id').val(d.payment_term_id).trigger('change'); } // NEW FIELDS if (d.po_number) { $('#se_po_number').val(d.po_number); } if (d.job_value) { $('#se_job_value').val(parseFloat(d.job_value \|\| 0).toFixed(2)); } // Order Qty (used for templates) // Only set order qty from Job when source type is MANUAL if (getSourceType() === 'manual') { if (d.order_qty && $('#se_order_qty').length) { $('#se_order_qty').val(d.order_qty); recalcSE(); } } // Pricing source hint (do NOT force overwrite) if (d.pricing_source) { $('#se_price_source').val(d.pricing_source); updatePricingBadge(); } if (window.seDueDatePicker) { window.seDueDatePicker.setDate(d.due_date \|\| null, true); } else { $('#se_due_date').val(d.due_date \|\| ''); } }) .fail(() => { toastError('Unable to load job details'); }); }); $(document).on('click', '.btn-approve-se', function () { const id = $(this).data('id'); if (!id) return; Swal.fire({ title: 'Approve Project Estimation?', text: 'This will update Job Items for the linked Job.', icon: 'question', showCancelButton: true, confirmButtonText: 'Approve', cancelButtonText: 'Cancel' }).then(r => { if (!r.isConfirmed) return; $.post(URL_SE_APPROVE.replace('__ID__', id)) .done(res => { toastSuccess(res?.message \|\| 'Approved'); loadSE(); }) .fail(xhr => toastError(xhr.responseJSON?.message \|\| 'Approve failed')); }); }); // ========================= // Attachment Preview // ========================= function renderAttachmentPreview(files) { const $box = $('#se_attachments_preview'); $box.html(''); if (!files \|\| files.length === 0) return; [...files].forEach(f => { const isImg = f.type && f.type.startsWith('image/'); const sizeKB = Math.round((f.size \|\| 0) / 1024); if (isImg) { const url = URL.createObjectURL(f); $box.append(` <div class="border rounded p-1" style="width:92px;"> <img src="${url}" style="width:80px;height:60px;object-fit:cover;border-radius:6px;"> <div class="text-truncate small mt-1">${escHtml(f.name)}</div> <div class="text-muted" style="font-size:11px;">${sizeKB} KB</div> </div> `); } else { $box.append(` <div class="border rounded p-2" style="min-width:220px;"> <div class="fw-semibold small">${escHtml(f.name)}</div> <div class="text-muted" style="font-size:11px;">${escHtml(f.type \|\| 'file')} • ${sizeKB} KB</div> </div> `); } }); } $(document).on('change', '#se_attachments', function () { renderAttachmentPreview(this.files); }); // ========================= // Row Builder // ========================= let rowIndexSE = 1; function createNewRowSE(index) { return ` <tr class="item-row" data-index="${index}"> <td> <select class="form-select form-select-sm item-category mb-2" data-row="${index}"> <option value="">All categories</option> <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <option value="<?php echo e($cat->id); ?>"><?php echo e($cat->name); ?></option> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </select> <select class="form-select form-select-sm item-select" data-row="${index}" data-choices> <option value="">Select item...</option> </select> <small class="text-muted d-block mt-1 item-desc"></small> </td> <td class="text-center item-uom">-</td> <td> <input type="hidden" class="item-base-qty" value="0"> <input type="number" class="form-control form-control-sm item-qty" value="0" min="0" step="0.01"> </td> <td> <input type="number" class="form-control form-control-sm item-cost border-warning" value="0.00" min="0" step="0.01" title="You can edit the item cost"> </td> <td> <input type="number" class="form-control form-control-sm item-price" value="0" min="0" step="0.01"> </td> <td class="text-end"> <strong class="item-amount">0.00</strong> <input type="hidden" class="item-amount-input" value="0"> </td> <td class="text-center"> <button type="button" class="btn btn-sm btn-soft-danger remove-item" title="Remove"> <i class="ri-delete-bin-line"></i> </button> </td> </tr> `; } // ========================= // Calculations // ========================= function syncVatLabel() { const pct = parseFloat($('#se_vat_percentage').val() \|\| 0) \|\| 0; $('#se_vat_label').text(`VAT (${pct}%)`); } function recalcSE() { let subTotal = 0; let costSubTotal = 0; $('#se_items_body tr').each(function () { const qty = parseFloat($(this).find('.item-qty').val()) \|\| 0; const price = parseFloat($(this).find('.item-price').val()) \|\| 0; const cost = parseFloat($(this).find('.item-cost').val()) \|\| 0; // const amount = qty price; const amount = qty * cost; $(this).find('.item-amount').text(formatNumber(amount)); $(this).find('.item-amount-input').val(amount.toFixed(2)); subTotal += amount; costSubTotal += (qty * cost); }); $('#se_cost_sub_total').text(formatNumber(costSubTotal)); $('#se_sub_total').text(formatNumber(subTotal)); const discPct = parseFloat($('#se_discount_percentage').val()) \|\| 0; const discAmt = (subTotal * discPct) / 100; $('#se_discount_amount').text(formatNumber(discAmt)); const net = subTotal - discAmt; $('#se_net').text(formatNumber(net)); const vatOn = $('#se_vat_status').is(':checked'); const vatPct = vatOn ? (parseFloat($('#se_vat_percentage').val()) \|\| 18) : 0; syncVatLabel(); const vatAmt = (net * vatPct) / 100; $('#se_vat_amount').text(formatNumber(vatAmt)); const grand = net + vatAmt; $('#se_grand').text(formatNumber(grand)); // ✅ Correct profit (VAT excluded) const profit = net - costSubTotal; $('#se_gross_profit').text(formatNumber(profit)); // ✅ Correct profit % (based on net sales) const profitPct = (net > 0) ? (profit / net) * 100 : 0; $('#se_profit_pct').text(profitPct.toFixed(2) + '%'); } // qty integer only (typing + paste) // ✅ Smooth decimal input (no cursor jump, allow backspace) $(document).on('input', '#se_items_body .item-qty', function () { let v = $(this).val(); // Allow empty (important for backspace) if (v === '') { recalcSE(); return; } // Allow only numbers + decimal if (!/^\d\.?\d$/.test(v)) { return; } recalcSE(); }); // Format quantity $(document).on('blur', '#se_items_body .item-qty', function () { let value = parseFloat($(this).val()); if (isNaN(value) \|\| value < 0) { value = 0; } $(this).val(value.toFixed(2)); recalcSE(); }); // Format editable cost $(document).on('blur', '#se_items_body .item-cost', function () { let value = parseFloat($(this).val()); if (isNaN(value) \|\| value < 0) { value = 0; } $(this).val(value.toFixed(2)); recalcSE(); }); $(document).on( 'input', '#se_items_body .item-price, #se_items_body .item-cost, #se_discount_percentage', recalcSE ); $(document).on('change', '#se_vat_status', recalcSE); // Order Qty multiplier for template modes function applyOrderQtyMultiplier(multiplierQty = 1) { $('#se_items_body tr').each(function () { const $row = $(this); let base = parseInt($row.find('.item-base-qty').val() \|\| 0, 10); if (isNaN(base)) base = 0; const newQty = base * multiplierQty; $row.find('.item-qty').val(newQty); }); recalcSE(); } // $(document).on('input change', '#se_order_qty', function () { // const st = getSourceType(); // if (st === 'template' \|\| st === 'si_template') { // applyOrderQtyMultiplier(); // } // }); // ========================= // Manual Pricing apply (Master or CG) // ========================= async function applyManualPriceToRow($row) { const itemId = $row.find('.item-select').val(); if (!itemId) return; const $opt = $row.find('.item-select option:selected'); const fallbackMasterPrice = parseFloat($opt.data('default-price')) \|\| 0; // Manual master -> always master if (getManualPricingMode() === 'master') { $row.find('.item-price').val(fallbackMasterPrice.toFixed(2)); return; } // manual cg -> if customer not selected yet, just fallback to master silently const customerId = $('#se_customer_id').val(); if (!customerId) { $row.find('.item-price').val(fallbackMasterPrice.toFixed(2)); return; // ✅ no toast } const gp = await fetchCustomerGroupPrice(customerId, itemId); const finalPrice = (gp !== null && gp !== undefined) ? gp : fallbackMasterPrice; $row.find('.item-price').val(parseFloat(finalPrice).toFixed(2)); } async function applyManualPriceToAllRows() { if (!isManualSource()) return; const rows = $('#se_items_body tr'); for (let i = 0; i < rows.length; i++) { await applyManualPriceToRow($(rows[i])); } recalcSE(); } // Item select change $(document).on('change', '#se_items_body .item-select', async function () { const $row = $(this).closest('tr'); const select = this; const itemId = select.value; // No item selected if (!itemId) { $row.find('.item-desc').text(''); $row.find('.item-qty').val('0'); $row.find('.item-cost') .val('0.00') .prop('readonly', false) .removeClass('bg-light') .addClass('border-warning'); $row.find('.item-price').val('0.00'); $row.find('.item-uom').text('-'); recalcSE(); return; } // Get selected item metadata from Choices const selectedValue = select._choicesInstance?.getValue(true); const choice = select._choicesInstance?._store?.choices?.find( c => String(c.value) === String(selectedValue) ); const meta = choice?.customProperties \|\| {}; const cost = parseFloat(meta.defaultCost) \|\| 0; const description = meta.desc \|\| ''; const uom = meta.uom \|\| '-'; // Set UOM $row.find('.item-uom').text(uom); // Load master cost as the default, but keep editable $row.find('.item-cost') .val(cost.toFixed(2)) .prop('readonly', false) .removeClass('bg-light') .addClass('border-warning'); // Set description $row.find('.item-desc').text(description); // Apply the relevant sales pricing if (isManualSource()) { await applyManualPriceToRow($row); } recalcSE(); }); // add/remove row $(document).on('click', '#se_add_row', function () { $('#se_items_body').append(createNewRowSE(rowIndexSE)); const $newRow = $('#se_items_body tr:last'); ensureChoicesOnRow($newRow); rowIndexSE++; }); $(document).on('click', '#se_items_body .remove-item', function () { const $tbody = $(this).closest('tbody'); if ($tbody.find('tr').length <= 1) { toastError('Cannot remove the last row'); return; } $(this).closest('tr').remove(); recalcSE(); }); // ========================= // Source UI visibility // ========================= function updateSourceUI() { const st = getSourceType(); const showSI = (st === 'si' \|\| st === 'si_template'); const showT = (st === 'template' \|\| st === 'si_template'); const isTemplateMode = (st === 'template' \|\| st === 'si_template'); $('#wrap_si_select').toggle(showSI); $('#wrap_template_select').toggle(showT); const isManual = (st === 'manual'); $('#wrap_cg_pricing_toggle').toggle(isManual); $('#se_use_cg_pricing').prop('disabled', !isManual); if (!isManual) { // avoid affecting logic $('#se_use_cg_pricing').prop('checked', false); } else { // if (!$('#se_use_cg_pricing').is(':checked')) { // $('#se_use_cg_pricing').prop('checked', true); // } } // $('#se_order_qty').prop('disabled', isTemplateMode); // choices rebuild setTimeout(() => { if (showSI) rebuildSimpleChoices(document.getElementById('se_si_id'), 'Select Sales Inquiry...'); if (showT) rebuildSimpleChoices(document.getElementById('se_template_id'), 'Select template...'); }, 10); } // source type change modal $('#se_source_type').on('change', function () { updateSourceUI(); const st = getSourceType(); // manual => no swal if (st === 'manual') { updatePricingBadge(); applyManualPriceToAllRows(); return; } // template / si_template => ask "cg or master" (keep source as default) // if (st === 'template' \|\| st === 'si_template') { // Swal.fire({ // title: 'Apply prices from?', // text: 'Choose which Sales Price should be used for loaded items.', // icon: 'question', // showCancelButton: true, // confirmButtonText: 'Customer Group', // cancelButtonText: 'Item Master', // reverseButtons: true // }).then(r => { // if (r.isConfirmed) $('#se_price_source').val('cg'); // else if (r.dismiss === Swal.DismissReason.cancel) $('#se_price_source').val('master'); // updatePricingBadge(); // }); // return; // } if (st === 'template' \|\| st === 'si_template') { $('#se_price_source').val('master'); updatePricingBadge(); return; } // si => always source for prices, but badge should reflect SI pricing mode once loaded if (st === 'si') { $('#se_price_source').val('source'); updatePricingBadge(); Swal.fire({ title: 'Sales Inquiry', text: 'SI item prices will be applied. Pricing mode will follow the inquiry (CG/Master).', icon: 'info', confirmButtonText: 'OK' }); } }); $(document).on('change', '#se_price_source', function () { updatePricingBadge(); }); $(document).on('change', '#se_use_cg_pricing', async function () { if (isManualSource()) { await applyManualPriceToAllRows(); } updatePricingBadge(); }); $(document).on('change', '#se_customer_id', async function () { if (isManualSource()) { await applyManualPriceToAllRows(); } updatePricingBadge(); }); // ========================= // Load SI options // ========================= function loadSiOptions() { $.get(URL_SI_OPTIONS).done(res => { const list = Array.isArray(res?.data) ? res.data : []; const el = document.getElementById('se_si_id'); if (!el) return; el.innerHTML = `<option value="">Select Sales Inquiry...</option>`; list.forEach(r => { const opt = document.createElement('option'); opt.value = String(r.id); opt.textContent = r.label \|\| ('#SI-' + r.id); el.appendChild(opt); }); rebuildSimpleChoices(el, 'Select Sales Inquiry...'); }); } // ========================= // Load Template options // ========================= function loadTemplateOptionsSE() { $.get(URL_TEMPLATE_OPTIONS).done(res => { const rows = Array.isArray(res?.data) ? res.data : []; const el = document.getElementById('se_template_id'); if (!el) return; el.innerHTML = `<option value="">Select template...</option>`; rows.forEach(r => { const code = r.template_code ? (r.template_code + ' - ') : ''; const opt = document.createElement('option'); opt.value = String(r.id); opt.textContent = code + (r.name \|\| ''); el.appendChild(opt); }); rebuildSimpleChoices(el, 'Select template...'); }).fail(()=> toastError('Failed to load template list')); } // ========================= // Forced Apply CG Pricing (Template modes) // ========================= async function applyCgPriceToAllRowsForced() { const customerId = $('#se_customer_id').val(); if (!customerId) { toastError('Please select customer first (to apply customer group pricing).'); return; } const rows = $('#se_items_body tr'); for (let i = 0; i < rows.length; i++) { const $row = $(rows[i]); const itemId = $row.find('.item-select').val(); if (!itemId) continue; const $opt = $row.find('.item-select option:selected'); const fallback = parseFloat($opt.data('default-price')) \|\| 0; const gp = await fetchCustomerGroupPrice(customerId, itemId); const finalPrice = (gp !== null && gp !== undefined) ? gp : fallback; $row.find('.item-price').val(parseFloat(finalPrice).toFixed(2)); } recalcSE(); } // ========================= // Build rows from SI // ========================= function buildRowsFromSIItems(siItems, mode) { const $tbody = $('#se_items_body'); const list = Array.isArray(siItems) ? siItems : []; if (mode === 'replace') { $tbody.html(''); rowIndexSE = 0; } else { rowIndexSE = $tbody.find('tr').length; if ($tbody.find('tr').length === 1) { const firstHasItem = !!$tbody.find('tr:first .item-select').val(); if (!firstHasItem) { $tbody.html(''); rowIndexSE = 0; } } } if (list.length === 0) { if ($tbody.find('tr').length === 0) { $tbody.html(createNewRowSE(0)); ensureChoicesOnRow($('#se_items_body tr:first')); rowIndexSE = 1; } recalcSE(); return; } list.forEach((it, idx) => { const index = rowIndexSE + idx; $tbody.append(createNewRowSE(index)); const $row = $tbody.find('tr:last'); ensureChoicesOnRow($row); const itemId = String(it.item_id ?? ''); const $select = $row.find('.item-select'); $select.val(itemId); const el = $select[0]; if (el && el._choicesInstance) { try { el._choicesInstance.removeActiveItems(); el._choicesInstance.setChoiceByValue(itemId); } catch (e) {} } // ✅ IMPORTANT FIX $select.trigger('change'); // ✅ FORCE SET UOM (bypass Choices issue) const item = allItemsSE.find(i => String(i.id) === String(itemId)); $row.find('.item-uom').text(item?.unit_measure?.name \|\| '-'); // base qty integer const baseQty = parseInt(it.qty \|\| 0, 10) \|\| 0; $row.find('.item-base-qty').val(baseQty); // multiply only for these template rows const finalQty = baseQty * (parseInt(multiplierQty, 10) \|\| 1); $row.find('.item-qty').val(finalQty); // Set template name and applied quantity for each item const templateName = it.template_name \|\| 'Unknown Template'; // Assuming each item has a template_name const appliedQty = multiplierQty \|\| 1; // Update the DOM elements for Template Info $row.find('.template-name').text(templateName); $row.find('.applied-qty').text(appliedQty); }); rowIndexSE = $tbody.find('tr').length; recalcSE(); } function applySI(siId) { if (!siId) return; const url = URL_SI_DETAILS.replace('__ID__', siId); $.get(url) .done(res => { const d = res?.data \|\| res; // ✅ IMPORTANT FIX: normalize and store SI pricing mode const siMode = normalizePricingMode(d.pricing_source); $('#se_si_pricing_mode').val(siMode); // SI always uses source prices for rows $('#se_price_source').val('source'); // fill form if (d.customer_id) $('#se_customer_id').val(String(d.customer_id)).trigger('change'); if (d.department_id) $('#se_department_id').val(String(d.department_id)).trigger('change'); if (d.payment_term_id) $('#se_payment_term_id').val(String(d.payment_term_id)).trigger('change'); if (d.due_date) $('#se_due_date').val(d.due_date); $('#se_notes').val(d.notes \|\| ''); // discount % compute let discPct = parseFloat(d.discount_percentage \|\| 0) \|\| 0; if (!discPct) { const sub = parseFloat(d.sub_total \|\| 0) \|\| 0; const damt = parseFloat(d.discount_amount \|\| 0) \|\| 0; if (sub > 0 && damt > 0) discPct = (damt / sub) * 100; } if (d.order_qty !== undefined && d.order_qty !== null) { $('#se_order_qty').val(parseInt(d.order_qty, 10) \|\| 1); } else { $('#se_order_qty').val('1'); } $('#se_discount_percentage').val(discPct.toFixed(2)); const vatOn = String(d.vat_status ?? 0) === '1'; $('#se_vat_status').prop('checked', vatOn); const vatPct = parseFloat(d.vat ?? 18) \|\| 18; $('#se_vat_percentage').val(vatPct); syncVatLabel(); // items buildRowsFromSIItems(d.items \|\| [], 'replace'); updatePricingBadge(); recalcSE(); toastSuccess('Sales Inquiry loaded'); }) .fail(() => toastError('Failed to load Sales Inquiry details')); } $(document).on('change', '#se_si_id', function () { const siId = $(this).val(); if (!siId) return; const hasAnyItem = !!$('#se_items_body .item-select').filter(function(){ return !!$(this).val(); }).length; if (hasAnyItem) { Swal.fire({ title: 'Load Sales Inquiry?', text: 'This will replace current items with SI items.', icon: 'question', showCancelButton: true, confirmButtonText: 'Replace', cancelButtonText: 'Cancel' }).then(r => { if (!r.isConfirmed) { $(this).val('').trigger('change'); return; } applySI(siId); }); return; } applySI(siId); }); // ========================= // Template Apply // ========================= let pendingTemplateId = null; function buildRowsFromTemplateItems(items, mode, multiplierQty = 1) { const $tbody = $('#se_items_body'); const list = Array.isArray(items) ? items : []; if (mode === 'replace') { $tbody.html(''); rowIndexSE = 0; } else { rowIndexSE = $tbody.find('tr').length; if ($tbody.find('tr').length === 1) { const firstHasItem = !!$tbody.find('tr:first .item-select').val(); if (!firstHasItem) { $tbody.html(''); rowIndexSE = 0; } } } if (list.length === 0) { if ($tbody.find('tr').length === 0) { $tbody.html(createNewRowSE(0)); ensureChoicesOnRow($('#se_items_body tr:first')); rowIndexSE = 1; } recalcSE(); return; } // Show the template name and applied order quantity for each item const templateName = items[0]?.template_name \|\| 'Unknown Template'; // Assuming each item has a `template_name` const appliedQty = multiplierQty \|\| 1; // Loop through the items and create a row for each one list.forEach((it, idx) => { const index = rowIndexSE + idx; $tbody.append(createNewRowSE(index)); const $row = $tbody.find('tr:last'); ensureChoicesOnRow($row); const itemId = String(it.item_id ?? ''); const $select = $row.find('.item-select'); $select.val(itemId); const el = $select[0]; if (el && el._choicesInstance) { try { el._choicesInstance.removeActiveItems(); el._choicesInstance.setChoiceByValue(itemId); } catch (e) {} } $select.trigger('change'); // ✅ FORCE SET UOM (bypass Choices issue) const item = allItemsSE.find(i => String(i.id) === String(itemId)); $row.find('.item-uom').text(item?.unit_measure?.name \|\| '-'); // Add the template name and applied quantity for each item in the item row $row.find('.item-desc').append(` <br><small class="text-muted"> <strong>Template:</strong> ${templateName} <br> <strong>Applied Quantity:</strong> ${appliedQty} </small> `); // base qty integer const baseQty = parseInt(it.qty \|\| 0, 10) \|\| 0; $row.find('.item-base-qty').val(baseQty); // multiply only for these template rows const finalQty = baseQty * (parseInt(multiplierQty, 10) \|\| 1); $row.find('.item-qty').val(finalQty); // ALWAYS use Item Master cost/price (from option data- attributes) // ✅ Read cost from Choices customProperties (not data- attributes) const choicesInstance = el?._choicesInstance; const selectedChoice = choicesInstance?.getValue(); const meta = selectedChoice?.customProperties \|\| {}; const masterCost = parseFloat(meta.defaultCost) \|\| 0; const masterPrice = parseFloat(meta.defaultPrice) \|\| 0; $row.find('.item-cost') .val(masterCost.toFixed(2)) .prop('readonly', false) .removeClass('bg-light') .addClass('border-warning'); $row.find('.item-price') .val(masterCost.toFixed(2)); }); rowIndexSE = $tbody.find('tr').length; recalcSE(); } console.log(allItemsSE); function applyTemplate(templateId, mode, multiplierQty = 1) { if (!templateId) return; $.get(URL_TEMPLATE_SHOW + '/' + templateId) .done(async res => { const payload = res?.data \|\| {}; const t = payload.template \|\| {}; const items = payload.items \|\| []; buildRowsFromTemplateItems(items, mode, multiplierQty); // Ensure multiplierQty is applied correctly $('#se_discount_percentage').val(parseFloat(t.discount_percentage \|\| 0)); const vatOn = parseInt(t.vat_status \|\| 0) === 1; $('#se_vat_status').prop('checked', vatOn); const vatPct = parseFloat(t.vat_percentage \|\| 18); $('#se_vat_percentage').val(vatPct); $('#se_vat_label').text(`VAT (${vatPct}%)`); // apply overrides based on price source UI const ps = getPriceSourceUI(); if (ps === 'master') { $('#se_items_body tr').each(function () { const $row = $(this); const itemId = $row.find('.item-select').val(); if (!itemId) return; const $opt = $row.find('.item-select option:selected'); const p = parseFloat($opt.data('default-price')) \|\| 0; $row.find('.item-price').val(p.toFixed(2)); }); } if (ps === 'cg') { await applyCgPriceToAllRowsForced(); } updatePricingBadge(); recalcSE(); toastSuccess('Template applied'); }) .fail(() => toastError('Failed to load template')); } $(document).on('change', '#se_template_id', function () { const templateId = $(this).val(); if (!templateId) return; const hasAnyItem = !!$('#se_items_body .item-select').filter(function(){ return !!$(this).val(); }).length; if (hasAnyItem) { pendingTemplateId = templateId; const el = document.getElementById('applyTemplateModeModal'); const inst = bootstrap.Modal.getInstance(el) \|\| new bootstrap.Modal(el); inst.show(); } else { (async () => { const q = await askTemplateOrderQtyModal(1); if (!q) return; applyTemplate(templateId, 'replace', q); applyOrderQtyMultiplier(q); })(); } }); $('#btnTemplateAppend').on('click', async function () { hideBsModal('applyTemplateModeModal'); const q = await askTemplateOrderQtyModal(1); if (!q) { pendingTemplateId = null; return; } applyTemplate(pendingTemplateId, 'append', q); pendingTemplateId = null; }); $('#btnTemplateReplace').on('click', async function () { hideBsModal('applyTemplateModeModal'); const q = await askTemplateOrderQtyModal(1); if (!q) { pendingTemplateId = null; return; } applyTemplate(pendingTemplateId, 'replace', q); pendingTemplateId = null; }); // Bootstrap modal for template order qty let templateQtyResolve = null; let templateQtyReject = null; function askTemplateOrderQtyModal(defaultQty = 1) { return new Promise((resolve, reject) => { templateQtyResolve = resolve; templateQtyReject = reject; // Set default value and show modal $('#template_order_qty_input').val(defaultQty); const modalEl = document.getElementById('templateOrderQtyModal'); const modal = new bootstrap.Modal(modalEl); modal.show(); // Focus input after modal is shown $(modalEl).one('shown.bs.modal', function() { setTimeout(() => { $('#template_order_qty_input').focus().select(); }, 100); }); // Handle cancel $(modalEl).one('hidden.bs.modal', function() { if (templateQtyReject) { templateQtyReject(null); templateQtyReject = null; templateQtyResolve = null; } }); }); } // Confirm button click $(document).on('click', '#btnConfirmTemplateQty', function() { const qty = parseInt($('#template_order_qty_input').val(), 10); if (!qty \|\| qty < 1) { toastError('Please enter a valid quantity (minimum 1)'); $('#template_order_qty_input').focus(); return; } if (templateQtyResolve) { templateQtyResolve(qty); templateQtyResolve = null; templateQtyReject = null; } const modalEl = document.getElementById('templateOrderQtyModal'); const modal = bootstrap.Modal.getInstance(modalEl); if (modal) modal.hide(); }); // Allow Enter key to confirm $(document).on('keypress', '#template_order_qty_input', function(e) { if (e.which === 13) { e.preventDefault(); $('#btnConfirmTemplateQty').click(); } }); // ========================= // Save // ========================= function collectItemsSE() { const items = []; $('#se_items_body tr').each(function() { const itemId = $(this).find('.item-select').val(); if (!itemId) return; const rawQty = $(this).find('.item-qty').val(); const qty = parseFloat(rawQty) \|\| 0; console.log('SE FRONTEND QTY BEFORE SUBMIT:', { item_id: itemId, raw_qty: rawQty, parsed_qty: qty }); const cost = parseFloat($(this).find('.item-cost').val()) \|\| 0; const price = parseFloat($(this).find('.item-price').val()) \|\| 0; if (qty <= 0) return; items.push({ item_id: itemId, qty: qty, cost: cost, sales_price: price, amount: (qty * price), item_description: $(this).find('.item-desc').text() \|\| '', note: null, }); }); return items; } $('#btnSaveSE').on('click', function() { const $btn = $('#btnSaveSE'); if (!lockBtn($btn, 'Saving...')) return; if (!$('#se_customer_id').val()) { toastError('Customer is required'); unlockBtn($btn, '<i class="ri-save-3-line me-1"></i> Submit'); return; } if (!$('#se_doc_date').val()) { toastError('Doc Date is required'); unlockBtn($btn, '<i class="ri-save-3-line me-1"></i> Submit'); return; } if (!$('#se_job_id').val()) { toastError('Job is required'); unlockBtn($btn, '<i class="ri-save-3-line me-1"></i> Submit'); return; } if (!$('#se_multi_store_id').val()) { toastError('Store is required'); unlockBtn($btn, '<i class="ri-save-3-line me-1"></i> Submit'); return; } const items = collectItemsSE(); if (items.length === 0) { toastError('Add at least one item with qty > 0'); unlockBtn($btn, '<i class="ri-save-3-line me-1"></i> Submit'); return; } const vatChecked = $('#se_vat_status').is(':checked'); const vatPct = vatChecked ? parseFloat($('#se_vat_percentage').val() \|\| 18) : 0; const keepOpen = $('#keepOpenAfterSubmitSE').is(':checked'); const fd = new FormData(); const sourceType = getSourceType(); // ✅ PRICING SOURCE TO DB (CORRECT) let pricingSource = 'master'; if (sourceType === 'manual') { pricingSource = getManualPricingMode(); // cg/master } else if (sourceType === 'si') { pricingSource = getSiPricingMode(); // cg/master (from SI) } else if (sourceType === 'template' \|\| sourceType === 'si_template') { // for these modes we store cg/master based on UI choice const ps = getPriceSourceUI(); // source/master/cg pricingSource = (ps === 'cg') ? 'cg' : 'master'; } fd.append('source_type', sourceType); fd.append('pricing_source', pricingSource); fd.append('use_cg_pricing', $('#se_use_cg_pricing').is(':checked') ? 1 : 0); fd.append('si_id', $('#se_si_id').val() \|\| ''); fd.append('template_id', $('#se_template_id').val() \|\| ''); fd.append('customer_id', $('#se_customer_id').val()); fd.append('job_id', $('#se_job_id').val()); fd.append('multi_store_id', $('#se_multi_store_id').val()); fd.append('department_id', $('#se_department_id').val() \|\| ''); fd.append('payment_term_id', $('#se_payment_term_id').val() \|\| ''); fd.append('doc_date', $('#se_doc_date').val()); fd.append('due_date', $('#se_due_date').val() \|\| ''); fd.append('order_qty', $('#se_order_qty').val() \|\| 1); fd.append('notes', $('#se_notes').val() \|\| ''); fd.append('po_number', $('#se_po_number').val() \|\| ''); fd.append('job_value', $('#se_job_value').val() \|\| 0); fd.append('pricing_ref_id', sourceType === 'si' ? ($('#se_si_id').val() \|\| '') : (sourceType.includes('template') ? ($('#se_template_id').val() \|\| '') : '') ); fd.append('discount_percentage', $('#se_discount_percentage').val() \|\| 0); fd.append('vat_status', vatChecked ? 1 : 0); fd.append('vat', vatPct); fd.append('cost_sub_total', $('#se_cost_sub_total').text() \|\| 0); fd.append('gross_profit', $('#se_gross_profit').text() \|\| 0); fd.append('profit_pct', ($('#se_profit_pct').text() \|\| '0').replace('%','')); fd.append('items_json', JSON.stringify(items)); const files = document.getElementById('se_attachments')?.files \|\| []; for (let i = 0; i < files.length; i++) fd.append('attachments[]', files[i]); $.ajax({ url: editingSeId ? `/sales-estimations/${editingSeId}/update` : URL_SE_STORE, method: "POST", data: fd, processData: false, contentType: false }) .done(res => { toastSuccess(res?.message \|\| 'Project Estimation created'); loadSE(); editingSeId = null; $('#seModalTitle').text('Create Project Estimation'); $('#btnSaveSE').html('<i class="ri-save-3-line me-1"></i> Submit'); if (keepOpen) resetSEForm(); else hideBsModal('addSeModal'); }) .fail(xhr => { if (xhr.status === 422 && xhr.responseJSON?.message) toastError(xhr.responseJSON.message); else toastError(xhr.responseJSON?.message \|\| 'Failed'); }) .always(() => unlockBtn($('#btnSaveSE'), '<i class="ri-save-3-line me-1"></i> Submit')); }); // ========================= // View / Delete (same logic) // ========================= $(document).on('click', '.btn-view-se', function() { const id = $(this).data('id'); if (!id) return; $.get(URL_SE_INDEX + '/' + id) .done(res => { const d = res?.data \|\| res; $('#view_se_title').text('Project Estimation #' + (d.id \|\| '-')); $('#view_se_no').text('#SE-' + (d.id \|\| '-')); $('#view_se_customer').text(d.customer?.display_name \|\| d.customer?.company_name \|\| '-'); $('#view_se_doc_date').text(d.doc_date \|\| '-'); $('#view_se_due_date').text(d.due_date \|\| '-'); $('#view_se_order_qty').text(d.order_qty ?? '-'); $('#view_se_source').text(d.source_type_label \|\| d.source_type \|\| '-'); $('#view_se_pricing').text(d.pricing_source \|\| '-'); $('#view_se_sub_total').text(parseFloat(d.sub_total \|\| 0).toFixed(2)); $('#view_se_discount').text(parseFloat(d.discount_amount \|\| 0).toFixed(2)); $('#view_se_net').text(parseFloat(d.net_value \|\| 0).toFixed(2)); $('#view_se_vat').text(parseFloat(d.vat_amount \|\| 0).toFixed(2)); $('#view_se_grand').text(parseFloat(d.grand_total \|\| 0).toFixed(2)); $('#view_se_notes').text(d.notes \|\| '-'); // ✅ Purchase MR display (depends on your API key) const mr = d.purchaseMr \|\| d.purchase_mr \|\| null; if (mr && mr.id) { $('#view_se_mr_box').show(); $('#view_se_no_mr_box').hide(); $('#view_se_mr_no').text('MR: ' + (mr.mr_no ? mr.mr_no : ('#' + mr.id))); $('#view_se_mr_status').text(mr.status \|\| 'Draft'); // ✅ change this URL to your actual MR route $('#btn_view_se_open_mr').attr('href', '/purchase-mr/' + mr.id); } else { $('#view_se_mr_box').hide(); $('#view_se_no_mr_box').show(); $('#btn_view_se_open_mr').attr('href', '#'); } // ✅ Always calculate dynamically from items // ✅ Calculate cost dynamically from items let costSub = 0; (d.items \|\| []).forEach(it => { const qty = parseFloat(it.qty \|\| 0); const cost = parseFloat(it.cost \|\| 0); costSub += qty * cost; }); // ✅ Gross Profit = Job Value - Cost Sub Total (same as controller) const jobValue = parseFloat(d.job_value ?? 0) \|\| 0; const gp = jobValue - costSub; const gpPct = jobValue > 0 ? (gp / jobValue) * 100 : 0; $('#view_se_cost_sub_total').text(costSub.toFixed(2)); $('#view_se_gross_profit').text(gp.toFixed(2)); $('#view_se_profit_pct').text(gpPct.toFixed(2) + '%'); $('#view_se_items_body').html(''); (d.items \|\| []).forEach(it => { const code = it.item?.itemcode \|\| ''; const name = it.item?.name \|\| ('Item #' + it.item_id); const title = (code ? (code + ' \| ') : '') + name; $('#view_se_items_body').append(` <tr> <td>${escHtml(title)}</td> <td>${parseFloat(it.qty \|\| 0).toFixed(2)}</td> <td>${parseFloat(it.cost \|\| 0).toFixed(2)}</td> <td>${parseFloat((it.qty * it.cost) \|\| 0).toFixed(2)}</td> </tr> `); }); const files = d.doc_src \|\| []; if (!files.length) { $('#view_se_attachments').html('-'); } else { const base = "<?php echo e(asset('storage')); ?>"; const html = files.map(p => { const url = base + '/' + p; const name = (String(p).split('/').pop() \|\| 'file'); const isImg = /\.(jpg\|jpeg\|png\|webp)$/i.test(name); if (isImg) { return ` <a href="${url}" target="_blank" class="me-2 d-inline-block"> <img src="${url}" style="width:56px;height:44px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;"> </a> `; } return `<div class="mb-1"><a href="${url}" target="_blank">${escHtml(name)}</a></div>`; }).join(''); $('#view_se_attachments').html(html); } const el = document.getElementById('viewSeModal'); const inst = bootstrap.Modal.getInstance(el) \|\| new bootstrap.Modal(el); inst.show(); }) .fail(() => toastError('Failed to load Project Estimation')); }); $(document).on('click', '.btn-delete-se', function() { const id = $(this).data('id'); if (!id) return; Swal.fire({ title: 'Delete Project Estimation?', text: "This will disable the record", icon: 'warning', showCancelButton: true, confirmButtonColor: '#d33', cancelButtonColor: '#6c757d', confirmButtonText: 'Yes, delete it!' }).then((result) => { if (!result.isConfirmed) return; $.ajax({ url: URL_SE_INDEX + '/' + id, method: "DELETE" }) .done(res => { toastSuccess(res?.message \|\| 'Project Estimation deleted'); loadSE(); }) .fail(() => toastError('Failed to delete')); }); }); // ========================= // Reset Form // ========================= function resetSEForm() { $('#se_source_type').val('manual').trigger('change'); $('#se_customer_id').val(''); $('#se_customer_name').val(''); $('#se_customer_id').val('').trigger('change'); $('#se_department_id').val('').trigger('change'); $('#se_payment_term_id').val('').trigger('change'); $('#se_notes').val(''); $('#se_doc_date').val("<?php echo e(date('Y-m-d')); ?>"); $('#se_due_date').val(''); $('#se_order_qty').val('1'); $('#se_si_id').val(''); $('#se_template_id').val(''); $('#se_items_body').html(createNewRowSE(0)); rowIndexSE = 1; ensureChoicesOnRow($('#se_items_body tr:first')); $('#se_discount_percentage').val('0'); $('#se_vat_status').prop('checked', false); $('#se_vat_percentage').val('18'); $('#se_vat_label').text('VAT (18%)'); $('#se_attachments').val(''); $('#se_attachments_preview').html(''); $('#se_use_cg_pricing').prop('checked', false); $('#se_price_source').val('source'); $('#se_si_pricing_mode').val('master'); initChoices('#addSeModal'); updateSourceUI(); updatePricingBadge(); recalcSE(); } // ========================= // INIT MODAL // ========================= $('#addSeModal').on('shown.bs.modal', function() { initChoices('#addSeModal'); updateSourceUI(); loadSiOptions(); loadTemplateOptionsSE(); recalcSE(); updatePricingBadge(); }); $('#addSeModal').on('hidden.bs.modal', function() { $('#keepOpenAfterSubmitSE').prop('checked', false); resetSEForm(); unlockBtn($('#btnSaveSE'), '<i class="ri-save-3-line me-1"></i> Submit'); }); // ========================= // EDIT MODE // ========================= $(document).on('click', '.btn-edit-se', function () { const id = $(this).data('id'); if (!id) return; $.get(`/sales-estimations/${id}/edit`) .done(function (res) { if (!res.success) return; const se = res.data; editingSeId = id; // Change UI $('#seModalTitle').text('Edit Project Estimation'); $('#btnSaveSE').html('<i class="ri-save-3-line me-1"></i> Update'); // ===== HEADER ===== // ensure job exists in dropdown if ($('#se_job_id option[value="' + se.job_id + '"]').length === 0) { $('#se_job_id').append( `<option value="${se.job_id}" selected> #JOB-${se.job_id} (Loaded) </option>` ); } // now set value $('#se_job_id').val(se.job_id).trigger('change'); // wait for job ajax to fill customer/department/payment setTimeout(() => { $('#se_multi_store_id').val(se.multi_store_id); $('#se_doc_date').val(se.doc_date); $('#se_due_date').val(se.due_date); $('#se_order_qty').val(se.order_qty); $('#se_notes').val(se.notes); }, 400); $('#se_multi_store_id').val(se.multi_store_id); $('#se_doc_date').val(se.doc_date); $('#se_due_date').val(se.due_date); $('#se_order_qty').val(se.order_qty); $('#se_notes').val(se.notes); // ===== ITEMS ===== $('#se_items_body').empty(); let index = 0; se.items.forEach(item => { let rowHtml = createNewRowSE(index); $('#se_items_body').append(rowHtml); const $row = $('#se_items_body tr:last'); ensureChoicesOnRow($row); const select = $row.find('.item-select')[0]; if (select && select._choicesInstance) { select._choicesInstance.setChoiceByValue(String(item.item_id)); select.value = String(item.item_id); } // Set values AFTER choices is initialized $row.find('.item-qty').val(parseFloat(item.qty) \|\| 0); $row.find('.item-cost').val(parseFloat(item.cost) \|\| 0); $row.find('.item-price').val(parseFloat(item.sales_price) \|\| 0); $row.find('.item-base-qty').val(parseFloat(item.qty) \|\| 0); // ✅ Set UOM in Edit Mode const masterItem = allItemsSE.find(i => String(i.id) === String(item.item_id)); $row.find('.item-uom').text(masterItem?.unit_measure?.name \|\| '-'); // ✅ Step 5 — Restore cost readonly based on stock_type // Keep saved cost editable for stock and non-stock items $row.find('.item-cost') .prop('readonly', false) .removeClass('bg-light') .addClass('border-warning'); index++; }); rowIndexSE = index; // Keep rowIndexSE in sync after edit load recalcSE(); recalcSE(); $('#addSeModal').modal('show'); }); }); $('#addSeModal').on('hidden.bs.modal', function () { editingSeId = null; $('#seModalTitle').text('Create Project Estimation'); $('#btnSaveSE').html('<i class="ri-save-3-line me-1"></i> Submit'); $('#se_items_body').html(createNewRowSE(0)); recalcSE(); }); flatpickr("#se_doc_date", { dateFormat: "Y-m-d", defaultDate: "today", allowInput: true }); window.seDueDatePicker = flatpickr("#se_due_date", { dateFormat: "Y-m-d", allowInput: true }); // First load resetSEForm(); }); </script> <?php $__env->stopPush(); ?> <?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /PATH /home/addsolutions/public_html/erp.acapsl.com/resources/views/pages/sales/sales_estimations.blade.php ENDPATH/ ?>