{%- if not admin_view.edit_modal -%}
    {% extends 'admin/master.html' %}
{%- endif -%}
{% import 'admin/lib.html' as lib with context %}

{% macro extra() %}
  <input name="_continue_editing" type="submit" class="btn btn-large" value="{{ _gettext('Save and Continue') }}" />
{% endmacro %}

{% block head %}
  {%- if not admin_view.edit_modal -%}
    {{ super() }}
    {{ lib.form_css() }}
  {%- endif -%}
{% endblock %}

{% block body %}
    {%- if admin_view.edit_modal -%}
      {# remove save and continue button for modal (it won't function properly) #}
      {{ lib.render_form(form, return_url, extra=None, form_opts=form_opts,
                         action=url_for('.edit_view', id=request.args.get('id'), url=return_url),
                         is_modal=admin_view.edit_modal) }}
    {%- else -%}
      {{ lib.render_form(form, return_url, extra(), form_opts,
                         action=url_for('.edit_view', id=request.args.get('id'), url=return_url),
                         is_modal=admin_view.edit_modal) }}
    {%- endif -%}
{% endblock %}

{% block tail %}
    {%- if admin_view.edit_modal -%}
      <script>
      // fill the header of modal dynamically
      $('.modal-header h3').html('{% block modal_header %}<h3>Edit Record #{{ request.args.get('id') }}</h3>{% endblock %}');

      // fixes "remote modal shows same content every time"
      $('.modal').on('hidden', function() {
        $(this).removeData('modal');
      });

      $(function() {
        // Apply flask-admin global styles after the modal is loaded
        window.faForm.applyGlobalStyles(document);
      });
      </script>
    {%- else -%}
      {{ super() }}
      {{ lib.form_js() }}
    {%- endif -%}
{% endblock %}