{% import 'xia2_macros.html' as xia2_macros %}


{% extends "report_base.html" %}
{% block content %}

<div class="container-fluid">

    <div class="page-header">
        <h1>{{ page_title }}</h1>
    </div>

    <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" data-target="#home">Summary</a></li>

        {% for cluster_name, item in individual_dataset_reports.items() %}
            <li><a data-toggle="tab" data-target="#dataset_{{ cluster_name | replace(" ", "_") }}">{{ cluster_name }}</a></li>
        {% endfor %}
    </ul>

    <div class="tab-content">

        <div id="home" class="tab-pane in active">

            <h2>Cosym Analysis</h2>

            <div class="panel-group">

                {% if symmetry_analysis.summary_table is defined %}
                <div class="panel panel-default">
                    <div class="panel-heading" data-toggle="collapse" data-target="#collapse_symmetry">
                        <h4 class="panel-title">
                            <a>Symmetry analysis</a>
                        </h4>
                    </div>
                    <div id="collapse_symmetry" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <p><b>Scoring individual symmetry operations</b></p>
                            <div style="width: 800px">
                                {{ macros.table(symmetry_analysis.sym_ops_table, has_column_header=True) }}
                            </div>
                            <p><b>Scoring all possible subgroups</b></p>
                            <div style="width: 800px">
                                {{ macros.table(symmetry_analysis.subgroups_table, has_column_header=True) }}
                            </div>
                            <div style="width: 600px">
                                {{ macros.table(symmetry_analysis.summary_table, has_row_header=True) }}
                            </div>
                        </div>
                    </div>
                </div>
                {% endif %}

                {{ macros.panel('Cosym plots', 'cosym_plots', cosym_graphs) }}

                {% if comparison_graphs %}
                {{ macros.panel('Cluster comparison', 'comparison_graphs', comparison_graphs) }}
                {% endif %}

                {{ macros.panel('Data sets', 'datasets', {}, tables=image_range_tables) }}

                {{ macros.panel('Unit cell analysis', 'unit_cell', unit_cell_graphs, styles=styles) }}

                {{ macros.panel('Orientation analysis', 'orientation', orientation_graphs, styles=styles) }}

                {% if filter_plots is not none and filter_plots|length %}
                    {{ macros.panel('Scaling and filtering plots', 'filter_plots', filter_plots) }}
                {% endif %}

                <div class="panel panel-default">
                    <div class="panel-heading" data-toggle="collapse" data-target="#collapse_delta_cc_half">
                        <h4 class="panel-title">
                            <a>ΔCC<sub>½</sub> analysis</a>
                        </h4>
                    </div>
                    <div id="collapse_delta_cc_half" class="panel-collapse collapse">
                        <div class="panel-body">

                            <div class="container-fluid">
                                {{ macros.table(delta_cc_half_table,
                                                has_column_header=true,
                                                has_row_header=false) }}
                                {{ macros.plotly_graphs(delta_cc_half_graphs) }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading" data-toggle="collapse" data-target="#collapse_intensity_cluster">
                        <h4 class="panel-title">
                            <a>Intensity clustering</a>
                        </h4>
                    </div>
                    <div id="collapse_intensity_cluster" class="panel-collapse collapse">
                        <div class="panel-body">

                            <div class="panel panel-default">
                                <div class="panel-heading" data-toggle="collapse" data-target="#collapse_cc_cluster">
                                    <h4 class="panel-title">
                                        <a>Correlation coefficient clustering</a>
                                    </h4>
                                </div>
                                <div id="collapse_cc_cluster" class="panel-collapse collapse">
                                    <div class="panel-body">

                                        <div class="container-fluid">
                                            {{ macros.table(cc_cluster_table,
                                                            has_column_header=true,
                                                            has_row_header=true) }}
                                            {{ macros.plotly_graph("cc_cluster", cc_cluster_json, style="dendrogram-plot") }}
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-default">
                                <div class="panel-heading" data-toggle="collapse" data-target="#collapse_cos_angle_cluster">
                                    <h4 class="panel-title">
                                        <a>Cos angle clustering</a>
                                    </h4>
                                </div>
                                <div id="collapse_cos_angle_cluster" class="panel-collapse collapse">
                                    <div class="panel-body">

                                        <div class="container-fluid">
                                            {{ macros.table(cos_angle_cluster_table,
                                                            has_column_header=true,
                                                            has_row_header=true) }}
                                            {{ macros.plotly_graph("cos_angle_cluster", cos_angle_cluster_json, style="dendrogram-plot") }}
                                        </div>

                                        {% for div_id, json_data in cos_angle_cosym_graphs.items() %}
                                            {% if styles != None %}
                                                {{ macros.plotly_graph(div_id, json_data, style=styles.get(div_id)) }}
                                            {% else %}
                                                {{ macros.plotly_graph(div_id, json_data) }}
                                            {% endif %}
                                        {% endfor %}

                                    </div>
                                </div>
                            </div>

                            <div class="panel panel-default">
                                <div class="panel-heading" data-toggle="collapse" data-target="#collapse_pca">
                                    <h4 class="panel-title">
                                        <a>Principal component analysis</a>
                                    </h4>
                                </div>
                                <div id="collapse_pca" class="panel-collapse collapse">
                                    <div class="panel-body">

                                        <div class="container-fluid">
                                            {{ macros.plotly_graph("pca_analysis", pca_plot, style="dendrogram-plot") }}
                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>

            </div>

        </div>

        {% for cluster_name, item in individual_dataset_reports.items() %}

            <div id="dataset_{{ cluster_name | replace(" ", "_") }}" class="tab-pane">

                <div>
                    <h2>Detailed statistics for dataset {{ cluster_name }}</h2>

                    <div class="panel-group">

                        <div class="panel panel-default">
                            <div class="panel-heading" data-toggle="collapse" data-target="#collapse_overall_{{ cluster_name }}">
                                <h4 class="panel-title">
                                    <a>Overall ({{ item['number_of_datasets'] }} datasets) </a>
                                </h4>
                            </div>
                            <div id="collapse_overall_{{ cluster_name | replace(" ", "_") }}" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <div style="width: 800px">
                                        {{ macros.table(item['overall_statistics_table'],
                                                        has_column_header=true,
                                                        has_row_header=true) }}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading" data-toggle="collapse" data-target="#collapse_merging_stats_{{ cluster_name | replace(" ", "_") }}">
                                <h4 class="panel-title">
                                    <a>Resolution shells</a>
                                </h4>
                            </div>
                            <div id="collapse_merging_stats_{{ cluster_name | replace(" ", "_") }}" class="panel-collapse collapse">
                                <div class="panel-body">
                                    {{ macros.table(item['merging_statistics_table'],
                                                    has_column_header=true) }}
                                  *significant at p={{ cc_half_significance_level }}
                                </div>
                            </div>
                        </div>
                        {% if "xtriage" in item %}
                            {{ xia2_macros.xtriage_results(item["xtriage"]["success"], item["xtriage"]["warnings"], item["xtriage"]["danger"]) }}
                        {% endif %}

                    </div>

                </div>

                <div>
                    <h2>Analysis plots</h2>

                    <div class="panel-group">
                        {{ macros.panel('Analysis by resolution', 'resolution_' + cluster_name | replace(" ", "_"), item['resolution_graphs']) }}
                        {{ macros.panel('Analysis by image number', 'batch_' + cluster_name | replace(" ", "_"), item['batch_graphs'], tables=[item["image_range_table"]]) }}
                        {{ macros.panel('Miscellaneous', 'misc_' + cluster_name | replace(" ", "_"), item['misc_graphs'], styles=styles) }}
                    </div>

                </div>

            </div>

        {% endfor %}

    </div>

</div>



{% endblock %}

<div>
  <p>{{ xia2_version }}</p>
</div>