<script type="text/javascript" src="${h.url('/codemirror/mode/meta.js')}"></script>

</%def>

<%def name="css_extra()">

<link rel="stylesheet" type="text/css" href="${h.url('/codemirror/lib/codemirror.css')}"/>

</%def>

<%def name="breadcrumbs_links()">

    ${_('Edit Gist')} · ${c.gist.gist_access_id}

</%def>

<%def name="page_nav()">

    ${self.menu('gists')}

</%def>

<%def name="main()">

<div class="box">

    <!-- box / title -->

    <div class="title">

        ${self.breadcrumbs()}

    </div>

    <div class="table">

        <div id="edit_error" style="display: none" class="flash_msg">

            <div class="alert alert-dismissable alert-warning">

              ${h.literal(_('Gist was update since you started editing. Copy your changes and click %(here)s to reload new version.')

                             % {'here': h.link_to('here',h.url('edit_gist', gist_id=c.gist.gist_access_id))})}

            </div>

            <script>

            if (typeof jQuery != 'undefined') {

                $(".alert").alert();

            }

            </script>

        </div>

        <div id="files_data">

          ${h.form(h.url('edit_gist', gist_id=c.gist.gist_access_id), method='post', id='eform')}

            <div>

                <div class="gravatar">

                   <img alt="gravatar" src="${h.gravatar_url(h.email_or_none(c.authuser.full_contact),32)}"/>

                </div>

                <input type="hidden" value="${c.file_changeset.raw_id}" name="parent_hash">

                <textarea style="resize:vertical; width:400px;border: 1px solid #ccc;border-radius: 3px;"

                          id="description" name="description"

                          placeholder="${_('Gist description ...')}">${c.gist.gist_description}</textarea>

                <div style="padding:0px 0px 0px 42px">

                    <label for='lifetime'>${_('Gist lifetime')}</label>

                    ${h.select('lifetime', '0', c.lifetime_options)}

                    <span class="" style="color: #AAA">

                window.location = pyroutes.url('changelog_home', {'repo_name': REPO_NAME});

            });

            Mousetrap.bind(['g F'], function(e) {

                window.location = pyroutes.url('files_home', {'repo_name': REPO_NAME, 'revision': '${c.db_repo.landing_rev[1]}', 'f_path': '', 'search': '1'});

            });

            Mousetrap.bind(['g f'], function(e) {

                window.location = pyroutes.url('files_home', {'repo_name': REPO_NAME, 'revision': '${c.db_repo.landing_rev[1]}', 'f_path': ''});

            });

            Mousetrap.bind(['g o'], function(e) {

                window.location = pyroutes.url('edit_repo', {'repo_name': REPO_NAME});

            });

            Mousetrap.bind(['g O'], function(e) {

                window.location = pyroutes.url('edit_repo_perms', {'repo_name': REPO_NAME});

            });

        % endif

    </script>

</%def>

%if 0:

<div class="modal" id="help_kb" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-dialog">

      <div class="modal-content">

        <div class="modal-header">

          <h4 class="modal-title">${_('Keyboard shortcuts')}</h4>

        </div>

        <div class="modal-body">

           <div class="row">

              <div class="col-md-5">

                <table class="keyboard-mappings">

                    <tbody>

                  <tr>

                    <th></th>

                    <th>${_('Site-wide shortcuts')}</th>

                  </tr>

                  <%

                     elems = [

                         ('/', 'Open quick search box'),

                         ('ctrl/cmd+b', 'Show main settings bar'),

                         ('g h', 'Goto home page'),

                         ('g g', 'Goto my private gists page'),

                         ('g G', 'Goto my public gists page'),

                         ('n r', 'New repository page'),

                         ('n g', 'New gist page')

                     ]

                  %>

                  %for key, desc in elems:

                  <tr>

<div class="flash_msg">

    <% messages = h.flash.pop_messages() %>

    % if messages:

        % for message in messages:

            <div class="alert alert-dismissable alert-${message.category}">

              ${message}

            </div>

        % endfor

    % endif

    <script>

    if (typeof jQuery != 'undefined') {

        $(".alert").alert();

    }

    </script>

</div>