{% extends 'website/backoffice/form.html' %}

{% block form_buttons %}
    {% if not is_blackberry %}
        <a href='' class='button gray' id='btn-preview' rel='{{ preview_to }}'><span>Preview</span></a>
    {% endif %}
    {{ block.super }}
{% endblock %}


{% block ckeditor %}
    {% if not is_mobile_device %}
        <script type="text/javascript">
            
            CKEDITOR.replace('id_content', {
                extraPlugins: 'fimagelink,fcustomlink,funlink,fimage',
                removePlugins: 'scayt,menubutton,forms,image,link',
                toolbar:
                [
                    ['Format', 'Styles'],
                    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
                    ['Bold','Italic'],
                    ['NumberedList','BulletedList'],
                    ['fCustomLink','fUnlink'],
                    ['fImage'],
                    ['RemoveFormat'],
                    ['Maximize'],
                    ['Source']
                ],
                format_tags: 'p;h2;h3;h4',
                stylesSet: 'image_styles',
                toolbarCanCollapse: false,
                baseFloatZIndex: 1100
            });
            
            CKEDITOR.replace('excerpt', {
                extraPlugins: 'fcustomlink,funlink,fimage',
                removePlugins: 'scayt,menubutton,forms,image,link',
                toolbar:
                [
                    ['Bold','Italic'],
                    ['NumberedList','BulletedList','Outdent','Indent'],
                    ['fCustomLink','fUnlink'],
                    ['RemoveFormat'],
                    ['Maximize'],
                    ['Source']
                ],
                format_tags: 'p;h2;h3;h4',
                toolbarCanCollapse: false,
                baseFloatZIndex: 1100
            });
            CKEDITOR.stylesSet.add('image_styles', [
                {name:'Image on Left', element:'img', attributes:{style:'padding: 5px; margin-right: 5px', border:'2', align:'left'}},
                {name:'Image on Right', element:'img', attributes:{style:'padding: 5px; margin-left: 5px', border:'2', align:'right'}}
            ]);
            
        </script>
    {% endif %}
{% endblock %}