<script language="javascript">
    function menuPopupItem(id, pageno) {
        var menu = "";
        menu += "<a href='javascript:void(0)' onclick='javascript:itemEdit(" + id + "," + pageno + ")' class='menu_popup_item w50'>Sửa" + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:itemRemove(" + id + "," + pageno + ")' class='menu_popup_item w50'>Xóa" + "</a>";
        menu += "<a href='javascript:void(0)' onclick='javascript:itemView(" + id + "," + pageno + ")' class='menu_popup_item'>Xem" + "</a>";
        showModal(menu, itxt("mausac"));
    }
    function headerChangeImage() {
        var fileInput = document.getElementById('file');
        if (fileInput) {
            fileInput.onchange = function (e) {
                uploadBanner(document.getElementById("idformheaderbanner"));
            };
            fileInput.click();
        }
    }
    function uploadBanner(f) {
        var form = $(f);
        var url = form.attr('action');
        jQuery.ajax({
            url: url,
            data: new FormData($('#idformheaderbanner')[0]),
            type: "POST",
            cache: false,
            contentType: false,
            processData: false,
            success: function (data) {
                if (!isDataOk(data)) {
                    showMsg([itxt("loi"), getDataFail(data)]);
                    return;
                }
                showMsg(itxt("dathietlapanhnen"), itxt("giaodien"), 750);
                sleep(750);
                window_refresh();
            },
            error: function () {
                hideModal();
                showMsg(itxt("thatbai"), "");
            }
        });
        return false;
    }
</script>
<table style="width: 100%;">
    <tr>
        <td style="width:125px">Hộp công cụ:</td>
        <td>
            <span style="margin-right:16px"><input type="checkbox" class="checkboxex" id="header_cart"
                    onclick="updateDo(this,'display_header_cart')" value="on" _CHECKEDHEADERCART_>Giỏ hàng
            </span>
            <span style="margin-right:16px"><input type="checkbox" class="checkboxex" id="header_favorite"
                    onclick="updateDo(this,'display_header_favorite')" value="on" _CHECKEDHEADERFAVORITE_>Quan
                tâm</span>
            <span style="margin-right:16px"><input type="checkbox" class="checkboxex" id="header_account"
                    onclick="updateDo(this,'display_header_account')" value="on" _CHECKEDHEADERACCOUNT_>Thành
                viên</span>
            <span style="margin-right:16px"><input type="checkbox" class="checkboxex" id="header_search"
                    onclick="updateDo(this,'display_header_search')" value="on" _CHECKEDHEADERSEARCH_>Tìm kiếm</span>
        </td>
    </tr>
    <tr>
        <td>Dòng chữ</td>
        <td><input type="text" class="input_invoice" id="g_id_header_text" value="_HEADERTEXT_" style="width: 100%;"
                onchange="updateDo(this,'display_header_text')">
        </td>
    </tr>
    <tr>
        <td>Chiều cao đầu trang</td>
        <td>
            <div class="gridcell">Lớn: <input type="text" style="width: 60px;float: left;text-align: right;"
                    onfocus="this.select(-1)" value="_HEADERHEIGHTDESTKOP_" placeholder=""
                    onchange="updateDo(this,'header_height_desktop')">px
            </div>
            <div class="gridcell">Nhỏ: <input type="text" style="width: 60px;float: left;text-align: right;"
                    onfocus="this.select(-1)" value="_HEADERHEIGHTMOBILE_" placeholder=""
                    onchange="updateDo(this,'header_height_mobile')">px
            </div>
        </td>
    </tr>
</table>
</div>
<form method="POST" action="?page=web_giaodien&action=headerbanner" enctype="multipart/form-data"
    id="idformheaderbanner" onsubmit="return uploadBanner(this)">
    <input id="file" type="file" name="file" style="visibility: hidden;" />
    (nhấn vào ảnh để thay đổi ảnh nền đầu trang - banner)
    <div id="idheaderimage" onclick="headerChangeImage()"
        style="width: 100%;background-image: url('_HEADERIMAGE_');background-repeat: no-repeat;background-position: left top;height: _HEADERHEIGHTDESTKOP_px;cursor: pointer;">
    </div>
</form>