{% sw_extends '@Storefront/storefront/page/account/_page.html.twig' %}

{% block page_account_main_content %}
    <table class="table table-striped table-hover">
        <thead>
        <tr>
            <th class="">
                {{ "studygood.product"|trans }}
            </th>
            <th class="">
                {{ "studygood.order"|trans }}
            </th>
            <th>
                {{ "studygood.details"|trans }}
            </th>
        </tr>
        </thead>

        <tbody>
        {% for esdSubscription in context.customer.esdSubscriptions %}
            <tr {% if not esdSubscription.active %}class="no-subscription"{% endif %}>
                <td class="">
                    {% block studygood_my_subscriptions_product %}
                        <p>
                            <a class=""
                               title="{{ "studygood.esdDetail"|trans }}"
                               href="{{ seoUrl('frontend.detail.page', {productId: esdSubscription.product.id}) }}">
                                {% if esdSubscription.product.cover.media %}
                                    {% sw_thumbnails 'product-image-thumbnails' with {
                                        media: esdSubscription.product.cover.media,
                                        sizes: {
                                            'xs': '501px',
                                            'sm': '315px',
                                            'md': '427px',
                                            'lg': '333px',
                                            'xl': '284px'
                                        },
                                        attributes: {
                                            'style': 'width: 160px',
                                            'alt': (esdSubscription.product.cover.media.translated.alt ?: ''),
                                            'title': (esdSubscription.product.cover.media.translated.title ?: '')
                                        }
                                    } %}
                                {% else %}
                                    <b>{{ esdSubscription.product.translated.name }}</b>
                                {% endif %}
                            </a>
                        </p>


                        {% if config('AppflixStudygood.config.showEventDate') and esdSubscription.eventDate %}
                            <p>
                                <span><b>{{ "studygood.courseEventDate"|trans }}:</b></span><br>
                                <span>{{ esdSubscription.eventDate|format_date('short', locale=app.request.locale) }}</span>
                            </p>
                        {% endif %}
                    {% endblock %}
                </td>

                <td class="">
                    {% block studygood_my_subscriptions_order %}
                        <p>
                            <span><b>{{ "studygood.esdOrderDate"|trans }}:</b></span><br>
                            <span>{{ esdSubscription.createdAt|format_date('short', locale=app.request.locale) }}</span>
                        </p>

                        {% if esdSubscription.validUntil %}
                            <p>
                                <span><b>{{ "studygood.esdValidUntil"|trans }}:</b></span><br>
                                <span>{{ esdSubscription.validUntil|format_date('short', locale=app.request.locale) }}</span>
                            </p>
                        {% endif %}

                        {% if config('AppflixStudygood.config.showOrderNumber') and esdSubscription.order %}
                            <p>
                                <span><b>{{ "studygood.esdOrderNumber"|trans }}:</b></span><br>
                                <span>{{ esdSubscription.order.orderNumber }}</span>
                            </p>
                        {% endif %}

                        {% if esdSubscription.description %}
                            <div>{{ esdSubscription.description }}</div>
                        {% endif %}
                    {% endblock %}
                </td>

                <td>
                    {% block studygood_my_subscriptions_details %}
                        {% if esdSubscription.active %}
                            {% for course in esdSubscription.product.extensions.studygoodCourses %}
                                {% set progressCourse = esdSubscription.progressCourse[course.id] ?: 0 %}

                                <div class="row g-3 form-group">
                                    <div class="col-md-8 d-grid">
                                        {% block studygood_my_subscriptions_details_button %}
                                            <a class="btn btn-primary btn-sm"
                                               title="{{ "studygood.esdDetail"|trans }}"
                                               href="{{ seoUrl('studygood.course.index', {productId: esdSubscription.product.id, courseId: course.id}) }}?fromAccount=true">
                                                {% block studygood_my_subscriptions_details_button_label %}
                                                    {{ course.translated.name }}
                                                {% endblock %}
                                            </a>
                                        {% endblock %}
                                    </div>
                                    <div class="col-md-4 d-grid">
                                        {% block studygood_my_subscriptions_details_progress %}
                                            {% set minProgressForCertificate = config('AppflixStudygood.config.minProgressForCertificate') %}
                                            {% set condition1 = (not esdSubscription.eventDate and progressCourse >= minProgressForCertificate) %}
                                            {% set condition2 = (esdSubscription.eventDate and date(esdSubscription.eventDate) < date('now')) %}

                                            {% if course.documentTypeId and (condition1 or condition2) %}
                                                {% block studygood_my_subscriptions_details_progress_cert %}
                                                    <a class="btn btn-success btn-sm"
                                                       title="{{ "studygood.createCertificate"|trans }}"
                                                       href="{{ seoUrl('studygood.course.certificate', {esdId: esdSubscription.id, courseId: course.id}) }}">
                                                        {{ "studygood.createCertificate"|trans }}
                                                    </a>
                                                {% endblock %}
                                            {% else %}
                                                {% block studygood_my_subscriptions_details_progress_bar %}
                                                    <div class="small">{{ "studygood.progress"|trans }}: <b>{{ progressCourse }}%</b>:</div>
                                                    <div class="progress">
                                                        <div class="progress-bar" role="progressbar" style="width: {{ progressCourse }}%" aria-valuenow="{{ progressCourse }}" aria-valuemin="0" aria-valuemax="100"></div>
                                                    </div>
                                                {% endblock %}
                                            {% endif %}
                                        {% endblock %}
                                    </div>
                                </div>
                            {% endfor %}
                        {% else %}
                            <div class="text-muted">{{ "studygood.esdNotActive"|trans }}</div>
                        {% endif %}
                    {% endblock %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
{% endblock %}