{% extends 'sections/visitors/layout.html' %}

{% set menu = script.getSlug() %}

{% block content %}
    {% set name = script.getName() %}
    <h1>{% trans %}{{ name }} - Install - Step 2{% endtrans %}</h1>
    <div
        id="script"
        data-parameters="{{ parameters|json_encode }}"
        data-step-3="{{ urlFor('install_step_3', {'slug': script.getSlug()}) }}"
        data-step-4="{{ urlFor('install_step_4', {'slug': script.getSlug()}) }}"
        >
        <div class="progress">
            <div class="progress-bar" role="progressbar" ></div>
        </div>
        <div class="clearfix">
            <p class="success hide">
                {% trans %}Your new copy of {{ name }} was installed.{% endtrans %}
            </p>
        </div>
        <div class="clearfix">
            <p class="failure hide">
                {% set href = 'https://netenberg.com/ticket' %}
                {% set url = '<a href="' ~ href ~ '" target="_blank">' ~ href ~ '</a>' %}
                {% trans %}Your new copy of {{ name }} was not installed due to an undetermined error. Please consult Netenberg support at {{ url }}{% endtrans %}
            </p>
        </div>
        <div id="items"></div>
        <p><strong>{% trans %}Note:{% endtrans %}</strong> {% trans %}We only offer auto-installation and auto-configuration of {{ name }} but do not offer any kind of support.{% endtrans %}</p>
        <p class="link hide"><a href="{{ urlFor('details', {'slug': script.getSlug()}) }}">{% trans %}Back to {{ name }} overview page{% endtrans %}</a></p>
    </div>
{% endblock %}