{% extends "base.html" %}
{% from "components.html" import breadcrumbs, button, feedback, form_field %}
{% from "layouts/page.html" import page_header %}
{% from "pages/datasets/_team_choice.html" import team_choice %}

{% from 'components/dataset_icon.html' import icon_picker %}

{% block title %}New dataset · REFRNCR{% endblock %}

{% block content %}
  {{ breadcrumbs([("Datasets", url_for("dataset_list")), ("New dataset", none)]) }}
  {{ page_header("New dataset") }}
  <div class='side-panel-body' data-side-panel-content data-panel-title='New dataset' data-panel-eyebrow='Datasets'>
  {{ feedback(error if not error_field else none, id="dataset-create-error", focus=true) }}
  {% if not teams %}
    <p class='help-text'>{{ 'Create a team before creating a dataset.' if current_actor.role == 'admin' else 'Team membership is required to create a dataset. Ask a Community administrator to add you to a team.' }}</p>
    <a class='button button-secondary' href='{{ url_for("team_list") }}'>Go to Teams</a>
  {% else %}
  <form class='form' {{ non_login_form_attrs() }} data-generate-key data-mapping-table-form novalidate method='post' action='{{ url_for("create_dataset") }}'>
    {{ form_field(
      "Name",
      "dataset_label",
      "dataset-name",
      key_source=true,
      required=true,
      value=name,
      error=error if error_field == "name" else none
    ) }}
    {{ form_field(
      "Key",
      "key",
      "dataset-key",
      required=true,
      value=key,
      help_text="Generated from the name until you edit it. A permanent technical identifier.",
      error=error if error_field == "key" else none
    ) }}
    {{ form_field(
      "Description",
      "description",
      "dataset-description",
      value=description,
      error=error if error_field == "description" else none,
      control="textarea"
    ) }}
    {{ team_choice(teams, owner_team_id) }}
    <fieldset class='form-field'>
      <legend>Type</legend>
      <label><input type='radio' name='kind' value='reference'{% if table_kind == 'reference' %} checked{% endif %}> Reference dataset</label>
      <label><input type='radio' name='kind' value='mapping'{% if table_kind == 'mapping' %} checked{% endif %}> Mapping dataset</label>
      <label><input type='radio' name='kind' value='hierarchy'{% if table_kind == 'hierarchy' %} checked{% endif %}> Hierarchy dataset</label>
      <p class='help-text'>Mapping datasets are versioned 1:1 crosswalks and use the same Draft → review → publish lifecycle.</p>
      <p class='help-text'>Hierarchy datasets start with a root and its children. Custom fields and a record identifier are optional.</p>
    </fieldset>
    <div data-mapping-setup{% if table_kind != 'mapping' %} hidden{% endif %}>
      <div data-linked-mapping>
        <div class='form-field'>
          <label for='mapping-source-table'>Source dataset</label>
          <select id='mapping-source-table' name='source_dataset_id' data-select data-noun='reference datasets' required{% if table_kind != 'mapping' %} disabled{% endif %}>
            <option value=''>Choose a reference dataset</option>
            {% for table in available_reference_tables %}<option value='{{ table.id }}'{% if table.id == source_dataset_id %} selected{% endif %}>{{ table.name }}</option>{% endfor %}
          </select>
        </div>
        <div class='form-field' data-source-identifier-select{% if not source_dataset_id %} hidden{% endif %}>
          <label for='mapping-source-field'>Source identifier</label>
          <select id='mapping-source-field' name='source_field_key' data-select data-noun='fields' data-field-select data-selected='{{ source_field_key }}' required{% if table_kind != 'mapping' or not source_dataset_id %} disabled{% endif %}>
            <option value=''>Choose a source dataset first</option>
            {% for table in available_reference_tables %}{% for field in reference_table_fields[table.id] %}<option value='{{ field.key }}' data-table-id='{{ table.id }}'{% if table.id == source_dataset_id and field.key == source_field_key %} selected{% endif %}>{{ field.name }}</option>{% endfor %}{% endfor %}
          </select>
        </div>
      </div>
    </div>
    {{ icon_picker(dataset_icon_choices, selected_icon, kind=table_kind) }}
    <input type='hidden' name='csrf_token' value='{{ current_csrf }}'>
    <div class='form-actions'>
      <a class='button button-secondary' data-panel-cancel href='{{ url_for("dataset_list") }}'>Cancel</a>
      {{ button("Create dataset", button_type="submit") }}
    </div>
  </form>
  {% endif %}
  </div>
{% endblock %}
{% block scripts %}<script src='{{ url_for("static", filename="js/mapping-table-form.js") }}' defer></script>{% endblock %}