
    <div class="col-md-8 col-xs-12" id="POS_TRANSACTIONS_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="input-group">

                    <select class="form-control d-none" id="SEARCH_DATA_CMB">
                        <option selected="selected" value="1">Reservation</option>
                        <option value="2">Job Order</option>
                    </select>

                    <input type="text" class="form-control" placeholder="Reference No." name="SEARCH_REC_JORDER_REFERENCE_NUMBER_TXT" id="SEARCH_REC_POSRESERVE_CODE_TXT" onkeydown="if(event.which == 13 || event.keyCode == 13 || event.key === 'Enter'){HTTP_LOAD_TRANSACTIONS();}">
                    <div class="input-group-append">
                        <button id="SEARCH_TRANSACTION_CMD" class="btn btn-info" type="button">SEARCH</button>
                    </div>
                </div>
            </div>
            <div class="fix-table-head">asdasd
                <table id="DATA_DGV" class="pos-table">
                    <thead class="bg-blue text-white">
                        <tr id="DATA_DGV_HEADER">
                            <th id="DATA_DGV_HEADER_REC_ID" class="d-none"></th>
                            <th id="DATA_DGV_HEADER_REC_GROUP_ID" class="d-none"></th>
                            <th id="DATA_DGV_HEADER_REC_REF_NUMBER">Reference No.</th>
                            <th id="DATA_DGV_HEADER_REC_BRANCH">Branch</th>
                            <th id="DATA_DGV_HEADER_REC_TABLE_NO">Table No.</th>
                            <th id="DATA_DGV_HEADER_REC_POSRESERVE_ID">Order No.</th>
                            <th id="DATA_DGV_HEADER_REC_DATE">Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr id="DATA_DGV_ROW">
                            <td id="DATA_DGV_ROW_REC_ID" class="d-none"></td>
                            <td id="DATA_DGV_ROW_REC_GROUP_ID" class="d-none"></td>
                            <td id="DATA_DGV_ROW_REC_REF_NUMBER"></td>
                            <td id="DATA_DGV_ROW_REC_BRANCH"></td>
                            <td id="DATA_DGV_ROW_REC_TABLE_NO"></td>
                            <td id="DATA_DGV_ROW_REC_POSRESERVE_ID"></td>
                            <td id="DATA_DGV_ROW_REC_DATE"></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="modal-footer justify-content-between">
            <button type="button" class="btn btn-secondary" id="POS_TRANSACTIONS_MODAL_MODAL_CLOSE_CMD">Close</button>
            <button type="button" class="btn btn-success" id="SEL_TRANS_BBI">SELECT</button>
        </div>
    </div>