<script language="javascript">
    var ds_obj_qrmenu = [
        { name: "id", head: "", visible: 0 },
        { name: "objcategory", head: "Loại bàn/phòng", visible: 2, type: "select", required: 1, data: "g_list_objcategory" },
        { name: "name", head: "Tên bàn/phòng", visible: 1, type: "text", required: 1, width: "35%" },
        { name: "order", head: "Thứ tự", visible: 1, type: "number", required: 0, width: "15%" },
        { name: "type", head: "Kiểu", visible: 1, type: "text", required: 0, readonly: 1, width: "20%" },
        { name: "typeid", head: "Kiểu", visible: 2, type: "select", required: 0, readonly: 0, data: "g_list_objtype", viewname: "type" },
        { name: "group", head: "Nhóm", visible: 0, type: "text", required: 0, readonly: 1, width: "0%" },
        { name: "groupid", head: "Nhóm", visible: 2, type: "select", required: 0, readonly: 0, data: "g_list_objgroup", viewname: "group" },
        { name: "seat", head: "Số chỗ", visible: 2, type: "number", required: 0 },
    ];
    var gridViewEx = new GridViewEx(ds_obj_qrmenu, "gridViewEx");
    gridViewEx.page_source = "ti_intemqrmenu";
    initOneTime();
    function initOneTime() {
        //check xem da khoi tao chua
        var page_initflag = document.getElementById("page_initflag");
        if (page_initflag.value.length > 0)
            return;
        page_initflag.value = "1";
        itemList(0);
    }
    async function refreshListObj() {
        var val = await getSyncListObj();
    }
    function itemSelectType(id) {
        showWaitModal();
        var url = "?page=list&pagesub=objtype&obj_id=" + id;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (isDataOk(data)) {
                    var dataok = getDataOk(data);

                    m_active_id = id;
                    DlgSelect.showSimple(getDataOk(data), "itemSelectTypeDo");
                }
                else
                    showMsg(itxt("loi"));

            },
            error: function () {

                hideModal();
            }
        });
    }
    function itemList(pageno) {
        showListObj(-1, "", 0, "iddivcardselectobjall", 0, 0, true, "printQRMenuLabel_Do", []);

        return;
        var url = "?page=" + gridViewEx.page_source + "&action=list&pageno=" + pageno;
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                gridViewEx.showGrid(getDataOk(data), "iddivcardselectobjall");
                hideModalBlock();
            },
            error: function () {
                hideModalBlock();
            }
        });

    }

    function printQRMenuLabel(bConfirmAll) {
        var objs = showListObjDlgSelect_GetSelectedIds();
        if (objs.length < 1) {
            if (isEmpty(bConfirmAll)) {
                dlgConfirm(itxt("banchacchanmuonintemqrtatcabanphong"), itxt("intemqr"), "printQRMenuLabel");
                return;
            } else if (bConfirmAll != true) {
                return;
            }
        }
        var size = getSelectVal("qrmenu_size");
        var head = getValById("qrmenu_head");
        var comment = getValById("qrmenu_comment");
        var quantity = getSelectText("qrmenu_quantity");
        var qrleft = getValById("qr_left");
        var qrtop = getValById("qr_top");
        gCallInterop("PRINTQRMENU" + g_split_row + size + g_split_row + encodeURIComponent(head) + g_split_row + encodeURIComponent(comment) + g_split_row + objs + g_split_row + quantity + g_split_row + qrleft + g_split_row + qrtop);
    }
</script>
<link rel="stylesheet" type="text/css" href="ls/style_ls.css" />
<div id="iddivcardselectobjall" style="height: 50%;width: 100%;background-color: bisque;overflow: scroll;"></div>
<div>
    <div class="paragraph">
        <span style="font-weight: bold;width: 100%;padding-bottom: 4px;display:inline-block;">Địa chỉ truy cập</span>
        <input type="text" style="width: 100%;background-color: antiquewhite;"
            value="ishopman.vn/qrmenu/{_MAKHACHHANG_}" readonly>
    </div>
    <div class="paragraph"><b>Tiêu đề</b>
        <input type="text" name="qrmenu_head" id="qrmenu_head" value="Quét mã QR để" style="width: 100%;">
    </div>
    <div class="paragraph">
        <span style="padding-bottom: 4px;display:inline-block;font-weight: bold;">Diễn giải</span>
        <textarea name="qrmenu_comment" id="qrmenu_comment" id="" style="width: 100%;"
            rows="4">*Gọi món&#13;&#10;*Gọi phục vụ - thanh toán&#13;&#10;*Xem hóa đơn</textarea>
    </div>
    <div class="paragraph">
        <div style="width: 50%;float: left;">
            <b>Cỡ tem</b>
            <select name="qrmenu_size" id="qrmenu_size">
                <option value="0">40*30</option>
                <option value="1">50*30</option>
                <option value="2">60*40</option>
                <option value="3">70*50</option>
            </select>
        </div>
        <div style="float: right">
            <b>SL tem</b> <select name="qrmenu_quantity" id="qrmenu_quantity" style="width: 40px;">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="10">10</option>
            </select>
        </div>
        <br>

    </div>
    <div class="paragraph">
        <div style="width: 50%;float: left;margin-top: 4px;">
            <b>Lề trên QR (mm)</b> <input id="qr_top" name="qr_top" style="width: 40px;" value="2">
        </div>
        <div style="float: right; margin-top: 4px;">
            <b>Lề trái QR (mm)</b> <input id="qr_left" name="qr_left" style="width: 40px;" value="8">
        </div>
    </div>
</div>
<div class="pane_bottom_gap"></div>
<div id="idcmds" class="pane_bottom"
    style="height: 40px;background-color:darkgreen;color: white;font-weight:bold;cursor:pointer;display: flex;align-items: center;justify-content: center;"
    onclick="printQRMenuLabel()">In</div>
<input type="hidden" id="page_initflag" value="">