{% extends "layout.html" %}
{% block head %}
{% if C2PRO_INSTALLED %}
<script src="https://cdn.plot.ly/plotly-3.3.0.min.js" charset="utf-8"></script>
{% endif %}
{% endblock %}

{% block content %}
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10">

	<div class="crispresso-report-body">
		<div id='jumbotron_content' >
			{{ render_partial('shared/partials/pro_banner.html') }}

            {% if run_names|length > 0 %}
            <div class='card text-center mb-2'>
                <div class='card-header'>
                    <h5>{{report_name}}</h5>
                </div>
                <div class='card-body p-0'>
                    <div class="list-group list-group-flush">
                        {% for region_name in run_names %}
	                        <a href="{{sub_html_files[region_name]}}" class="list-group-item list-group-item-action">{{region_name}}</a>
                        {% endfor %}
                    </div>
                </div>
            </div>
            {% endif %}

            {{render_partial('shared/partials/failed_runs.html', failed_runs=failed_runs, failed_runs_desc=failed_runs_desc)}}

          {% if report_data['names']|length > 0 %}
            {% for plot_name in report_data['names'] %}
            <div class='card text-center mb-2'>
              <div class='card-header'>
                <h5 id="modification_summary_title">{{report_data['titles'][plot_name]}}</h5>
              </div>
              <div class='card-body scrollable-list-tall'>
                {{ render_partial('shared/partials/fig_summaries.html', report_data=report_data, plot_name=plot_name) }}
              </div>
            </div>
            {% endfor %}
            {% endif %}

            {{render_partial('shared/partials/report_footer_buttons.html', report_zip_filename=report_zip_filename, report_path=report_path)}}
			{{ render_partial('shared/partials/pro_banner.html') }}

	</div> {# report_content #}
</div> {# report-body #}

</div> {# column #} <!-- end column -->

<div class="col-sm-1"></div>
</div>
{% endblock %}