{% from "components.html" import status_badge %}
{% from "components/icons.html" import key_icon, lock_icon %}
{% from "components/side_panel.html" import side_panel %}
{% from "pages/datasets/_record_form_fields.html" import record_form_fields %}

{% if may_add_record %}
  {% call side_panel("add-record-panel", "New " ~ record_type ~ " record", "add-record-title", "Add record", "add-record-description") %}
    <div class='side-panel-view' data-panel-host>
      <form class='side-panel-form' novalidate {{ non_login_form_attrs() }} method='post' action='{{ url_for("create_dataset_record", key=dataset.key) }}'>
        <div class='side-panel-body'>{{ record_form_fields(fields, "new-record", initial_focus=true) }}</div>
        <input type='hidden' name='csrf_token' value='{{ current_csrf }}'>
        <footer class='side-panel-footer'>
          <button class='button button-secondary' type='button' data-dialog-close>Cancel</button>
          <button class='button button-primary' type='submit'>Create record</button>
        </footer>
      </form>
    </div>
  {% endcall %}
{% endif %}

{% for record, values, incomplete in rows %}
  {% set deleted = record_states.get(record.id) == 'Deleted' %}
  {% set record_may_edit = may_edit and not deleted %}
  {% set panel_id = "record-panel-" ~ record.id %}
  {% set title_id = "record-panel-title-" ~ record.id %}
  {% set description_id = "record-panel-description-" ~ record.id %}
  {% call side_panel(panel_id, record_labels.get(record.id) or record.id, title_id, "Edit record" if record_may_edit else "View record", description_id, true, "record", default_mode="edit" if record_may_edit else "view") %}
    <div class='side-panel-view' data-panel-host>
    <section class='side-panel-view' data-panel-view='view'{% if record_may_edit %} hidden{% endif %}>
      <div class='side-panel-body'>
        {% if deleted %}<p class='record-deletion-notice'>{{ status_badge(ChangeStatus.REMOVED) }}<br>This Record will be removed when you publish. These are the retained values from deletion.</p>{% endif %}
        {% if version_state %}<p class='panel-context'>{{ lock_icon() }}Version {{ version_state.version.number }} · published, read only</p>{% endif %}
        <dl class='record-details'>
          {% for field, value in record_details[record.id] %}<div><dt>{{ field.name }}{% if field.key in identifier.field_keys %} {{ key_icon() }}<span class='visually-hidden'> (record identifier)</span>{% endif %}</dt><dd>{{ display_record_value(field, value) if value is not none else '—' }}</dd></div>{% endfor %}
        </dl>
      </div>
      {% if deleted and may_edit and dataset.kind != 'mapping' %}
        <form {{ non_login_form_attrs() }} method='post' action='{{ url_for("restore_dataset_record", key=dataset.key, record_id=record.id) }}' class='side-panel-footer'>
          <input type='hidden' name='csrf_token' value='{{ current_csrf }}'>
          <input type='hidden' name='expected_revision' value='{{ record.revision }}'>
          <input type='hidden' name='concept_id' value='{{ concept_ui.concept.id }}'>
          <button class='button button-secondary' type='submit'>Undo delete</button>
        </form>
      {% endif %}
      {% if record_may_edit %}
        <footer class='side-panel-footer'>
          <button class='button button-secondary' type='button' data-panel-mode='edit'>Edit</button>
          {% if dataset.kind != 'mapping' %}<button class='button button-danger' type='button' data-panel-mode='delete'>Delete</button>{% endif %}
        </footer>
      {% endif %}
    </section>
    {% if record_may_edit %}
      <form class='side-panel-view side-panel-form' data-panel-view='edit' data-focus-return-record-id='{{ record.id }}' novalidate {{ non_login_form_attrs() }} method='post' action='{{ url_for("edit_dataset_record", key=dataset.key, record_id=record.id) }}'>
        <div class='side-panel-body'>{{ record_form_fields(fields, "edit-" ~ record.id, values) }}</div>
        <input type='hidden' name='csrf_token' value='{{ current_csrf }}'>
        <input type='hidden' name='expected_revision' value='{{ record.revision }}'><input type='hidden' name='return_focus' value='pointer'>
        <footer class='side-panel-footer'>
          {% if dataset.kind != 'mapping' %}<button class='button button-danger' type='button' data-panel-mode='delete'>Delete</button>{% endif %}
          <button class='button button-secondary' type='button' data-dialog-close>Cancel</button>
          <button class='button button-primary' type='submit'>Save record</button>
        </footer>
      </form>
      {% if dataset.kind != 'mapping' %}
      <form class='side-panel-view side-panel-form' data-panel-view='delete' hidden {{ non_login_form_attrs() }} method='post' action='{{ url_for("delete_dataset_record", key=dataset.key, record_id=record.id) }}'>
        <div class='side-panel-body'>
          <h3>Delete record?</h3>
          <p class='delete-confirmation'>You can Undo delete while this Draft remains active.</p>
          <input type='hidden' name='confirm' value='yes'>
          <input type='hidden' name='csrf_token' value='{{ current_csrf }}'>
          <input type='hidden' name='expected_revision' value='{{ record.revision }}'>
        </div>
        <footer class='side-panel-footer'>
          <button class='button button-secondary' type='button' data-panel-mode='edit'>Cancel</button>
          <button class='button button-danger' type='submit'>Delete record</button>
        </footer>
      </form>
      {% endif %}
    {% endif %}
    </div>
  {% endcall %}
{% endfor %}