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

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

{% block body %}
    <h1 style="color: red">Mobile Credit History: {{ mobileNumber }}
        ({{ mobileUser }}{{ mobileDevice }} {{ mobileVehicle }}) </h1>
    <h2>Carrier: {{ mobileProvider }}</h2>

    <br>

    <table class="table">
        <thead>
        <tr>
            <th style="text-align: left; width=100px">Date</th>
            <th style=align="right">Time</th>
            <th style=align="right">Credit</th>
            <th style="text-align: right; width=100px">Free Data <br>Allowance (MB)</th>
            <th style="text-align: right; width=100px">Free Data <br>Expires</th>
            <th style="text-align: right">Action</th>
        </tr>
        </thead>
        <tbody>
        {% for mobile_credit_history in mobile_credit_histories %}
            <tr>

                <td align="right"
                    data-sort="{{ mobile_credit_history.date |date('Y-m-d H:i') }}">{{ 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"><a
                            href="{{ path('mobile_credit_history_edit', {'id': mobile_credit_history.id}) }}">{{ mobile_credit_history.credit }}</a>
                </td>
                <td align="right">{{ mobile_credit_history.freeDataAllowance|number_format(2, '.', ',') }}</td>
                <td align="right">{{ mobile_credit_history.freeDataAllowanceExpiry|date('d-M-Y') }}</td>
                <td align="right">
                    <form method="post"
                          action="{{ path('mobile_credit_history_delete', {'id': mobile_credit_history.id}) }}"
                          onsubmit="return confirm('Are you sure you want to delete this item?');">
                        <input type="hidden" name="_token"
                               value="{{ csrf_token('delete' ~ mobile_credit_history.id) }}">
                        <button class="btn btn-danger btn-sm">Delete</button>
                    </form>
                </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 %}