{% extends 'admin/layouts/base.html.twig' %}
{% block title %}View subscriptions{% endblock %}
{% set active = 'app_admin_subscriptions' %}
{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'title':'Product Management',
    },
    {
        'link': path('app_admin_subscriptions'), 'title': 'Subscription',
    },
    {
        'title': 'View',
    }
]%}
{% block content %}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6"><h1>Subscriptions  Details</h1></div>
                <div class="col-md-6 text-end">
                    <a href="{{ path('app_admin_subscriptions') }}" class="btn btn-primary">Back</a>
                </div>
            </div>
            <div class="table-responsive">
                <div class="table">
                    <table class="table border-1">
                        <tbody>
                            <tr>
                                <th class="w-25">Id</th>
                                <td class="w-75">{{ subscriptions.id }}</td>
                            </tr>
                            <tr>
                                <th class="w-25">User Name</th>
                                <td class="w-75">
                                    {% if subscriptions.userid is empty %}
                                        N/A
                                    {% else %}
                                        {{ subscriptions.userid.firstname }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Payment Date (months)</th>
                                <td class="w-75" data-utc-time="{{ subscriptions.paymentid.createdat|date('Y-m-d H:i:s') }}">
                                    {% if subscriptions.paymentid is empty %}
                                        N/A
                                    {% else %}
                                      {{ subscriptions.paymentid.createdat|date('Y-m-d H:i:s') }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Payment Status</th>
                                <td class="w-75">
                                    {% if subscriptions.status is empty %}
                                        N/A
                                    {% else %}
                                        {% set badgeClass = '' %}
                                        {% set statusText = subscriptions.status is not null ? subscriptions.status : 'N/A' %}

                                        {% if statusText|lower == 'active' %}
                                            {% set badgeClass = 'badge bg-success' %}
                                        {% elseif statusText|lower == 'cancelled' %}
                                            {% set badgeClass = 'badge bg-danger' %}
                                        {% elseif statusText == 'completed' %}
                                            {% set badgeClass = 'badge bg-success' %}
                                        {% elseif statusText in ['refunded', 'cancelled', 'expired','inactive','failed'] %}
                                            {% set badgeClass = 'badge bg-danger' %}
                                        {% elseif statusText in ['processing', 'pending'] %}
                                            {% set badgeClass = 'badge bg-warning' %}
                                        {% elseif statusText in ['on hold', 'on-hold'] %}
                                            {% set badgeClass = 'badge bg-info' %}
                                        {% else %}
                                            {% set badgeClass = 'badge bg-secondary' %}
                                        {% endif %}
                                        <span class="badge {{ badgeClass }}">{{ statusText|upper }}</span>
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Payment Duration</th>
                                <td class="w-75">
                                    {% if subscriptions.duration is empty %}
                                        N/A
                                    {% else %}
                                        {{ subscriptions.duration == 1 ? subscriptions.duration ~ ' Month' : subscriptions.duration ~ ' Months' }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Start Date</th>
                                <td class="w-75" data-utc-time="{{ subscriptions.startdate |date('Y-m-d H:i:s')  }}">
                                    {% if subscriptions.startdate is empty %}
                                        N/A
                                    {% else %}
                                        {{ subscriptions.startdate |date('Y-m-d H:i:s')  }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th class="w-25">Wordpress Subscription</th>
                                <td class="w-75">
                                    {% if subscriptions.wordpresssubscriptionid is empty %}
                                        No
                                    {% else %}
                                        Yes
                                    {% endif %}
                                </td>
                            </tr>
                            {% if subscriptions.wordpresssubscriptionid is not null %}
                            <tr>
                                <th class="w-25">Wordpress Payment Id </th>
                                <td class="w-75">
                                    {{subscriptions.wordpresssubscriptionid}}
                                </td>
                            </tr>    
                            {% endif %}
                            <tr>
                                <th class="w-25">End Date</th>
                                {% set nextSubscriptionDate = 'N/A' %}
                                {% set duration = subscriptions.duration %}
                                {% if duration > 0 %}
                                    {% set nextSubscriptionDate = subscriptions.startdate|date_modify('+' ~ duration ~ ' months')|date('Y-m-d') %}
                                {% endif %}
                                <td class="w-75" data-utc-time="{{ nextSubscriptionDate|date('Y-m-d H:i:s')}}">
                                 {{ nextSubscriptionDate|date('Y-m-d H:i:s')  }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    <script src="{{ asset('assets/js/timezone.js') }}"></script>
{% endblock %}