{% extends 'base_admin.html.twig' %}
{% block title %}{{ tabTitle|capitalize }}s{% endblock %}
{% block body %}
    <h1 style="color: red">{{ tabTitle|capitalize }}s: Credit Available & Top Ups</h1>
    <a class="btn btn-success btn-sm" href="{{ path('mobiles_new') }}">Scrape all</a>
    <a class="btn btn-danger btn-sm" href="{{ path('mobiles_delete_scrape_data') }}">Delete all data</a>
    <br>
    <table class="table">
        <thead>
        <tr>
            <th>Mobile Number</th>
            {% if tabTitle != 'mifi' %}
                <th>Employee</th>
            {% else %}
                <th>Device/ <br>Vehicle</th>
            {% endif %}
            <th>SIM number</th>
            <th>Provider</th>
            <th>Password</th>
            <th style="text-align:right; color: brown">Working</th>
            <th style="text-align:right; color: brown">Last Checked</th>
            <th style="text-align:right; color: #0f6848">Remaining <br>Data allowance (MB)</th>
            <th style="text-align:right; color: #0f6848">Remaining <br>Data Expires</th>
            <th style="text-align:right; color:orange">Remaining <br>Credit</th>
            <th>Login</th>
            <th>Scrape</th>
            <th>Top Up</th>
            <th>History</th>
            <th style="text-align: right; color: gray"><span
                        style="text-align: right; color: #224abe">Credit checked:</span><br>Date
            </th>
            <th style="text-align: right; color: gray">Time</th>

        </tr>
        </thead>
        <tbody>
        {% for mobile in mobiles %}
            <tr>
                <td>
                    <a href="{{ path('mobiles_edit', {'id': mobile.id}) }}"> {{ mobile.mobileNumber }}</a>
                </td>
                {% if tabTitle != 'Mifi' %}
                <td> {{ mobile.device }}
                    {% if  mobile.employee is not null %}
                    {{ mobile.employee.fullName }}
                    {% endif %}
                    {% if mobile.vehicle is not null %}
                        ({{ mobile.vehicle }})
                    {% endif %}</td>
            {% else %}
            <td title=Engraving = {{ mobile.engraving }}">{{ mobile.device }}
                        {% if mobile.vehicle is not null %}
                            ({{ mobile.vehicle }})
                        {% endif %}

                    </td>
                {% endif %}

                <td>{{ mobile.simNumber }}</td>
                <td>{{ mobile.provider }}</td>
                <td>{{ mobile.password }}</td>
                <td style="text-align: right">{{ mobile.checkedWorking }}

                {% if mobile.checkedWorking != 'Yes' %}
                    <a class="btn mb-1 btn-outline-success btn-sm"
                       href="{{ path('mobileworking',{'MobileId': mobile.id, 'Status' : 'Yes'}) }}">Yes</a>
                    <br>
                {% endif %}
                {% if mobile.checkedWorking != 'No' %}
                    <a class="btn btn-outline-danger btn-sm"
                       href="{{ path('mobileworking',{'MobileId': mobile.id, 'Status' : 'No'}) }}">No</a>
                    <br>
                {% endif %}
                {% if mobile.checkedWorking == 'Yes' or mobile.checkedWorking == 'No' %}
                    <a class="btn btn-outline-info btn-sm"
                       href="{{ path('mobileworking',{'MobileId': mobile.id, 'Status' : '-'}) }}">Reset</a>
                {% endif %}


                </td>
                <td style="text-align: right">{{ mobile.lastChecked ?  mobile.lastChecked|date('d-M-Y') : '-' }}
                </td>
                <td style="text-align: right">{{ mobile.freeDataAllowance }}</td>
                <td style="text-align: right">
                    {% if  mobile.freeDataAllowanceDate is null %} -
                    {% else %}
                        {{ mobile.freeDataAllowanceDate |date ('d-M-Y') }}
                    {% endif %}</td>
                <td style="text-align: right">{{ mobile.credit }}</td>
                <td><a class="btn btn-info btn-sm" href="{{ path('mobiles_scrapethree' , {id: mobile.id}) }}">Login</a>
                <td><a class="btn btn-outline-info btn-sm"
                       href="{{ path('mobiles_scrapethree' , {id: mobile.id}) }}">Scrape</a>
                </td>
                <td><a class="btn btn-danger btn-sm" href="">TopUp</a></td>
                <td>
                    {% if mobile.id in history %}
                        <a class="btn btn-info btn-sm"
                           href="{{ path('mobile_credit_history_index_by_number', {id:mobile.id}) }}">History</a>
                    {% else %}
                        <a class="btn btn-success btn-sm"
                           href="{{ path('mobile_credit_history_new', {id:mobile.id}) }}">Add history</a>
                    {% endif %}
                </td>
                <td style="text-align: right">
                    {% if  mobile.date is null %} -
                    {% else %}
                        {{ mobile.date |date ('d-M-Y') }}
                    {% endif %}</td>
                <td style="text-align: right">
                    {% if  mobile.date is null %} -
                    {% else %}
                        {{ mobile.date |date ('h:m') }}
                    {% endif %}</td>
            </tr>
        {% else %}
        {% endfor %}
        </tbody>
    </table>
    <hr>
    <a class="btn btn-outline-success btn-sm" href="{{ path('mobiles_new') }}">Add Phone Number</a><br><br>
    Note:  IP address of mifi: 192.168.8.1
{% endblock %}

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