{% import "docstrings.html" as docstrings %}
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ report_title if report_title else "DataOp report" }}</title>
    <style>
     {% include "data_ops.css" %}
    </style>
</head>

<body>
    <button type="button" class="icon-button"
        id="toggle-nav">{% include "icons/list.svg" %}</button>
    {% if report_title %}
    <h2 class="fixed-report-title">{{ report_title }}</h2>
    {% endif %}
    <div class="data_op-node-wrapper">
        <div class="data_op-node">
            <nav class="main-nav" data-is-open>
                {% include "graph-nav.html" %}
            </nav>
            <div class="node-details" {{ "data-has-error" if error is not none }}
                {{ "data-is-skipped" if (error is none) and (report is none) and eval }}>
                <h1>{{ node_nb }}: {{ node_repr }}</h1>
                <nav class="mini-nav">
                    <ul>
                        <li>
                            {% if node_nb != 0 %}
                            <a href="node_{{ node_nb - 1 }}.html">previous</a>
                            {% endif %}
                        </li>
                        <li>
                            {% if node_nb < total_n_nodes - 1 %}
                            <a href="node_{{ node_nb + 1 }}.html">next</a>
                            {% endif %}
                        </li>
                        <li>
                            <a href='index.html'>top</a>
                        </li>
                    </ul>
                </nav>
                <samp>ID:</samp> <samp>{{ node_uuid }}</samp>
                {% if node_name %}
                <h2><samp>Name: {{ node_name }}</samp></h2>
                {% endif %}
                <div>
                    {% if node_description %}
                    <h3>Description:</h3>
                    <p>
                        {{ node_description }}
                    </p>
                    {% endif %}

                    <h3>This step uses:</h3>
                    <ul>
                        {% for child in node_children %}
                        <li><a href="{{ child['url'] }}">{{ child['id'] }}:
                                {{ child['description'] }}</a></li>
                        {% endfor %}
                    </ul>
                </div>

                <div>
                    <h3>This step is used by:</h3>
                    <ul>
                        {% for parent in node_parents %}
                        <li><a href="{{ parent['url'] }}">{{ parent['id'] }}:
                                {{ parent['description'] }}</a></li>
                        {% endfor %}
                    </ul>
                </div>

                <div>
                    <h3>Where was this step created?</h3>
                    <pre><code class="node-creation-stack">
{%- for f in node_creation_stack_info -%}
File {% if f['url'] is not none %}<a href="{{ f['url'] }}">{% endif -%}
{{ f.frame.filename }}, line {{ f.frame.lineno -}}
{%- if f['url'] is not none %}</a>{% endif -%}
, in {{ f.frame.name }}
<span class="node-creation-stack-line">{{ f.frame.line }}</span>
{%- endfor -%}
                    </code></pre>
                </div>
                {% if env_key is none %}

                {% if eval_duration is not none %}
                <div>
                    <h3>Computation time</h3>
                    <code>{{ eval_duration | format_duration }}</code>
                </div>
                {% endif %}

                {% if node_type == "Apply" %}
                <h3>Estimator applied in this step:</h3>
                <div>
                    <p>
                        <code>{{ estimator_type }}</code>
                        {% if source_url is not none %}
                        : <a href="{{ source_url }}">source code</a>
                        {% endif %}
                    </p>

                    {{ docstrings.render(estimator_doc) }}

                    {% if estimator_html_repr %}
                    {{ estimator_html_repr | safe }}
                    {% endif %}
                </div>
                {% endif %}
                {% if node_type == "Call" %}
                <div>
                    <h3>Function applied in this step:</h3>
                    <code>{{ applied_func_name }}</code>
                    {% if source_url is not none %}
                    : <a href="{{ source_url }}">source code</a>
                    {% endif %}

                    {{ docstrings.render(applied_func_doc) }}

                </div>
                {% endif %}
                {% endif %}

                {% if  report is not none %}
                <div>
                    <h2>Output of this step</h2>

                    {% if env_key is not none and not is_var %}
                    <div class="is-skipped-message">
                        <h3>This value was provided, not computed</h3>
                        This step was not executed because its value was supplied directly in the input data
                        (as the value for
                        <strong><code>{{ {'_skrub_X': 'X', '_skrub_y': 'y'}.get(env_key, env_key.__repr__()) }}</code></strong>
                        in the <code>environment</code> dictionary),
                        thus short-circuiting its computation. The value is shown below.
                    </div>
                    {% endif %}
                    <div>
                        {{ report | safe }}
                    </div>
                </div>
                {% elif error is not none %}
                <div>
                    <h2>This step failed: {{ error_msg }}</h2>
                    <pre>
                    <code>
{{ error }}
                    </code>
                </pre>
                </div>
                {% elif eval %}
                <div>
                    <h2>This step did not run.</h2>
                    <p>
                        This step was not executed because its result was not needed or a previous step that it requires has failed.
                    </p>
                </div>
                {% else %}
                <!-- report without evaluation: no results to show -->
                {% endif %}
            </div>
        </div>
    </div>
</body>

</html>