<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8"/>
    <title>RobotoPro</title>
    <link href="/static/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link href="/static/css/font-awesome.min.css" rel="stylesheet"/>
    <!--[if IE 7]>
		<link rel="stylesheet" href="/static/css/font-awesome-ie7.min.css"/>
	<![endif]-->

    <link rel="stylesheet" href="/static/css/datepicker.css"/>
    <link rel="stylesheet" href="/static/css/ace-fonts.css"/>
    <link rel="stylesheet" href="/static/css/ace.min.css"/>
    <link rel="stylesheet" href="/static/css/ace-responsive.min.css"/>
    <link rel="stylesheet" href="/static/css/ace-skins.min.css"/>
    <!--[if lte IE 8]>
		<link rel="stylesheet" href="/static/css/ace-ie.min.css" />
	<![endif]-->


    <link rel="stylesheet" type="text/css" href="/static/demo/blueimp-gallery.min.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/jquery.fileupload-ui.css"/>
    <noscript>
        <link rel="stylesheet" href="/static/css/jquery.fileupload-ui-noscript.css">
    </noscript>


    <script src="/static/js/uncompressed/ace-extra.js"></script>
</head>
<body class="skin-2">

<div class="navbar" id="navbar">
<script type="text/javascript">
    try {
        ace.settings.check('navbar', 'fixed')
    } catch (e) {
    }
</script>
<div class="navbar-inner">
<div class="container-fluid">
<a href="#" class="brand">
    <small>
        <i class="icon-leaf"></i>
        Roboto Promoto
    </small>
</a><!--/.brand-->
<ul class="nav ace-nav pull-right" id="navbar-user-profile">


<li class="grey">
    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
        <i class="icon-tasks"></i>
        <span class="badge badge-grey">4</span>
    </a>
    <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">
        <li class="nav-header">
            <i class="icon-ok"></i>
            4 Tasks to complete
        </li>
        <li>
            <a href="#">
                <div class="clearfix">
                    <span class="pull-left">Software Update</span>
                    <span class="pull-right">65%</span>
                </div>

                <div class="progress progress-mini ">
                    <div style="width:65%" class="bar"></div>
                </div>
            </a>
        </li>

        <li>
            <a href="#">
                <div class="clearfix">
                    <span class="pull-left">Hardware Upgrade</span>
                    <span class="pull-right">35%</span>
                </div>

                <div class="progress progress-mini progress-danger">
                    <div style="width:35%" class="bar"></div>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="clearfix">
                    <span class="pull-left">Unit Testing</span>
                    <span class="pull-right">15%</span>
                </div>

                <div class="progress progress-mini progress-warning">
                    <div style="width:15%" class="bar"></div>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="clearfix">
                    <span class="pull-left">Bug Fixes</span>
                    <span class="pull-right">90%</span>
                </div>

                <div class="progress progress-mini progress-success progress-striped active">
                    <div style="width:90%" class="bar"></div>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                See tasks with details
                <i class="icon-arrow-right"></i>
            </a>
        </li>
    </ul>
</li>
<li class="purple">
    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
        <i class="icon-bell-alt icon-animated-bell"></i>
        <span class="badge badge-important">8</span>
    </a>
    <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-closer">
        <li class="nav-header">
            <i class="icon-warning-sign"></i>
            8 Notifications
        </li>
        <li>
            <a href="#">
                <div class="clearfix">
                                    <span class="pull-left">
                                        <i class="btn btn-mini no-hover btn-pink icon-comment"></i>
                                        New Comments
                                    </span>
                    <span class="pull-right badge badge-info">+12</span>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <i class="btn btn-mini btn-primary icon-user"></i>
                Bob just signed up as an editor ...
            </a>
        </li>
        <li>
            <a href="#">
                <div class="clearfix">
                                    <span class="pull-left">
                                        <i class="btn btn-mini no-hover btn-success icon-shopping-cart"></i>
                                        New Orders
                                    </span>
                    <span class="pull-right badge badge-success">+8</span>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="clearfix">
                                    <span class="pull-left">
                                        <i class="btn btn-mini no-hover btn-info icon-twitter"></i>
                                        Followers
                                    </span>
                    <span class="pull-right badge badge-info">+11</span>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                See all notifications
                <i class="icon-arrow-right"></i>
            </a>
        </li>
    </ul>
</li>
<li class="green">
    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
        <i class="icon-envelope icon-animated-vertical"></i>
        <span class="badge badge-success">5</span>
    </a>
    <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer">
        <li class="nav-header">
            <i class="icon-envelope-alt"></i>
            5 Messages
        </li>
        <li>
            <a href="#">
                <img src="/static/img/debug/avatars/avatar.png/" class="msg-photo" alt="Alex's Avatar"/>
                <span class="msg-body">
                    <span class="msg-title">
                        <span class="blue">Alex:</span>
                        Ciao sociis natoque penatibus et auctor ...
                    </span>
                    <span class="msg-time">
                        <i class="icon-time"></i>
                        <span>a moment ago</span>
                    </span>
                </span>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="/static/img/debug/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar"/>
                <span class="msg-body">
                    <span class="msg-title">
                        <span class="blue">Susan:</span>
                        Vestibulum id ligula porta felis euismod ...
                    </span>
                    <span class="msg-time">
                        <i class="icon-time"></i>
                        <span>20 minutes ago</span>
                    </span>
                </span>
            </a>
        </li>
        <li>
            <a href="#">
                <img src="/static/img/debug/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar"/>
                <span class="msg-body">
                    <span class="msg-title">
                        <span class="blue">Bob:</span>
                        Nullam quis risus eget urna mollis ornare ...
                    </span>
                    <span class="msg-time">
                        <i class="icon-time"></i>
                        <span>3:15 pm</span>
                    </span>
                </span>
            </a>
        </li>
        <li>
            <a href="#">
                See all messages
                <i class="icon-arrow-right"></i>
            </a>
        </li>
    </ul>
</li>
<li class="light-blue">
    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
        <img class="nav-user-photo" src="/static/img/debug/avatars/user.jpg" alt="Jason's Photo"/>
        <span class="user-info">
            <small>Welcome,</small>
        </span>
        <i class="icon-caret-down"></i>
    </a>
    <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
        <li>
            <a href="#">
                <i class="icon-cog"></i>
                Settings
            </a>
        </li>
        <li>
            <a href="#">
                <i class="icon-user"></i>
                Profile
            </a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="/accounts/logout/">
                <i class="icon-off"></i>
                Logout
            </a>
        </li>
    </ul>
</li>


</ul>
<!--/.ace-nav-->
</div>
<!--/.container-fluid-->
</div>
<!--/.navbar-inner-->
</div>

<div class="main-container container-fluid">
<a class="menu-toggler" id="menu-toggler" href="#">
    <span class="menu-text"></span>
</a>

<div class="sidebar" id="sidebar">
    <script type="text/javascript">
        try {
            ace.settings.check('sidebar', 'fixed')
        } catch (e) {
        }
    </script>

    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
            <button class="btn btn-small btn-success">
                <i class="icon-signal"></i>
            </button>

            <button class="btn btn-small btn-info">
                <i class="icon-pencil"></i>
            </button>

            <button class="btn btn-small btn-warning">
                <i class="icon-group"></i>
            </button>

            <button class="btn btn-small btn-danger">
                <i class="icon-cogs"></i>
            </button>
        </div>

        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
            <span class="btn btn-success"></span>

            <span class="btn btn-info"></span>

            <span class="btn btn-warning"></span>

            <span class="btn btn-danger"></span>
        </div>
    </div>
    <!--#sidebar-shortcuts-->

    <ul class="nav nav-list">
        <li class="active">
            <a href="index.html">
                <i class="icon-dashboard"></i>
                <span class="menu-text"> Dashboard </span>
            </a>
        </li>

        <li class="active open">
            <a href="#" class="dropdown-toggle">
                <i class="icon-list"></i>
                <span class="menu-text"> Promotions</span>

                <b class="arrow icon-angle-down"></b>
            </a>

            <ul class="submenu">
                <li class="active">
                    <a href="/promo/">
                        <i class="icon-double-angle-right"></i>
                        List
                    </a>
                </li>
                <li class="active">
                    <a href="/promo/add/">
                        <i class="icon-double-angle-right"></i>
                        New
                    </a>
                </li>
            </ul>
        </li>
    </ul>
    <!--/.nav-list-->

    <div class="sidebar-collapse" id="sidebar-collapse">
        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
    </div>

    <script type="text/javascript">
        try {
            ace.settings.check('sidebar', 'collapsed')
        } catch (e) {
        }
    </script>
</div>
<div class="main-content">
<div class="page-content">
<div class="page-header position-relative">
    <h1>
        Promotions
        <small>
            <i class="icon-double-angle-right"></i>
            create new promotion
        </small>
    </h1>
</div>
<!--/.page-header-->
<div class="row-fluid">
<div class="span12">
<div class="space-6"></div>
<div class="row-fluid">

<div class="span12">
<div id="promotion-wizard" class="row-fluid hide" data-target="#step-container">
    <ul class="wizard-steps">
        <li data-target="#step-details" class="active">
            <span class="step">1</span>
            <span class="title">Promotion details</span>
        </li>
        <li data-target="#step-body">
            <span class="step">2</span>
            <span class="title">Promotion body</span>
        </li>
        <li data-target="#step-files">
            <span class="step">3</span>
            <span class="title">Add some files</span>
        </li>
    </ul>
</div>
<div class="step-content row-fluid position-relative" id="step-container">
<div class="step-pane active" id="step-details">
    <h3 class="lighter block green">Enter the following information</h3>

    <form id="form_wizard_details" action="" class="form-horizontal" method="post">
        <input type='hidden' name='csrfmiddlewaretoken' value='VekTdYHKgrCBrMKWgyBDqzjKrlH2kGSa'/>

        <div class="control-group" id="group-description">
            <label class="control-label" for="id_description">Description</label>

            <div class="controls">
                <input class="span8" id="id_description" maxlength="250" name="description" type="text"
                       value="Yo dude"/>
            </div>
        </div>
        <div class="control-group input-append" id="group-start_date">
            <label class="control-label" for="id_start_date">Start date</label>

            <div class="controls">
                <input class="date-picker" id="id_start_date" name="start_date" type="text" value="2013-01-08"/>
                 <span class="add-on">
                    <i class="icon-calendar"></i>
                </span>
            </div>
        </div>
        <div class="control-group input-append" id="group-end_date">
            <label class="control-label" for="id_end_date">End date</label>

            <div class="controls">
                <input class="date-picker" id="id_end_date" name="end_date" type="text" value="2013-07-08"/>
                 <span class="add-on">
                    <i class="icon-calendar"></i>
                </span>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="id_active">Active</label>

            <div class="controls">
                <label>
                    <input class="ace ace-switch ace-switch-5" id="id_active" name="active" type="checkbox"/>
                    <span class="lbl"></span>
                </label>
            </div>
        </div>
    </form>

</div>
<div class="step-pane" id="step-body">
    <form id="form_wizard_body" action="" class="form-horizontal" method="post">
        <input type='hidden' name='csrfmiddlewaretoken' value='VekTdYHKgrCBrMKWgyBDqzjKrlH2kGSa'/>

        <div class="wysiwyg-editor" id="id_body_text" name="body_text" type="text"/>
    </form>

</div>
<div class="step-pane" id="step-files">

    <h3 class="lighter block green">Add some files (mp3's, images) to your promotion</h3>

    <form id="fileupload" action="/audio/upload/" method="POST" enctype="multipart/form-data">
        <input type='hidden' name='csrfmiddlewaretoken' value='VekTdYHKgrCBrMKWgyBDqzjKrlH2kGSa'/>
        <noscript>
            <input type="hidden" name="redirect" value="/promo/1/">
        </noscript>
        <div class="fileupload-buttonbar">
            <div class="span7">
            <span class="btn btn-success fileinput-button">
                <i class="icon-plus icon-white"></i>
                <span>Add files...</span>
                    <input type="file" name="files[]"
                           multiple
                            >
            </span>
                <button type="submit" class="btn btn-primary start">
                    <i class="icon-upload icon-white"></i>
                    <span>Start upload</span>
                </button>
                <button type="reset" class="btn btn-warning cancel">
                    <i class="icon-ban-circle icon-white"></i>
                    <span>Cancel upload</span>
                </button>
                <button type="button" class="btn btn-danger delete">
                    <i class="icon-trash icon-white"></i>
                    <span>Delete</span>
                </button>
                <input type="checkbox" class="toggle">
            </div>
            <div class="span5 fileupload-progress fade">
                <div
                        class="progress progress-success progress-striped active"
                        role="progressbar" aria-valuemin="0" aria-valuemax="100">
                    <div class="bar" style="width:0%;"></div>
                </div>
                <div class="progress-extended">&nbsp;</div>
            </div>
        </div>
        <div class="fileupload-loading"></div>
        <br>
        <table role="presentation" class="table table-striped">
            <tbody class="files" data-toggle="modal-gallery"
                   data-target="#modal-gallery"></tbody>
        </table>
    </form>
    <div id="modal-gallery" class="modal modal-gallery hide fade"
         data-filter=":odd" tabindex="-1">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">&times;</a>

            <h3 class="modal-title"></h3>
        </div>
        <div class="modal-body">
            <div class="modal-image"></div>
        </div>
        <div class="modal-footer">
            <a class="btn modal-download" target="_blank">
                <i class="icon-download"></i>
                <span>Download</span>
            </a>
            <a class="btn btn-success modal-play modal-slideshow"
               data-slideshow="5000">
                <i class="icon-play icon-white"></i>
                <span>Slideshow</span>
            </a>
            <a class="btn btn-info modal-prev">
                <i class="icon-arrow-left icon-white"></i>
                <span>Previous</span>
            </a>
            <a class="btn btn-primary modal-next">
                <span>Next</span>
                <i class="icon-arrow-right icon-white"></i>
            </a>
        </div>
    </div>

    <script id="template-upload" type="text/x-tmpl">
        {% for (var i=0, file; file=o.files[i]; i++) { %}
        <tr class="template-upload fade">
            <td class="preview"><span class="fade"></span></td>
            <td class="name"><span>{% =file.name %}</span></td>
            <td class="size"><span>{% =o.formatFileSize(file.size) %}</span></td>

            {% if (file.error) { %}
            <td class="error" colspan="2">
                <span class="label label-important">Error</span>
                {% =file.error %}
            </td>
            {% } else if (o.files.valid && !i) { %}

            <td>
                <div
                        class="progress progress-success progress-striped active"
                        role="progressbar" aria-valuemin="0" aria-valuemax="100"
                        aria-valuenow="0">
                    <div class="bar" style="width:0%;"></div>
                </div>
            </td>
            <td>{% if (!o.options.autoUpload) { %}
                <button class="btn btn-primary start">
                    <i class="icon-upload icon-white"></i>
                    <span>Start</span>
                </button>
                {% } %}</td>
            {% } else { %}
            <td colspan="2"></td>
            {% } %}
            <td>{% if (!i) { %}
                <button class="btn btn-warning cancel">
                    <i class="icon-ban-circle icon-white"></i>
                    <span>Cancel</span>
                </button>
                {% } %}</td>
        </tr>
        {% } %}
    </script>

    <script id="template-download" type="text/x-tmpl">
        {% for (var i=0, file; file=o.files[i]; i++) { %}
        <tr class="template-download fade">
            {% if (file.error) { %}
            <td></td>
            <td class="name"><span>{% =file.name %}</span></td>
            <td class="size"><span>{% =o.formatFileSize(file.size) %}</span></td>
            <td class="error" colspan="2"><span class="label label-important">Error</span>
                {% =file.error %}</td>
            {% } else { %}
            <td class="preview">
                {% if (file.thumbnail_url) { %}
                <a href="{% =file.url %}"
                   title="{% =file.name %}"
                   data-gallery="gallery" download="{% =file.name %}">
                    <img src="{% =file.thumbnail_url %}">
                </a>
                {% } %}</td>
            <td class="name">
                <a href="{% =file.url %}"
                   title="{% =file.name %}"
                   data-gallery="{% =file.thumbnail_url&&'gallery' %}"
                   download="{% =file.name %}">{% =file.name %}
                </a>
            </td>
            <td class="size"><span>{% =o.formatFileSize(file.size) %}</span></td>
            <td colspan="2"></td>
            {% } %}
            <td>
                <button class="btn btn-danger delete" data-type="{% =file.delete_type %}"
                        data-data='{ "csrfmiddlewaretoken" : "VekTdYHKgrCBrMKWgyBDqzjKrlH2kGSa" }'
                        data-url="{% =file.delete_url %}"
                        {% if (file.delete_with_credentials) { %}
                        data-xhr-fields='{"withCredentials":true}'
                        {% } %}>
                    <i class="icon-trash icon-white"></i>
                    <span>Delete</span>
                </button>
                <input type="checkbox" name="delete" value="1" class="toggle">
            </td>
        </tr>
        {% } %}
    </script>

</div>
</div>
<div class="row-fluid wizard-actions">
    <button class="btn btn-prev">
        <i class="icon-arrow-left"></i>
        Prev
    </button>
    <button class="btn btn-success btn-next" data-last="Finish ">
        Next
        <i class="icon-arrow-right icon-on-right"></i>
    </button>
</div>
</div>

</div>
</div>
</div>
</div>
<div class="ace-settings-container" id="ace-settings-container">
    <div class="btn btn-app btn-mini btn-warning ace-settings-btn" id="ace-settings-btn">
        <i class="icon-cog bigger-150"></i>
    </div>

    <div class="ace-settings-box" id="ace-settings-box">
        <div>
            <div class="pull-left">
                <select id="skin-colorpicker" class="hide">
                    <option data-skin="default" value="#438EB9">#438EB9</option>
                    <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                    <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                    <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                </select>
            </div>
            <span>&nbsp; Choose Skin</span>
        </div>

        <div>
            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar"/>
            <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
        </div>

        <div>
            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar"/>
            <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
        </div>

        <div>
            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs"/>
            <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
        </div>

        <div>
            <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl"/>
            <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
        </div>
    </div>
</div>
<!--/#ace-settings-container-->

</div>
</div>
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-small btn-inverse">
    <i class="icon-double-angle-up icon-only bigger-110"></i>
</a>

<!--[if !IE]>-->
<script type="text/javascript">
    window.jQuery || document.write("<script src='/static/js/uncompressed/jquery-2.0.3.js'>" + "<" + "/script>");
</script>
<!--<![endif]-->

<!--[if IE]>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='/static/js/uncompressed/jquery-1.10.2.js'>"+"<"+"/script>");
    </script>
<![endif]-->

<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" />
<![endif]-->
<!--[if gte IE 8]>
    <script src="/static/js/uncompressed/cors/jquery.xdr-transport.js"/>
<![endif]-->


<script type="text/javascript">
    if ("ontouchend" in document) document.write("<script src='/static/js/uncompressed/jquery.mobile.custom.js'>" + "<" + "/script>");
</script>
<script src="/static/js/uncompressed/bootstrap.js"></script>

<!--[if lte IE 8]>
  <script src="/static/js/uncompressed/excanvas.js"></script>
<![endif]-->

<script src="/static/js/uncompressed/jquery-ui-1.10.3.custom.js"></script>
<script src="/static/js/uncompressed/jquery.ui.touch-punch.js"></script>
<script src="/static/js/vendor/jquery.ui.widget.js"></script>
<script src="/static/js/uncompressed/jquery.slimscroll.js"></script>
<script src="/static/js/uncompressed/jquery.easy-pie-chart.js"></script>
<script src="/static/js/uncompressed/jquery.sparkline.js"></script>
<script src="/static/js/uncompressed/flot/jquery.flot.js"></script>
<script src="/static/js/uncompressed/flot/jquery.flot.pie.js"></script>
<script src="/static/js/uncompressed/flot/jquery.flot.resize.js"></script>

<script src="/static/js/uncompressed/ace-elements.js"></script>
<script src="/static/js/uncompressed/ace.js"></script>


<script src="/static/js/uncompressed/fuelux/fuelux.wizard.js"></script>
<script type="text/javascript">
    $(function () {
        var wizard = $('#promotion-wizard').ace_wizard();
        wizard.on('change', function (e, info) {
            if (info.step == 1) {
                var detailsForm = $('#form_wizard_details');
                detailsForm.ajaxSubmit({
                    success: function (e, val, errors) {
                        $('#id_pk').val(e.pk);
                        wizard.wizard('selectedItem', {step: 2});
                    },
                    error: function (e, val, errors) {
                        $.each(e.responseJSON, function (item, error) {
                            $('#group-' + item).addClass('error');
                            $('#help-inline-' + item).text(error);
                        });
                    }
                });
                e.preventDefault();
            } else if (info.step == 2) {
                var bodyForm = $('#form_wizard_body');
                bodyForm.ajaxSubmit({
                    success: function (e, val, errors) {
                        $('#id_pk').val(e.pk);
                        wizard.wizard('selectedItem', {step: 3});
                    },
                    error: function (e, val, errors) {
                        $.each(e.responseJSON, function (item, error) {
                            $('#group-' + item).addClass('error');
                            $('#help-inline-' + item).text(error);
                        });
                    }
                });
                e.preventDefault();
            }
        });
        wizard.on('finished', function () {
            alert('Success!');
        });
    });
</script>

<script src="/static/js/fileupload/tmpl.min.js"></script>
<script src="/static/js/fileupload/load-image.min.js"></script>
<script src="/static/js/fileupload/canvas-to-blob.min.js"></script>
<script src="/static/js/fileupload/blueimp-gallery.min.js"></script>
<script src="/static/js/fileupload/jquery.iframe-transport.js"></script>
<script src="/static/js/fileupload/jquery.fileupload.js"></script>
<script src="/static/js/fileupload/jquery.fileupload-fp.js"></script>
<script src="/static/js/fileupload/jquery.fileupload-ui.js"></script>


<script src="/static/js/uncompressed/jquery.form.js"></script>
<script src="/static/js/uncompressed/date-time/bootstrap-datepicker.js"></script>
<script src="/static/js/uncompressed/date-time/moment.js"></script>

<script type="text/javascript" src="/static/js/uncompressed/jquery.hotkeys.js"></script>
<script type="text/javascript" src="/static/js/uncompressed/bootstrap-wysiwyg.js"></script>
<script type="text/javascript">
    $(function () {
        'use strict';
        $('#id_body_text').ace_wysiwyg({
            speech_button: false
        }).prev().addClass('wysiwyg-style2');
    });
</script>


</body>
</html>
