{% extends "@ChillMain/layout.html.twig" %}

{% block title %}{{ 'saved_export.My saved exports'|trans }}{% endblock %}

{% block content %}
    <div class="col-md-10">

        {{ include('@ChillMain/Export/_navbar.html.twig', {'current' : 'my'}) }}

        <div class="container mt-4">

            {% if total == 0 %}
                <p class="chill-no-data-statement" >{{ 'saved_export.Any saved export'|trans }}</p>
            {% endif %}

            {% for group, saveds in grouped_exports %}
                {% if group != '_' %}
                    <h2 class="display-6">{{ group }}</h2>
                    <div class="row grouped">
                        {% for s in saveds %}
                            <div class="col-6 col-md-4 mb-3">
                                <div class="card">
                                    <div class="card-body">
                                        <h2 class="card-title">{{ s.saved.title }}</h2>
                                        <p class="card-subtitle"><strong>{{ s.export.title|trans }}</strong></p>

                                        <div class="card-text">
                                            {{ s.saved.description|chill_markdown_to_html }}
                                        </div>

                                        <div class="createdBy">{{ 'saved_export.Created on %date%'|trans({'%date%': s.saved.createdAt|format_datetime('long', 'short')}) }}</div>

                                        <ul class="record_actions">
                                            <li><a href="{{ chill_path_add_return_path('chill_main_export_saved_delete', {'id': s.saved.id }) }}" class="btn btn-delete"></a></li>
                                            <li><a href="{{ chill_path_add_return_path('chill_main_export_saved_edit', {'id': s.saved.id }) }}" class="btn btn-edit"></a></li>
                                            <li><a href="{{ path('chill_main_export_generate_from_saved', { id: s.saved.id }) }}" class="btn btn-action"><i class="fa fa-cog"></i></a></li>
                                        </ul>

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

            {% if grouped_exports|keys|length > 1 and grouped_exports['_']|length > 0 %}
                <h2 class="display-6">{{ 'Ungrouped exports'|trans }}</h2>
            {% endif %}

            <div class="row ungrouped">
                {% for saveds in grouped_exports['_']|default([]) %}
                    {% for s in saveds %}
                        <div class="col-6 col-md-4 mb-3">
                            <div class="col-6 col-md-4 mb-3">
                                <div class="card">
                                    <div class="card-body">
                                        <h2 class="card-title">{{ s.saved.title }}</h2>
                                        <p class="card-subtitle"><strong>{{ s.export.title|trans }}</strong></p>

                                        <div class="card-text">
                                            {{ s.saved.description|chill_markdown_to_html }}
                                        </div>

                                        <div class="createdBy">{{ 'saved_export.Created on %date%'|trans({'%date%': s.saved.createdAt|format_datetime('long', 'short')}) }}</div>

                                        <ul class="record_actions">
                                            <li><a href="{{ chill_path_add_return_path('chill_main_export_saved_delete', {'id': s.saved.id }) }}" class="btn btn-delete"></a></li>
                                            <li><a href="{{ chill_path_add_return_path('chill_main_export_saved_edit', {'id': s.saved.id }) }}" class="btn btn-edit"></a></li>
                                            <li><a href="{{ path('chill_main_export_generate_from_saved', { id: s.saved.id }) }}" class="btn btn-action"><i class="fa fa-cog"></i></a></li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}