    <div class="col-xs-12 col-md-8 modal-mob" id="POS_TRANSACTIONS_JO_MODAL" style="display: none;">
        <div class="modal-header px-1 pb-2">
            <h5 class="mb-0">
                TRANSACTIONS
            </h5>
        </div>
        <div class="modal-body p-1">
            <div class="row mt-2 mb-3 px-3">
                <div class=" col-md-6 pl-0 pr-0-mob">
                    <select class="form-control rounded-0" id="SEARCH_REC_JORDER_ACC_GROUP_ID_CMB" style="width: 100%;"></select>
                </div>
                <div class="input-group col-md-6 p-0">
                    <input type="text" class="form-control" placeholder="Reference No." name="SEARCH_REC_JORDER_REFERENCE_NUMBER_TXT" id="SEARCH_REC_JORDER_REFERENCE_NUMBER_TXT" onkeydown="if(event.which == 13 || event.keyCode == 13 || event.key === 'Enter'){HTTP_LOAD_TRANSACTIONS_JO();}">
                    <div class="input-group-append">
                        <button id="SEARCH_TRANSACTION_JO_CMD" class="btn btn-info" type="button">SEARCH</button>
                    </div>
                </div>
            </div>
            <div class="fix-table-head">
                <table id="JOB_ORDER_DGV" class="pos-table">
                    <thead class="bg-blue text-white">
                        <tr id="JOB_ORDER_DGV_HEADER">
                            <th id="JOB_ORDER_DGV_HEADER_ROW_COUNT" class="d-none"></th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_ID" class="d-none"></th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_ACC_GROUP_ID" class="d-none"></th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_REC_CLIENT_ID" class="d-none"></th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_ACC_GROUP_ID_DESCRIPTION" class="d-none"></th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_REFERENCE_NUMBER">Reference No.</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_DECIMAL_A_DESCRIPTION">Mode</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_DESCRIPTION" class="d-none">Branch</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_CLIENT_MIDDLENAME" class="d-none">Address</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_CLIENT_FIRSTNAME" class="d-none">First Name</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_CLIENT_LASTNAME" class="d-none">Last Name</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_CLIENT_NAME">Customer Name</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_CLIENT_CONTACT" class="d-none">Contact</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_AMOUNT" class="d-none"></th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_FOR_COMPLETION" class="d-none">Status</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_USER_ASSIGN" class="d-none">Status</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_STATUS" class="d-none">Status</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_DATE_POST">Date &amp; Time</th>
                            <th id="JOB_ORDER_DGV_HEADER_REC_JORDER_DECIMAL_A" class="d-none">Mode of Payment</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr id="JOB_ORDER_DGV_ROW">
                            <td id="JOB_ORDER_DGV_ROW_ROW_COUNT" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_ID" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_ACC_GROUP_ID" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_REC_CLIENT_ID" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_ACC_GROUP_ID_DESCRIPTION" class="d-none">Branch</th>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_REFERENCE_NUMBER"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_DECIMAL_A_DESCRIPTION"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_DESCRIPTION" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_CLIENT_MIDDLENAME" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_CLIENT_FIRSTNAME" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_CLIENT_LASTNAME" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_CLIENT_NAME"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_CLIENT_CONTACT" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_AMOUNT" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_FOR_COMPLETION" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_USER_ASSIGN" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_STATUS" class="d-none"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_DATE_POST"></td>
                            <td id="JOB_ORDER_DGV_ROW_REC_JORDER_DECIMAL_A" class="d-none"></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-secondary" id="JO_CANCEL_TRANS_BBI">Cancel</button>
            <button type="button" class="btn btn-success" id="JO_SEL_TRANS_BBI">SELECT</button>
        </div>
    </div>