{% extends "base-with-sidebar.html" %}
{% load authperm %}
{% load staticres %}

{% block title %}
	编辑文章 - 丘丘塔台
{% endblock %}

{% block sidebar %}
	{% ifequal rfm "a" %}
		{% include "home/sysconf.sidebar.html" %}
	{% else %}
		{% include "home/front.sidebar.html" %}
	{% endifequal %}
{% endblock %}

{% block head %}
{% res js "duallistbox" %}
{% res css "duallistbox" %}
{% endblock %}

{% block content %}
<div class="alert alert-info">
	内容支持使用{{zumdownver}}书写，渲染引擎为{{rnginver}}
</div>
<form id="mainform" class="form-horizontal" role="form" action="" method="POST">
	{% csrf_token %}
    {% for item in form %}
    <input type="hidden" name="rfm" value="{{rfm}}">
	<div class="form-group">
		<label class="control-label col-md-1">{{item.label}}</label>
		<div class="col-md-11">{{item}}</div>
		<div class="col-md-offset-1 col-md-10">{{item.errors}}</div>
	</div>
	{% endfor %}
	<div class="form-group">
		<div class="col-md-offset-1 col-md-10">
			<button class="btn btn-primary btn-lg" onclick="esubmit();">提交更改</button>
			<button class="btn btn-info btn-lg" onclick="zumdown_preview();">先行预览</button>
		</div>
	</div>
</form>
<script>
    var catbox = $('select[name="category"]').bootstrapDualListbox({
          nonSelectedListLabel: '可选择分类',
          selectedListLabel: '已选择分类',
          preserveSelectionOnMove: 'moved',
          moveOnSelect: false,
    });

    function zumdown_preview(){
		$("#mainform").attr('action','{% siteurl "inabar" %}');
		$("#mainform").attr('target','_blank');
		$("#mainform").submit();
    }

    function esubmit(){
    	$("#mainform").attr('action','');
		$("#mainform").attr('target','_self');
		$("#mainform").submit();
    }
</script>
{% endblock %}