{%- if not request.args.get('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-default" value="{{ _gettext('Save and Continue') }}" />
{% endmacro %}

{% block head %}
  {%- if not request.args.get('modal') -%}
    {{ super() }}
    {{ lib.form_css() }}
  {%- endif -%}
{% endblock %}

{% block body %}
    {%- if request.args.get('modal') -%}
      {# content added to modal-content #}
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        {% block modal_header %}<h3>{{ _gettext('Edit Record') + ' #' + request.args.get('id') }}</h3>{% endblock %}
      </div>
      <div class="modal-body">
        {# 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=request.args.get('modal')) }}
      </div>
    {%- 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=request.args.get('modal')) }}
    {%- endif -%}
{% endblock %}

{% block tail %}
    {%- if request.args.get('modal') -%}
      <script>
      // fixes "remote modal shows same content every time", avoiding the flicker
      $('body').on('hidden.bs.modal', '.modal', function () {
        $(this).removeData('bs.modal').find(".modal-content").empty();
      });

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