{% extends 'base_admin.html.twig' %}

{% block title %}Mobile Credit History{% endblock %}

{% block body %}
    <h1 style="color: red">Mobile: Credit History</h1>

    <table class="table">
        <thead>
        <tr>
            <th>Id</th>
            <th>Mobile</th>
            <th align="right">Date</th>
            <th align="right">Time</th>
            <th align="right">Credit</th>
            <th align="right">Free Data Allowance</th>
        </tr>
        </thead>
        <tbody>
        {% for mobile_credit_history in mobile_credit_histories %}
            <tr>
                <td>
                    <a href="{{ path('mobile_credit_history_edit', {'id': mobile_credit_history.id}) }}">{{ mobile_credit_history.id }}</a>
                </td>
                <td align="right">{{ mobile_credit_history.mobile.mobileNumber }}</td>
                <td align="right">{{ mobile_credit_history.date ? mobile_credit_history.date|date('d-M-Y') : '' }}</td>
                <td align="right">{{ mobile_credit_history.date ? mobile_credit_history.date|date('H:i') : '' }}</td>
                <td align="right">{{ mobile_credit_history.credit }}</td>
                <td align="right">{{ mobile_credit_history.freeDataAllowance }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
<br>
    <a class="btn btn-success" href="{{ path('mobile_credit_history_new') }}">New</a>
{% endblock %}


{% block datatable %}
    <script>
        $(document).ready(function () {
            $('.table').DataTable({
                'pageLength': 50,
                "order": [[0, 'asc']],
                "paging": false,
                "searching": false,
                "bInfo": false
            });
        });
    </script>
{% endblock datatable %}