<script language="javascript">
    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";

    }

    function updateDo(c, type) {
        var value = 0;
        if (c.type == "checkbox") {
            if (c.checked) value = 1;
        } else if (c.type == "text") {
            value = uriEncode(c.value);
        }
        var url = "?page=web_giaodien&action=update&type=" + type + "&value=" + value;

        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }

    function genTemplate() {
        showWaitModal();
        var url = "?page=web_giaodien&action=gentemplate";
        var dataString = "";
        jQuery.ajax({
            url: url,
            data: dataString,
            type: "GET",
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                showMsg(itxt("dataocacmauhienthi"), null, 1000);
            },
            error: function () {
                showMsg(itxt("loi"));
            }
        });
    }
    gLayout(true);
</script>
<div class="pane_main100">
    <div align="center"
        style="margin-left:auto;margin-right:auto;background: gainsboro;height:auto;overflow:auto;border:1px solid gainsboro;">
        <div style="width:100%;border-bottom:1px solid yellow;padding:8px 0px;height: auto;overflow: auto;">
            <a href="javascript:void(0)" onclick="window_newtab('web_giaodiendautrang')"> Đầu trang: hình nền banner,
                các
                nút, tìm kiếm, dòng chữ</a>
            <p></p>
            <div style="float: right;;margin:4px 0px;clear: both;">
                <input type="checkbox" class="checkboxex" id="header_cart"
                    onclick="updateDo(this,'display_header_cart')" value="on" _CHECKEDHEADERCART_>Giỏ hàng
                <input type="checkbox" class="checkboxex" id="header_favorite"
                    onclick="updateDo(this,'display_header_favorite')" value="on" _CHECKEDHEADERFAVORITE_>Quan tâm
                <input type="checkbox" class="checkboxex" id="header_account"
                    onclick="updateDo(this,'display_header_account')" value="on" _CHECKEDHEADERACCOUNT_>Thành viên
                <input type="checkbox" class="checkboxex" id="header_search"
                    onclick="updateDo(this,'display_header_search')" value="on" _CHECKEDHEADERSEARCH_>Tìm kiếm
            </div>
        </div>
        <div style="width:100%;border-bottom:1px solid yellow;padding:8px 0px;">
            <a href="javascript:void(0)" onclick="window_newtab('web_giaodienmenu')">Menu</a>
        </div>
        <div style="width:100%;border-bottom:1px solid yellow;padding:8px 0px;">
            <a href="javascript:void(0)" onclick="window_newtab('web_giaodiensanphamtieudiem')">Sản phẩm tiêu
                điểm</a>
            <input type="checkbox" class="checkboxex" id="home_goodsfocus"
                onclick="updateDo(this,'display_home_goodsfocus')" value="on" _CHECKEDHOMEGOODSFOCUS_>
        </div>
        <div style="width:100%;border-bottom:1px solid yellow;padding:8px 0px;">
            <a href="javascript:void(0)" onclick="window_newtab('web_giaodienhinhchaytrangchu')">Hình chạy trang
                chủ</a>
            <input type="checkbox" class="checkboxex" id="home_imageslide"
                onclick="updateDo(this,'display_home_imageslide')" value="on" _CHECKEDHOMEIMAGESLITE_>
        </div>
        <div style="width:100%;border-bottom:1px solid yellow;padding:0px 0px;height:auto;overflow:auto;">
            <div
                style="width:15%;float:left;height:100px;border-right: 1px dotted grey;text-align:center;padding:8px 0px">
                <input type="checkbox" class="checkboxex" id="home_left_box" onclick="updateDo(this,'display_left_box')"
                    value="on" _CHECKEDLEFTBOX_>
                <br>
                <a href="javascript:void(0)" onclick="window_newtab('web_giaodiencacboxphaitrai')">Các box
                    nội
                    dung trái</a>
            </div>
            <div
                style="width:calc(70% - 2px);float:left;height:100px;display:flex;align-items:center;justify-content:center;">
                <a href="javascript:void(0)" onclick="window_newtab('web_giaodiencacnhomnoidungtrangchu')">Các nhóm
                    nội
                    dung trang chủ</a>
            </div>
            <div
                style="width:15%;float:right;height:100px;border-left: 1px dotted grey;text-align:center;padding:8px 0px">
                <input type="checkbox" class="checkboxex" onclick="updateDo(this,'home_right_box')"
                    onclick="updateDo(this,'display_right_box')" value="on" _CHECKEDRIGHTBOX_>
                <br>
                <a href="javascript:void(0)" onclick="window_newtab('web_giaodiencacboxphaitrai')">Các box
                    nội
                    dung phải</a>
            </div>
        </div>
        <div style="width:100%;border-bottom:1px solid yellow;padding:8px 0px;">
            <a href="javascript:void(0)" onclick="window_newtab('web_giaodiencuoitrang')">Cuối
                trang</a>
        </div>
    </div>
    <div style="width: 100%;padding: 8px;-moz-box-sizing: border-box;box-sizing: border-box;">
        <div style="width: 100%;display: table-cell;">
            <span style="width:300px;float: left;">Tên mẫu giao diện (ví dụ: ishopman)</span>
            <input type="text" placeholder="" style="width: 300px;float: left;" value="_HTTPTEMPLATE_"
                onchange="updateDo(this,'httptemplate')">
        </div><br>
        <div style="width: 100%;display: table-cell;">
            <span style="width:300px;float: left;">Đường dẫn cục bộ (ví dụ C:/Website/)</span>
            <input type="text" placeholder="C:/Website/" style="width: 300px;float: left;" value="_LOCALROOT_"
                onchange="updateDo(this,'localroot')">
        </div>
        <br>
        <div style="width: 100%;display: table-cell;">
            <span style="width:300px;float: left;">Địa chỉ website (ví dụ: https://ishopman.vn/)</span>
            <input type="text" placeholder="https://ishopman.vn/" style="width: 300px;float: left;" value="_HTTPROOT_"
                onchange="updateDo(this,'httproot')">
        </div>

    </div>
</div>
<div class="pane_bottom_gap"></div>
<div class="pane_bottom">
    <button class="buttonbig create" style="width: 100%;" onclick="genTemplate()">Tạo các tệp mẫu cho Website</button>
</div>
<input type="hidden" id="page_initflag" value="">