{% extends "base.html" %}

{% block title %}
    CrackLab — Methods
{% endblock %}

{% block content %}

<div class="methods-page">

    <div class="methods-page-header">

        <div>
            <h1 class="page-title">
                Methods
            </h1>

            <div class="page-description">
                Рабочие методы перебора, сохранённые в базе данных.
            </div>
        </div>

        {% if methods %}
            <a
                class="methods-button"
                href="{{ url_for('cracklab.method_create_page') }}"
            >
                + Создать метод
            </a>
        {% endif %}

    </div>


    {% if methods %}

        <section class="methods-list">

            {% for method in methods %}

                <article class="method-card">

                    <div class="method-card-main">

                        <div class="method-card-title">
                            {{ method.name }}
                        </div>

                        {% if method.description %}
                            <div class="method-card-description">
                                {{ method.description }}
                            </div>
                        {% endif %}

                        <div class="method-card-id">
                            {{ method.id }}
                        </div>

                    </div>


                    <div class="method-card-meta">

                        <div class="method-meta-item">
                            <span>Version</span>

                            <strong>
                                {% if method.version %}
                                    {{ method.version }}
                                {% else %}
                                    —
                                {% endif %}
                            </strong>
                        </div>


                        <div class="method-meta-item">
                            <span>Steps</span>

                            <strong>
                                {{ method.steps_count }}
                            </strong>
                        </div>


                        <div class="method-meta-item">
                            <span>Created</span>

                            <strong>
                                {{ method.created_at }}
                            </strong>
                        </div>

                    </div>

                </article>

            {% endfor %}

        </section>

    {% else %}

        <section class="method-empty">

            <div class="method-empty-title">
                Методов пока нет
            </div>

            <div class="method-empty-description">
                Создайте первый метод, чтобы начать
                выдавать задания CrackLab.
            </div>

            <a
                class="methods-button"
                href="{{ url_for('cracklab.method_create_page') }}"
            >
                + Создать метод
            </a>

        </section>

    {% endif %}

</div>

{% endblock %}