{% import "helpers.html.twig" as helpers %}

{% extends '@Admin/base.html.twig' %}

{% block title %}
    {{ '_MOBILE_USER_PACKAGES_'|trans({},'admin') }}
{% endblock %}
{% block body %}
    {% if mobileUsers is defined %}
        <div class="table-responsive">
            <table class="table table-bordred table-striped table_record_design">
                <caption>{{ '_RECENT_PACKAGE_'|trans({},'admin') }}
                    <button class="btn btn-primary btn-xs">
                        <a data-title="Edit" href="{{ path('edit_mobileUsers',{'id':mobileHistoryId }) }}" ><span>Edit Package</span></a>
                    </button>
                </caption>
                <tbody>
                <tr>
                    <th>{{ '_PHONE_'|trans({},'admin') }}</th>
                    <td>{{ mobileUsers.number }}</td>
                </tr>
                <tr>
                    <th>{{ '_TYPE_'|trans({},'admin') }}</th>
                    <td>{{ mobileUsers.getTypeName() }}</td>
                </tr>
                <tr>
                    <th>{{ '_PLAN_'|trans({},'admin') }}</th>
                    <td>{{ mobileUsers.getMobilePlans().getName() }}</td>
                </tr>
                <tr>
                    <th>{{ '_EXPIRATION_'|trans({},'admin') }}</th>
                    <td>{{ mobileUsers.getExpirationTime() }}</td>
                </tr>
                </tbody>
            </table>
        </div>
    {% endif %}
    <div class="table-responsive">
        <table id="mytable" class="table table-bordred table-striped">
            <caption>{{ '_HISTORY_TABLE_'|trans({},'admin') }}</caption>
            <thead>
            <tr>
                <th>{{ knp_pagination_sortable(mobileHistory, 'ID', 'mh.id') }}</th>
                <th>{{ '_USER_ID_'|trans({},'admin') }}</th>
                <th>{{ '_PLAN_'|trans({},'admin') }}</th>
                <th>{{ '_TYPE_'|trans({},'admin') }}</th>
                <th>{{ '_EXPIRATION_'|trans({},'admin') }}</th>
            </tr>
            </thead>
            <tbody>
            {% for history in mobileHistory %}
            <tr>
                <td>{{ history.id }}</td>
                <td>{{ history.mobileUserId }}</td>
                <td>{{ history.oldPlanName }}</td>
                <td>{{ history.oldTypeName }}</td>
                <td>{{ history.getExpirationTime() }}</td>
            </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    <nav aria-label="Page navigation" class="text-center">
        {{ knp_pagination_render(mobileHistory) }}
    </nav>
{% endblock %}