{% if not embedded %}{% extends 'base/base.html' %}{% endif %}

{% block body %}
<section class="section">
    <div class="container">
        <h1 class="title">{% trans %}Project Roadmap{% endtrans %}</h1>
        <div class="message is-info">
            <div class="message-body">
                <p>
                {% trans changelog_url='<a href="https://repos.goffi.org/libervia-backend/raw-file/tip/CHANGELOG" target="_blank">CHANGELOG</a>'|safe-%}
                Please note that this roadmap doesn't cover all planned work.<br>
                For a more detailed look at what has been achieved so far and what is coming up in the next release, check our {{changelog_url}}.
                {%- endtrans %}
                </p>
            </div>
        </div>
        <ul>
            {% for milestone in milestones %}
            <li class="box">
                <p class="title is-4 {{ 'has-text-success-dark' if milestone.status.lower() == 'c' else 'has-text-warning-dark' if milestone.status.lower() == 'p' else 'has-text-grey-light' }}">
                    {% if milestone.status.lower() == 'c' %}<del>{% endif %}
                        <strong>{{ milestone.title }}</strong>
                        {% if milestone.release_number %}
                            - {% trans %}Release{% endtrans %} <strong>{{ milestone.release_number }}</strong>
                        {% else %}
                            - 🚀 {% trans %}Future Release{% endtrans %}
                        {% endif %}
                    {% if milestone.status.lower() == 'c' %}</del>{% endif %}
                </p>
                {% if milestone.description %}
                <p class="subtitle is-6"><strong>{% trans %}Description:{% endtrans %}</strong> {{ milestone.description }}</p>
                {% endif %}
                {% if milestone.estimation %}
                <p><strong>{% trans %}Estimation:{% endtrans %}</strong> {{ milestone.estimation }}</p>
                {% endif %}
                <p><strong>{% trans %}Status:{% endtrans %}</strong>
                    {% if milestone.status.lower() == 'c' %}
                        ✅ {% trans %}Completed{% endtrans %}
                    {% elif milestone.status.lower() == 'p' %}
                        🚧 {% trans %}In Progress{% endtrans %}
                    {% else %}
                        📅 {% trans %}Planned{% endtrans %}
                    {% endif %}
                </p>
            </li>
            {% endfor %}
        </ul>
    </div>
</section>
{% endblock body %}