@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="advertisementInfoForm">

            <input type="hidden" id="id" name="id" value="${item.id}">
            <div class="row">
                <div class="col-sm-10">
                    @if(language==1){
                    <#input id="name" name="广告图名称" value="${item.name}"/>
                    <#avatar id="imgUrl" name="广告图图片：" avatarImg="${item.imgUrl}"/>
                    @}
                    @if(language==2){
                    <#input id="name" name="Name of Advertising Picture" value="${item.name}"/>
                    <#avatar id="imgUrl" name="Advertisement picture：" avatarImg="${item.imgUrl}"/>
                    @}
                    @if(language==3){
                    <#input id="name" name="Nama Gambar iklan" value="${item.name}"/>
                    <#avatar id="imgUrl" name="Gambar iklan：" avatarImg="${item.imgUrl}"/>
                    @}

                    @if(language==1){
                    <#select id="type" name="广告类型：">
                        <option value="">选择广告类型</option>
                        <option value="1" ${1 == item.type ? 'selected=selected' : ''}>弹窗广告</option>
                        <option value="2" ${2 == item.type ? 'selected=selected' : ''}>首页底部广告</option>
                    </#select>
                    @}
                    @if(language==2){
                    <#select id="type" name="types of advertisement：">
                        <option value="">Choose the type of AD</option>
                        <option value="1" ${1 == item.type ? 'selected=selected' : ''}>pop-up ad</option>
                        <option value="2" ${2 == item.type ? 'selected=selected' : ''}>Advertisement at the bottom of the home page</option>
                    </#select>
                    @}
                    @if(language==3){
                    <#select id="type" name="Nama Gambar iklan：">
                        <option value="">Gambar iklan</option>
                        <option value="1" ${1 == item.type ? 'selected=selected' : ''}>iklan pop-up</option>
                        <option value="2" ${2 == item.type ? 'selected=selected' : ''}>iklan di bagian bawah halaman rumah</option>
                    </#select>
                    @}

                    @if(language==1){
                    <#select id="openCityId" name="所属城市：" onchange="TAdvertisementInfoDlg.provinceChange(this)"  style="width: 200px">
                        <option value="">选择所属城市</option>
                        @for(obj in openCity){
                        <option value="${obj.id}" ${obj.id == item.openCityId ? 'selected=selected' : ''}>${obj.chineseName}</option>
                        @}
                    </#select>
                    @}
                    @if(language==2){
                    <#select id="openCityId" name="City of Residence：" onchange="TAdvertisementInfoDlg.provinceChange(this)"  style="width: 200px">
                        <option value="">Select your City</option>
                        @for(obj in openCity){
                        <option value="${obj.id}" ${obj.id == item.openCityId ? 'selected=selected' : ''}>${obj.englishName}</option>
                        @}
                    </#select>
                    @}
                    @if(language==3){
                    <#select id="openCityId" name="Kota Residence：" onchange="TAdvertisementInfoDlg.provinceChange(this)"  style="width: 200px">
                        <option value="">Pilih Kota Anda</option>
                        @for(obj in openCity){
                        <option value="${obj.id}" ${obj.id == item.openCityId ? 'selected=selected' : ''}>${obj.indonesianName}</option>
                        @}
                    </#select>
                    @}

                    @if(language==1){
                    <#select id="isJump" name="是否跳转：" onchange="TAdvertisementInfoDlg.isJump()">
                        <option value="">选择是否跳转</option>
                        <option value="1" ${1 == item.isJump ? 'selected=selected' : ''}>是</option>
                        <option value="2" ${2 == item.isJump ? 'selected=selected' : ''}>否</option>
                    </#select>
                    @}
                    @if(language==2){
                    <#select id="isJump" name="Whether to jump or not：" onchange="TAdvertisementInfoDlg.isJump()">
                        <option value="">Choose whether to jump or not</option>
                        <option value="1" ${1 == item.isJump ? 'selected=selected' : ''}>Yes</option>
                        <option value="2" ${2 == item.isJump ? 'selected=selected' : ''}>No</option>
                    </#select>
                    @}
                    @if(language==3){
                    <#select id="isJump" name="Apakah melompat atau tidak：" onchange="TAdvertisementInfoDlg.isJump()">
                        <option value="">Pilih apakah untuk melompat atau tidak</option>
                        <option value="1" ${1 == item.isJump ? 'selected=selected' : ''}>Ya</option>
                        <option value="2" ${2 == item.isJump ? 'selected=selected' : ''}>Tidak</option>
                    </#select>
                    @}
                    <div id="yesDiv" style="display: none;">
                        @if(language==1){
                        <#select id="jumpType" name="跳转类型：" onchange="TAdvertisementInfoDlg.jumpType()">
                            <option value="">选择跳转类型</option>
                            <option value="1" ${1 == item.jumpType ? 'selected=selected' : ''}>外部</option>
                            <option value="2" ${2 == item.jumpType ? 'selected=selected' : ''}>内部</option>
                        </#select>
                        <div id="internalDiv" style="display: none;">
                            <#input id="jumpUrl" name="跳转路径" value="${item.jumpUrl}"/>
                        </div>
                        @}
                        @if(language==2){
                        <#select id="jumpType" name="jump Type：" onchange="TAdvertisementInfoDlg.jumpType()">
                            <option value="">Select the jump type</option>
                            <option value="1" ${1 == item.jumpType ? 'selected=selected' : ''}>external</option>
                            <option value="2" ${2 == item.jumpType ? 'selected=selected' : ''}>interior</option>
                        </#select>
                        <div id="internalDiv" style="display: none;">
                            <#input id="jumpUrl" name="Path of jump" value="${item.jumpUrl}"/>
                        </div>
                        @}
                        @if(language==3){
                        <#select id="jumpType" name="Jenis lompatan：" onchange="TAdvertisementInfoDlg.jumpType()">
                            <option value="">Pilih tipe lompatan</option>
                            <option value="1" ${1 == item.jumpType ? 'selected=selected' : ''}>luar</option>
                            <option value="2" ${2 == item.jumpType ? 'selected=selected' : ''}>interior</option>
                        </#select>
                        <div id="internalDiv" style="display: none;">
                            <#input id="jumpUrl" name="Laluan lompatan" value="${item.jumpUrl}"/>
                        </div>
                        @}

                        <div id="externalDiv" style="display: none;">
                            <div class="form-group" id="contentDiv">
                                @if(language==1){
                                <label class="col-sm-3 control-label">跳转内容：</label>
                                @}
                                @if(language==2){
                                <label class="col-sm-3 control-label">Jump to content：</label>
                                @}
                                @if(language==3){
                                <label class="col-sm-3 control-label">Lompat ke isi：</label>
                                @}
                                <div class="col-sm-9">
                                    <textarea type="text/plain" id="editor" style="width:100%;height:350px;">${item.content}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10 col-sm-offset-5">
                    @if(language==1){
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TAdvertisementInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TAdvertisementInfoDlg.close()"/>
                    @}
                    @if(language==2){
                    <#button btnCss="info" name="Submit" id="ensure" icon="fa-check" clickFun="TAdvertisementInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="Cancel" id="cancel" icon="fa-eraser" clickFun="TAdvertisementInfoDlg.close()"/>
                    @}
                    @if(language==3){
                    <#button btnCss="info" name="Kirim" id="ensure" icon="fa-check" clickFun="TAdvertisementInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="Batal" id="cancel" icon="fa-eraser" clickFun="TAdvertisementInfoDlg.close()"/>
                    @}
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/modular/system/tAdvertisement/tAdvertisement_info.js"></script>
<script type="text/javascript">
    $(function() {
        var isJump = $("#isJump").val();
        if (1 == isJump){
            $("#yesDiv").show();
        }else{
            $("#yesDiv").hide();
        }
        var jumpType = $("#jumpType").val();
        if (1 == jumpType){
            $("#internalDiv").show();
            $("#externalDiv").hide();
        } else if (2 == jumpType) {
            $("#internalDiv").hide();
            $("#externalDiv").show();
        } else {
            $("#internalDiv").hide();
            $("#externalDiv").hide();
        }
    });
</script>
@}