{% extends 'base.html' %}

{% block styles %}
  {{ super() }}
  {% include 'datatable-styles.html' %}
{% endblock styles %}

{% block content %}

  {{ super() }}

  {% from 'args-table.html' import args_table %}
  {% from 'caption.html' import caption %}
  {% from 'content-grid.html' import content_grid %}
  {% from 'metadata.html' import list_metadata %}
  {% from 'raster-plot-img.html' import raster_plot_img %}
  {% from 'wide-table.html' import wide_table %}

  <h2 class="section-header">
    Results <span style="font-weight: normal;">(Search Radius Mode: {{ args_dict['search_radius_mode'] }})</span>
  </h2>


  {{ accordion_section(
    'Primary Outputs',
    content_grid([
      (caption(raster_group_caption, pre_caption=True), 100),
      (raster_plot_img(outputs_img_src, 'Primary Outputs'), 100),
      (caption(outputs_caption, definition_list=True), 100)
    ])
  )}}



  {{ accordion_section(
    'Aggregated Vector Outputs',
    content_grid([
      ('<div id="Admin_Units_Plots"></div>', 100),
      (caption(vector_plot_captions, admin_boundaries_map_source_list, definition_list=True), 100)
    ])
  ) }}

  {{ accordion_section(
    'Urban Nature Accessibility Outputs',
    content_grid([
      (caption(raster_group_caption, pre_caption=True), 100),
      (raster_plot_img(output_accessible_img_src, 'Urban Nature Accessibility Outputs'), 100),
      (caption(output_accessible_raster_caption, definition_list=True), 100)
    ])
  )}}

  {% if args_dict['search_radius_mode'] == 'radius per population group' %}
    {{ accordion_section(
      'Urban Nature Balance Outputs',
      content_grid([
        (caption(raster_group_caption, pre_caption=True), 100),
        (raster_plot_img(output_balance_img_src, 'Accessible Urban Nature Outputs'), 100),
        (caption(output_balance_raster_caption, definition_list=True), 100)
      ])
    )}}

    {{ accordion_section(
      'Urban Nature Balance Percapita Outputs',
      content_grid([
        (caption(raster_group_caption, pre_caption=True), 100),
        (raster_plot_img(output_balance_percapita_img_src, 'Accessible Urban Nature Outputs'), 100),
        (caption(output_balance_percapita_raster_caption, definition_list=True), 100)
      ])
    )}}

    {{ accordion_section(
      'Select Intermediate Outputs',
      content_grid([
        (caption(raster_group_caption, pre_caption=True), 100),
        (raster_plot_img(intermediates_img_src, 'Select Intermediate Outputs'), 100),
        (caption(intermediates_caption, definition_list=True), 100)
      ])
    )}}
  {% endif %}

  {{ accordion_section(
    'Output Raster Stats',
    content_grid([
      (stats_table_note, 100),
      (wide_table(
        output_raster_stats_table | safe,
        font_size_px=16
      ), 100)
    ])
  )}}

  <h2 class="section-header">Inputs</h2>

  {% if args_dict != None %}
    {{ accordion_section(
      'Arguments',
      args_table(args_dict)
    )}}
  {% endif %}

  {{ accordion_section(
    'Land Use/Land Cover Input',
    content_grid([
      (caption(raster_group_caption, pre_caption=True), 100),
      (raster_plot_img(lulc_img_src, 'LULC Input'), 60),
      (wide_table(lulc_legend_html | safe), 40),
      (caption(lulc_caption, definition_list=True), 100),
    ])
  )}}

  {{ accordion_section(
    'Population Input',
    content_grid([
      (caption(raster_group_caption, pre_caption=True), 100),
      (raster_plot_img(inputs_img_src, 'Raster Inputs'), 100),
      (caption(inputs_caption, definition_list=True), 100)
    ])
  )}}

  {{ accordion_section(
    'Input Raster Stats',
    content_grid([
      (stats_table_note, 100),
      (wide_table(
        input_raster_stats_table | safe,
        font_size_px=16
      ), 100)
    ])
  )}}

  <h2 class="section-header">Metadata</h2>

  {{
    accordion_section(
      'Output Filenames and Descriptions',
      list_metadata(model_spec_outputs),
      expanded=False
    )
  }}

{% endblock content %}


{% from 'vegalite-plot.html' import embed_vega %}

{% block scripts %}
  {{ super() }}
  {% include 'datatable-js.html' %}
  {% include "vega-dependencies.html" %}
  {% include 'vega-embed-js.html' %}
  {% set chart_spec_id_list = [(admin_map_json, "Admin_Units_Plots")] %}
  {{ embed_vega(chart_spec_id_list) }}
{% endblock scripts %}