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

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

{% block title %}
     {{ '_ADD_MOBILE_USER_'|trans({},'admin') }}
    <a href="{{ url('admin') }}/mobileUsers/new" class="btn btn-primary btn-sm">{{ '_CREATE_'|trans({},'admin') }}</a>
{% endblock %}

{% block body %}
    <div class="formWrapper searchForm row">
        {{ form_start(formSearch) }}
        {{ form_widget(formSearch) }}
        {{ form_end(formSearch) }}
    </div>
    <div class="table-responsive">
        <table id="mytable" class="table table-bordred table-striped">
            <thead>
            <tr>
                <th>{{ knp_pagination_sortable(mobileUsers, 'ID', 'mu.id') }}</th>
                <th>{{ '_COUNTRY_CODE_'|trans({},'admin') }}</th>
                <th>{{ '_PHONE_'|trans({},'admin') }}</th>
                <th>{{ '_TYPE_'|trans({},'admin') }}</th>
                <th>{{ '_PLAN_'|trans({},'admin') }}</th>
                <th>{{ '_STATUS_'|trans({},'admin') }}</th>
                <th>{{ '_EXPIRATION_'|trans({},'admin') }}</th>
                <th>{{ knp_pagination_sortable(mobileUsers, '_CREATE_DATE_'|trans({},'admin'), 'mu.createDate') }}</th>
                <th>{{ '_UPDATE_DATE_'|trans({},'admin') }}</th>
            </tr>
            </thead>
            <tbody>
            {% for mobileUser in mobileUsers %}
            <tr>
                <td>{{ mobileUser.id }}</td>
                <td>{{ mobileUser.countryCode }}</td>
                <td>{{ mobileUser.number }}</td>
                <td>{{ mobileUser.getTypeName() }}</td>
                <td>{{ mobileUser.getMobilePlans().getName() }}</td>
                <td class="align-center">
                    <span class="flag flag-{{ mobileUser.displayStatus() }}" title="{{ mobileUser.displayStatus() }}"></span>
                </td>
                <td>{{ mobileUser.getExpirationTime() }}</td>

                <td>{{ mobileUser.getTime() }}</td>
                <td>{{ mobileUser.getUpdateDate() }}</td>
                <td><a class="btn btn-primary btn-xs" data-title="Edit" href="{{ path('edit_mobileUsers',{'id':mobileUser.id}) }}" ><span class="glyphicon glyphicon-pencil"></span></a></td>
                <td><a class="btn btn-primary btn-xs"  href="{{ path('view_mobileHistory',{'id':mobileUser.id}) }}" ><span class="glyphicon glyphicon-folder-open"></span></a></td>
            </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    <nav aria-label="Page navigation" class="text-center">
        {{ knp_pagination_render(mobileUsers) }}
    </nav>
{% endblock %}