{% extends "base.html" %}
{% load crispy_forms_tags %}
{% load url %}

{% block title %}
    Create An Algorithm Container Image - {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{% url 'algorithms:list' %}">Algorithms</a>
        </li>
        <li class="breadcrumb-item"><a
                href="{{ algorithm.get_absolute_url }}">{{ algorithm.title }}
        </a></li>
        <li class="breadcrumb-item active"
            aria-current="page">Create image
        </li>
    </ol>
{% endblock %}

{% block content %}

    <h2>Create An Algorithm Container Image</h2>

    <p>
        Upload a container image that implements the selected inputs and outputs.
        In order to work this container will need to read the following input:
    </p>

    <ul>
        {% for interface in algorithm.inputs.all %}
            <li>
                {{ interface }} at
                {% if interface.is_image_kind %}
                    <code>/input/{{ interface.relative_path }}/&lt;uuid&gt;.mha</code> or
                    <code>/input/{{ interface.relative_path }}/&lt;uuid&gt;.tif</code>
                {% else %}
                    <code>/input/{{ interface.relative_path }}</code>
                {% endif %}
            </li>
        {% endfor %}
    </ul>

    <p>
        The container will also need to write the following output:
    </p>

    <ul>
        {% for interface in algorithm.outputs.all %}
            <li>
                {{ interface }} to
                {% if interface.is_image_kind %}
                    <code>/output/{{ interface.relative_path }}/&lt;uuid&gt;.mha</code> or
                    <code>/output/{{ interface.relative_path }}/&lt;uuid&gt;.tif</code>
                {% else %}
                    <code>/output/{{ interface.relative_path }}</code>
                {% endif %}
            </li>
        {% endfor %}
    </ul>

    <h3>Container Image Options</h3>

    {% crispy form %}

{% endblock %}