Rev 35971 | Blame | Compare with Previous | Last modification | View Log | RSS feed
## Clickable Stepper - each circle links to its tab#set($tabIds = ["tab-loi","tab-verification","tab-store","tab-design","tab-payments","tab-launch"])<div class="ob-stepper">#set($prevStepStatus = false)#foreach($sg in $stageGroups)#set($sgStatus = $sg.get('status'))#set($sgLabel = $sg.get('label'))#if($prevStepStatus)<div class="ob-step-line $prevStepStatus"></div>#end<div class="ob-step-wrap"><a href="javascript:void(0);" class="ob-step-circle $sgStatus"data-tab="$tabIds.get($foreach.index)">#if($sgStatus == 'completed')✓#elseif($sgStatus == 'inProgress')●#else #end</a><div class="ob-step-label">$sgLabel</div></div>#set($prevStepStatus = $sgStatus)#end</div>## ========== ACTIVE DELAYS ==========## Surfaces every active root-blocker delay for this partner so the user gets## the same actionable info as the standalone Delay Panel without leaving the## timeline drilldown. Sorted by daysOverdue desc upstream in the controller.#if($partnerDelays && $partnerDelays.size() > 0)<style>.ob-delays-card {border: 1px solid #f5c6cb;background: #fff5f5;border-radius: 4px;padding: 10px 14px;margin: 0 0 16px;}.ob-delays-card h5 {margin: 0 0 8px;font-size: 13px;font-weight: 700;color: #721c24;text-transform: uppercase;letter-spacing: 0.5px;}.ob-delays-card h5 .ob-delays-count {display: inline-block;margin-left: 6px;padding: 1px 8px;background: #d9534f;color: #fff;border-radius: 10px;font-size: 11px;}.ob-delays-table {width: 100%;font-size: 12px;border-collapse: collapse;}.ob-delays-table th,.ob-delays-table td {padding: 5px 8px;text-align: left;border-bottom: 1px solid #f5c6cb;}.ob-delays-table th {font-weight: 600;color: #721c24;font-size: 11px;text-transform: uppercase;}.ob-delays-table tr:last-child td {border-bottom: none;}.ob-delays-chip {display: inline-block;padding: 2px 8px;border-radius: 10px;font-size: 11px;font-weight: 700;color: #fff;}.ob-delays-chip.high {background: #d9534f;}.ob-delays-chip.med {background: #f0ad4e;}.ob-delays-chip.low {background: #f7dc6f;color: #333;}</style><div class="ob-delays-card"><h5><i class="fa fa-exclamation-triangle"></i> Active Delays<span class="ob-delays-count">$partnerDelays.size()</span></h5><table class="ob-delays-table"><thead><tr><th>Delayed Event</th><th>Responsible Team</th><th>Planned Date</th><th>Days Overdue</th></tr></thead><tbody>#foreach($d in $partnerDelays)<tr><td><strong>$d.getEventName()</strong></td><td>$!d.getResponsibleTeam()</td><td>$d.getPlannedDate().format($dateFormatter)</td><td>#if($d.getDaysOverdue() > 7)<span class="ob-delays-chip high">$d.getDaysOverdue() day(s)</span>#elseif($d.getDaysOverdue() > 3)<span class="ob-delays-chip med">$d.getDaysOverdue() day(s)</span>#else<span class="ob-delays-chip low">$d.getDaysOverdue() day(s)</span>#end</td></tr>#end</tbody></table></div>#end<ul class="nav nav-tabs" id="detailTabs"><li class="active"><a data-toggle="tab" href="#tab-loi">LOI</a></li><li><a data-toggle="tab" href="#tab-verification">Verification</a></li><li><a data-toggle="tab" href="#tab-store">Store Setup</a></li><li><a data-toggle="tab" href="#tab-design">Design</a></li><li><a data-toggle="tab" href="#tab-payments">Payments</a></li><li><a data-toggle="tab" href="#tab-launch">Launch</a></li></ul><div class="tab-content" style="padding:15px 5px;">## ========== TAB: LOI ==========<div id="tab-loi" class="tab-pane fade in active"><div class="ob-action-bar">#if($completedEvents.get("LOI_FORM"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> LOI Form</span>#elseif($canAct)<a href="javascript:void(0);"class="btn btn-xs btn-warning ob-nav-action"data-url="loiForm"><iclass="fa fa-edit"></i> Fill LOI Form</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><i class="fa fa-edit"></i>Fill LOI Form</button>#end#if($completedEvents.get("BM_APPROVAL") && $completedEvents.get("LOI_DOCUMENT_APPROVAL") && $completedEvents.get("PAYMENT_APPROVAL"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> Approvals Done</span>#elseif($canAct)<a href="javascript:void(0);"class="btn btn-xs btn-warning ob-nav-action"data-url="pendingLoiForm"><iclass="fa fa-gavel"></i> Pending LOI / Approvals</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><i class="fa fa-gavel"></i>Pending LOI / Approvals</button>#end</div><div class="ob-kv"><div class="row"><div class="col-sm-4 text-muted">Partner Name</div><div class="col-sm-8">$!pob.getOutLetName()</div></div><div class="row"><div class="col-sm-4 text-muted">Mobile</div><div class="col-sm-8">$pob.getPhoneNumber()</div></div><div class="row"><div class="col-sm-4 text-muted">City</div><div class="col-sm-8">$!pob.getCity()</div></div><div class="row"><div class="col-sm-4 text-muted">Business Type</div><div class="col-sm-8">#if($pob.getBusinessType())$pob.getBusinessType()#else - #end</div></div>#if($loiForm)<div class="row"><div class="col-sm-4 text-muted">LOI Name</div><div class="col-sm-8">$!loiForm.getFirstName() $!loiForm.getLastName()</div></div><div class="row"><div class="col-sm-4 text-muted">Email</div><div class="col-sm-8">$!loiForm.getEmail()</div></div><div class="row"><div class="col-sm-4 text-muted">Store Area (sq ft)</div><div class="col-sm-8">$loiForm.getStoreArea()</div></div><div class="row"><div class="col-sm-4 text-muted">Agreed Brand Fees</div><div class="col-sm-8">$loiForm.getAgreedBrandFees()</div></div><div class="row"><div class="col-sm-4 text-muted">Agreed Wallet</div><div class="col-sm-8">$loiForm.getAgreeWalletValue()</div></div><div class="row"><div class="col-sm-4 text-muted">LOI Status</div><div class="col-sm-8">#if($loiForm.getStatus())$loiForm.getStatus()#else - #end</div></div><div class="row"><div class="col-sm-4 text-muted">LOI Signed On</div><div class="col-sm-8">#if($loiForm.getLoiSignedOn())$loiForm.getLoiSignedOn().toLocalDate()#else- #end</div></div><div class="row"><div class="col-sm-4 text-muted">PAN</div><div class="col-sm-8">$!loiForm.getPanNo()</div></div><div class="row"><div class="col-sm-4 text-muted">GST</div><div class="col-sm-8">$!loiForm.getGstNo()</div></div>#else<div class="row"><div class="col-sm-12 text-muted" style="padding:10px;">LOI form not submitted yet.</div></div>#end<div class="row" style="margin-top:10px;"><div class="col-sm-4 text-muted">BM Approval</div><div class="col-sm-8">#if($completedEvents.get("BM_APPROVAL"))<span class="ob-badge-ok">Approved</span>#else<spanclass="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Document Approval</div><div class="col-sm-8">#if($completedEvents.get("LOI_DOCUMENT_APPROVAL"))<span class="ob-badge-ok">Approved</span>#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Payment Approval</div><div class="col-sm-8">#if($completedEvents.get("PAYMENT_APPROVAL"))<span class="ob-badge-ok">Approved</span>#else<spanclass="ob-badge-pending">Pending</span>#end</div></div>#if($brandCommitments && $brandCommitments.size() > 0)<h5 style="margin-top:15px; font-size:13px; font-weight:600;">Brand Commitments</h5><table class="table table-condensed table-bordered" style="font-size:12px;"><thead><tr><th>Brand</th><th>Amount</th><th>NOC</th></tr></thead><tbody>#foreach($bc in $brandCommitments)<tr><td>$!bc.getBrandName()</td><td>$bc.getAmount()</td><td>#if($bc.getNoc() > 0)<span class="ob-badge-ok">Yes</span>#else<span class="ob-badge-na">No</span>#end</td></tr>#end</tbody></table>#end</div></div>## ========== TAB: VERIFICATION ==========<div id="tab-verification" class="tab-pane fade"><div class="ob-action-bar">#if($completedEvents.get("VERIFICATION"))<span class="ob-badge-ok"><i class="fa fa-check"></i> Verification Done</span>#elseif($canAct)<a href="javascript:void(0);" class="btn btn-xs btn-warning ob-nav-action"data-url="partnerOnboardingVerification"><i class="fa fa-check-square-o"></i> VerificationPanel</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><iclass="fa fa-check-square-o"></i> Verification Panel</button>#end</div><div class="ob-kv">#if($verification)<div class="row"><div class="col-sm-4 text-muted">Approval Status</div><div class="col-sm-8">#if($verification.getApproval() && $verification.getApproval().toString() == "APPROVED")<span class="ob-badge-ok">Approved</span>#elseif($verification.getApproval() && $verification.getApproval().toString() == "REJECTED")<span class="ob-badge-fail">Rejected</span>#elseif($verification.getApproval())<span class="ob-badge-pending">$verification.getApproval()</span>#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Approver</div><div class="col-sm-8">$!verification.getApprover()</div></div><div class="row"><div class="col-sm-4 text-muted">Soft Approver</div><div class="col-sm-8">$!verification.getSoftApprover()</div></div><div class="row"><div class="col-sm-4 text-muted">Comments</div><div class="col-sm-8">$!verification.getComment()</div></div><div class="row"><div class="col-sm-4 text-muted">RBM Reason</div><div class="col-sm-8">$!verification.getRbmReason()</div></div><div class="row"><div class="col-sm-4 text-muted">NOC Upload</div><div class="col-sm-8">#if($verification.getNocUpload() > 0)<spanclass="ob-badge-ok">Uploaded</span>#else<span class="ob-badge-na">Not uploaded</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Updated</div><div class="col-sm-8">#if($verification.getUpdateTimestamp())$verification.getUpdateTimestamp().toLocalDate()#else- #end</div></div>#else<div class="row"><div class="col-sm-12 text-muted" style="padding:10px;">Verification not started.</div></div>#end#if($checkboxes)<h5 style="margin-top:15px; font-size:13px; font-weight:600;">Verification Checklist</h5><div class="row"><div class="col-sm-4 text-muted">Training</div><div class="col-sm-8">#if($checkboxes.isTraining())<span class="ob-badge-ok">Done</span>#else<spanclass="ob-badge-na">No</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Recce</div><div class="col-sm-8">#if($checkboxes.isRecce())<span class="ob-badge-ok">Done</span>#else<spanclass="ob-badge-na">No</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Branding</div><div class="col-sm-8">#if($checkboxes.isBranding())<span class="ob-badge-ok">Done</span>#else<spanclass="ob-badge-na">No</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Stock Payment</div><div class="col-sm-8">#if($checkboxes.isStockPayment())<span class="ob-badge-ok">Done</span>#else<span class="ob-badge-na">No</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Billing</div><div class="col-sm-8">#if($checkboxes.isBilling())<span class="ob-badge-ok">Done</span>#else<spanclass="ob-badge-na">No</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Inauguration</div><div class="col-sm-8">#if($checkboxes.isInaugration())<span class="ob-badge-ok">Done</span>#else<span class="ob-badge-na">No</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Welcome Call</div><div class="col-sm-8">#if($checkboxes.isWelcomeCallDone())<span class="ob-badge-ok">Done</span>#else<span class="ob-badge-na">No</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Checklist Comment</div><div class="col-sm-8">$!checkboxes.getVerifiCheckboxComment()</div></div>#end</div></div>## ========== TAB: STORE SETUP ==========<div id="tab-store" class="tab-pane fade"><div class="ob-action-bar">#if($completedEvents.get("STORE_CODE_CREATED"))<span class="ob-badge-ok"><i class="fa fa-check"></i> Store Code</span>#elseif($canAct)<a href="javascript:void(0);" class="btn btn-xs btn-warning ob-nav-action" data-url="retailerInfo"><iclass="fa fa-building"></i> Retailer Info</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><iclass="fa fa-building"></i> Retailer Info</button>#end#if($completedEvents.get("WELCOME_CALL"))<span class="ob-badge-ok"><i class="fa fa-check"></i> Welcome Call</span>#elseif($canAct)<a href="javascript:void(0);" class="btn btn-xs btn-warning ob-nav-action"data-url="welcomeCallPanel"><i class="fa fa-phone" style="transform:rotate(90deg);"></i> Welcome Call</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><i class="fa fa-phone"style="transform:rotate(90deg);"></i>Welcome Call</button>#end#if($completedEvents.get("FIN_CODE"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> Fin Code</span>#elseif($fofoId > 0)#if($canAct)<ahref="javascript:void(0);" class="btn btn-xs btn-warning ob-nav-action"data-url="getPartnerServices?fofoId=$fofoId"><i class="fa fa-bank"></i> Fin Code</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><i class="fa fa-bank"></i>Fin Code</button>#end#else<span class="ob-badge-na">Fin Code (no store)</span>#end#if($completedEvents.get("WOD") && $completedEvents.get("WOD_FINANCE_MAPPING"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> WOD/DMS</span>#elseif($canAct)<a href="javascript:void(0);"class="btn btn-xs btn-warning ob-nav-action"data-url="partnerDealerMapping"><iclass="fa fa-link"></i> WOD / DMS Mapping</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><i class="fa fa-link"></i>WOD / DMS Mapping</button>#end</div><div class="ob-kv"><div class="row"><div class="col-sm-4 text-muted">Store Code</div><div class="col-sm-8">#if($pob.getCode())$pob.getCode()#else<spanclass="ob-badge-pending">Not created</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Store Code Created</div><div class="col-sm-8">#if($completedEvents.get("STORE_CODE_CREATED"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("STORE_CODE_CREATED").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Welcome Call</div><div class="col-sm-8">#if($completedEvents.get("WELCOME_CALL"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("WELCOME_CALL").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">WOD</div><div class="col-sm-8">#if($completedEvents.get("WOD"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("WOD").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Fin Code</div><div class="col-sm-8">#if($completedEvents.get("FIN_CODE"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("FIN_CODE").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">WOD-Finance Mapping</div><div class="col-sm-8">#if($completedEvents.get("WOD_FINANCE_MAPPING"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("WOD_FINANCE_MAPPING").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div>#if($dealerMappings && $dealerMappings.size() > 0)<h5 style="margin-top:15px; font-size:13px; font-weight:600;">Dealer Mappings</h5><table class="table table-condensed table-bordered" style="font-size:12px;"><thead><tr><th>Brand</th><th>Brand Code</th><th>Retailer ID</th></tr></thead><tbody>#foreach($dm in $dealerMappings)<tr><td>$!dm.getBrand()</td><td>$!dm.getBrandCode()</td><td>$dm.getRetailerId()</td></tr>#end</tbody></table>#end</div></div>## ========== TAB: DESIGN ==========<div id="tab-design" class="tab-pane fade"><div class="ob-action-bar">#if($completedEvents.get("RECCE") && $completedEvents.get("BRANDING"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> Design Done</span>#elseif($canAct)<a href="javascript:void(0);"class="btn btn-xs btn-warning ob-nav-action"data-url="partnerOnBoardingDesign"><iclass="fa fa-paint-brush"></i> Recce & Branding</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><iclass="fa fa-paint-brush"></i> Recce & Branding</button>#end</div><div class="ob-kv"><div class="row"><div class="col-sm-4 text-muted">Recce</div><div class="col-sm-8">#if($completedEvents.get("RECCE"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("RECCE").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Branding</div><div class="col-sm-8">#if($completedEvents.get("BRANDING"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("BRANDING").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Design TAT Status</div><div class="col-sm-8">#if($pob.getDesignTatStatus())$pob.getDesignTatStatus()#else - #end</div></div></div></div>## ========== TAB: PAYMENTS ==========<div id="tab-payments" class="tab-pane fade"><div class="ob-action-bar">#if($completedEvents.get("FULL_STOCK_PAYMENT"))<span class="ob-badge-ok"><i class="fa fa-check"></i> Stock Payment</span>#elseif($canAct)<a href="javascript:void(0);" class="btn btn-xs btn-warning ob-nav-action"data-url="fullStockPaymentPanel"><i class="fa fa-money"></i> Full Stock Payment</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><i class="fa fa-money"></i>Full Stock Payment</button>#end#if($completedEvents.get("PO_CREATION"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> PO Created</span>#elseif($canAct)<a href="javascript:void(0);"class="btn btn-xs btn-warning ob-nav-action"data-url="getBulkOrder"><iclass="fa fa-shopping-cart"></i> PO Creation</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><iclass="fa fa-shopping-cart"></i> PO Creation</button>#end#if($completedEvents.get("PO_APPROVAL"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> PO Approved</span>#elseif($canAct)<a href="javascript:void(0);"class="btn btn-xs btn-warning ob-nav-action"data-url="transaction/pendingApprovals"><iclass="fa fa-thumbs-up"></i> PO Approval</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><iclass="fa fa-thumbs-up"></i> PO Approval</button>#end</div><div class="ob-kv"><div class="row"><div class="col-sm-4 text-muted">Agreed Wallet</div><div class="col-sm-8">$pob.getAgreedWallet()</div></div><div class="row"><div class="col-sm-4 text-muted">Investment Date</div><div class="col-sm-8">#if($pob.getInvestmentDate())$pob.getInvestmentDate().toLocalDate()#else- #end</div></div><div class="row"><div class="col-sm-4 text-muted">Agreed Brand Fees</div><div class="col-sm-8">$pob.getAgreedBrandFees()</div></div><div class="row"><div class="col-sm-4 text-muted">Received Brand Fees</div><div class="col-sm-8">$pob.getReceivedBrandFees()</div></div><div class="row"><div class="col-sm-4 text-muted">Full Stock Payment</div><div class="col-sm-8">#if($completedEvents.get("FULL_STOCK_PAYMENT"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("FULL_STOCK_PAYMENT").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div>#if($fullStockPayments && $fullStockPayments.size() > 0)<h5 style="margin-top:15px; font-size:13px; font-weight:600;">Stock Payment Entries</h5><table class="table table-condensed table-bordered" style="font-size:12px;"><thead><tr><th>Amount</th><th>Mode</th><th>Reference</th><th>Status</th><th>Submitted</th></tr></thead><tbody>#foreach($fsp in $fullStockPayments)<tr><td>$fsp.getCollectedAmount()</td><td>$!fsp.getPaymentMode()</td><td>$!fsp.getPaymentReferenceNo()</td><td>#if($fsp.getPaymentStatus())#if($fsp.getPaymentStatus().toString() == "APPROVED")<span class="ob-badge-ok">$fsp.getPaymentStatus()</span>#elseif($fsp.getPaymentStatus().toString() == "REJECTED")<span class="ob-badge-fail">$fsp.getPaymentStatus()</span>#else<span class="ob-badge-pending">$fsp.getPaymentStatus()</span>#end#else - #end</td><td>#if($fsp.getSubmitTimestamp())$fsp.getSubmitTimestamp().toLocalDate()#else - #end</td></tr>#end</tbody></table>#end</div></div>## ========== TAB: LAUNCH ==========<div id="tab-launch" class="tab-pane fade"><div class="ob-action-bar">#if($completedEvents.get("BILLING"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> Billing</span>#elseif($canAct)<a href="javascript:void(0);"class="btn btn-xs btn-warning ob-nav-action"data-url="pendingLoiForm"><iclass="fa fa-file-text-o"></i> Billing</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><iclass="fa fa-file-text-o"></i> Billing</button>#end#if($completedEvents.get("INAUGRATION"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> Inauguration</span>#elseif($canAct)<a href="javascript:void(0);"class="btn btn-xs btn-warning ob-nav-action"data-url="partnerOnBoardingPanel"><iclass="fa fa-flag"></i> Inauguration</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><i class="fa fa-flag"></i>Inauguration</button>#end#if($completedEvents.get("TRAINING"))<span class="ob-badge-ok"><iclass="fa fa-check"></i> Training</span>#elseif($canAct)<a href="javascript:void(0);"class="btn btn-xs btn-warning ob-nav-action"data-url="partnerDashboardTraining"><iclass="fa fa-graduation-cap"></i> Training Panel</a>#else<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><iclass="fa fa-graduation-cap"></i> Training Panel</button>#end</div><div class="ob-kv"><div class="row"><div class="col-sm-4 text-muted">PO Creation</div><div class="col-sm-8">#if($completedEvents.get("PO_CREATION"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("PO_CREATION").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">PO Approval</div><div class="col-sm-8">#if($completedEvents.get("PO_APPROVAL"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("PO_APPROVAL").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Billing</div><div class="col-sm-8">#if($completedEvents.get("BILLING"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("BILLING").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Inauguration</div><div class="col-sm-8">#if($completedEvents.get("INAUGRATION"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("INAUGRATION").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div><div class="row"><div class="col-sm-4 text-muted">Training</div><div class="col-sm-8">#if($completedEvents.get("TRAINING"))<span class="ob-badge-ok">Done</span> - $completedEvents.get("TRAINING").toLocalDate()#else<span class="ob-badge-pending">Pending</span>#end</div></div>#if($trainingPanel)<div class="row"><div class="col-sm-4 text-muted">Dashboard Training</div><div class="col-sm-8">$!trainingPanel.getDashboardTraning()</div></div><div class="row"><div class="col-sm-4 text-muted">App Training</div><div class="col-sm-8">$!trainingPanel.getAppTraining()</div></div><div class="row"><div class="col-sm-4 text-muted">Training Planned Date</div><div class="col-sm-8">#if($trainingPanel.getDatePlaned())$trainingPanel.getDatePlaned().toLocalDate()#else- #end</div></div><div class="row"><div class="col-sm-4 text-muted">Training Completed Date</div><div class="col-sm-8">#if($trainingPanel.getDateCompleted())$trainingPanel.getDateCompleted().toLocalDate()#else- #end</div></div>#else<div class="row"><div class="col-sm-12 text-muted" style="padding:10px;">Training details not available.</div></div>#end</div></div></div><script type="text/javascript">## Stepper circle click -> switch to corresponding tab$(document).off('click', '.ob-step-circle[data-tab]').on('click', '.ob-step-circle[data-tab]', function () {var tabId = $(this).data('tab');$('#detailTabs a[href="#' + tabId + '"]').tab('show');});## Action button click -> load panel into #main-content (same as sidebar navigation)$(document).off('click', '.ob-nav-action').on('click', '.ob-nav-action', function () {var url = $(this).data('url');doGetAjaxRequestHandler(context + '/' + url, function (response) {$('#main-content').html(response);});});</script>