{% extends 'website/backoffice/base.html' %}
{% load url from future %}

{% block bodyclass %}detail-page{% endblock %}

{% block content %}

{{ form.media }}
<form method = 'POST' action = '' class = 'form' id='post-form' enctype="multipart/form-data">
    {% csrf_token %}

    <ul>
    {% for field in profile_form %}
        <li class = 'field-{{ field.name }}'>
            {{ field.label_tag }}
            <div>
                <p>{{ field }}
                {% if field.help_text %}<span class = 'help-text'>{{ field.help_text }}</span>{% endif %}
                </p>
                {{ field.errors }}
            </div>            
        </li>
    {% endfor %}

    {% for field in teacher_profile_form %}
        <li class = 'field-{{ field.name }}'>
            {{ field.label_tag }}
            <div>
                <p>{{ field }}
                {% if field.help_text %}<span class = 'help-text'>{{ field.help_text }}</span>{% endif %}
                </p>
                {{ field.errors }}
            </div>            
        </li>
    {% endfor %}

    </ul>

    <a href='#' class='button gray' id='btn-preview' rel='{{ preview_to }}'><span>Preview</span></a>
    <button class = 'button green'><span>Save</span></button>
    
</form>
{% endblock %}


{% block script %}
    {% if not is_mobile_device %}
        {% include 'fiber/header.html' %}
        {% include 'fiber/ckeditor_js.html' %}
        <script type="text/javascript">
	        CKEDITOR.replace('id_description', {
		        extraPlugins: 'fimagelink,fcustomlink,funlink',
		        removePlugins: 'scayt,menubutton,forms,image,link',
		        toolbar:
		        [
			        ['Format', 'Styles'],
			        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
			        ['Bold','Italic'],
			        ['NumberedList','BulletedList'],
			        ['fCustomLink','fUnlink'],
			        ['fImage','fTable'],
			        ['RemoveFormat'],
			        ['Maximize'],
			        ['Source']
		        ],
		        format_tags: 'p;h2;h3;h4',
		        stylesSet: 'image_styles',
		        toolbarCanCollapse: false,
		        baseFloatZIndex: 1100
	        });
        </script>
    {% endif %}
{% endblock %}