{% if include_styles %}
    {% include "styles.html" %}
{% endif %}

{% for key in show %}
    {% if key == "method" and expl.method %}
        <p>Explained as: {{ expl.method }}</p>
    {% endif %}

    {% if key == "description" and expl.description %}
        {# TODO - have a structured prepresentation and convert it to html and text #}
        <pre>{{ expl.description }}</pre>
    {% endif %}

    {% if key == "transition_features" and expl.transition_features %}
        {% include "transition_features.html" with context %}
    {% endif %}

    {% if key == "targets" and expl.targets %}
        {% include "weights.html" with context %}
    {% endif %}

    {% if key == "feature_importances" and expl.feature_importances %}
        <table class="eli5-weights eli5-feature-importances" style="{{ table_styles }}">
            <thead>
            <tr style="{{ tr_styles }}">
                <th>Weight</th>
                <th>Feature</th>
            </tr>
            </thead>
            <tbody>
            {% for fw in expl.feature_importances %}
                <tr style="background-color: {{ fw.weight|weight_color(feat_imp_weight_range) }}; {{ tr_styles }}">
                    <td style="{{ td1_styles }}">
                        {{ "%0.4f"|format(fw.weight) }} &plusmn; {{ "%0.4f"|format(2 * fw.std) }}
                    </td>
                    <td style="{{ td2_styles }}">
                        {{ fw.feature|format_feature(fw.weight, hl_spaces) }}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {% if key == "decision_tree" and expl.decision_tree %}
        {# TODO - render a nice widget #}
        <br>
        <pre>{{ expl.decision_tree|format_decision_tree }}</pre>
    {% endif %}

{% endfor %}

{% if expl.error %}
    <div style="background-color: #fdd; padding: 0.5em;">
        Error: {{ expl.error }}
    </div>
{% endif %}