<h3 class="files_location">

            ${_('Location')}: ${h.files_breadcrumbs(c.repo_name,c.cs.raw_id,c.f_path)} /

              <span id="filename_container" class="file reviewer_ac">

                  <input class="form-control input-small" type="text" value="" size="30" name="filename" id="filename" placeholder="${_('Enter filename...')}">

                  <input type="hidden" value="${c.f_path}" name="location" id="location">

                  ${_('or')} <div class="btn btn-default btn-sm" id="upload_file_enable">${_('Upload File')}</div>

              </span>

              <span id="upload_file_container" class="reviewer_ac" style="display:none">

                  <input class="form-control" type="file" size="20" name="upload_file" id="upload_file">

                  ${_('or')} <div class="btn btn-default btn-sm" id="file_enable">${_('Create New File')}</div>

              </span>

          </h3>

            <div id="body" class="codeblock">

            <div class="code-header" id="mimetype_header">

                <label class="commit">

                    ${_('New file type')}

                    <select class="form-control" id="mimetype" name="mimetype"></select>

                </label>

            </div>

                <div id="editor_container">

                    <pre id="editor_pre"></pre>

                    <textarea id="editor" name="content" style="display:none"></textarea>

                </div>

                <div style="padding: 10px;color:#666666">${_('Commit Message')}</div>

            </div>

            <div style="text-align: left;padding-top: 5px">

            ${h.submit('commit',_('Commit Changes'),class_="btn btn-success btn-sm")}

            ${h.reset('reset',_('Reset'),class_="btn btn-default btn-sm")}

            </div>

            ${h.end_form()}

            <script type="text/javascript">

                $(document).ready(function(){

                    var reset_url = "${h.url('files_home',repo_name=c.repo_name,revision=c.cs.raw_id,f_path=c.f_path)}";

                    var myCodeMirror = initCodeMirror('editor', "${request.script_name}", reset_url);

                    //inject new modes, based on codeMirrors modeInfo object

                    var $mimetype_select = $('#mimetype');

                    $mimetype_select.each(function(){

                        var modes_select = this;

                        var index = 1;

                        for(var i=0;i<CodeMirror.modeInfo.length;i++){

                            var m = CodeMirror.modeInfo[i];

                            var opt = new Option(m.name, m.mime);

                            $(opt).attr('mode', m.mode);

                            if (m.mime == 'text/plain') {

                                // default plain text

                                $(opt).prop('selected', true);

                                modes_select.options[0] = opt;