{% extends 'base_admin.html.twig' %}
{% block title %}AX Tools: Alpybus Prices{% endblock %}

{% block body %}
    <h2 style="color: red">Alpybus Prices</h2>


    <div class="row">
        <div class="col-md-4">
            <h3><b> {{ departure }} - {{ arrival }}</b> ({{ privateShared }})</h3>
            {% if privateShared == 'Private' %}
                <h5>Price per transfer</h5>
            {% else %}
                <h5>Price per passenger</h5>
            {% endif %}

        </div>

        <div class="col-md-3">
        </div>

        <div class="col-md-3">
            <b>Grid: </b><a href="{{ path('alpybus_transfer_grids_edit', {'id': grid}) }}">{{ grid }}</a> <br>


            <b>Last scrape:</b>
            {% if latestScrapeDate is not null %}
                {{ latestScrapeDate |date('d-M-Y') }}
            {% else %}
                ----
            {% endif %}
            <br>
            <b>Previous scrape:</b>
            {% if previousScrapeDate is not null %}
                {{ previousScrapeDate |date('d-M-Y') }}
            {% else %}
                ----
            {% endif %}
            <br>
        </div>
        <div class="col-md-2">
            <a class="btn btn-outline-danger btn-sm mt-2" href="{{ path('admin_scrape',{'grid': grid}) }}">Scrape</a>
        </div>
    </div>


    {% for  date in dates %}
        <h4 style="color: red">  {{ date['date']|date('D d-M-Y') }} </h4>
        <a class="btn btn-outline-danger btn-sm mt-2" href="{{ path('admin_scrape_by_day',{'grid': grid, 'date': date['date']|date('Y-m-d') }) }}">Scrape this day</a>

        <table class="table table-striped">
            <thead>
            <tr>
                <th>Time</th>
                {% for passenger in passengers %}
                    <th width="100 px" style="text-align: right">Pax:{{ passenger['passenger'] }}</th>
                {% endfor %}
            </tr>
            </thead>
            <tbody>
            {% for hour in hours %}
                <tr>
                    <td style="text-align: right; font-weight: bold" data-sort="{{ hour['hour'] }}"> {{ hour['hour'] }}:00h</td>
                    {% for passenger in passengers %}
                        {% set amount = '' %}
                        {% set previousAmount = '' %}
                        {% for transfer in transfers %}
                            {% if transfer.date==date['date'] and transfer.hour==hour['hour'] and transfer.passenger==passenger['passenger'] %}
                                {% if transfer.isPrivate == 1 %}
                                    {% set divisor = 1 %}
                                {% else %}
                                    {% set divisor = transfer.passenger %}
                                {% endif %}

                                {% set amount = transfer.todayPrice /divisor %}
                                {% set previousAmount = transfer.previousPrice /divisor %}
                            {% endif %}
                        {% endfor %}
                        {% if previousAmount >0 and previousAmount != amount %}
                            <td style="text-align: right">
                                <span class="bg-warning d-block "
                                      style="width: 99%;height: 100%;padding-right: 5px;">  {{ amount|number_format(2, '.', ',') }} <br> [ {{ previousAmount|number_format(2, '.', ',') }}  ]</span>
                            </td>
                        {% else %}
                            {% if amount !=0 %}
                                <td style="text-align: right">{{ amount|number_format(2, '.', ',') }} </td>
                            {% else %}
                                <td style="text-align: right">N/A</td>
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <hr>
    {% endfor %}



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

                function detectMob() {
                    return ((window.innerWidth <= 800) && (window.innerHeight <= 600));
                }

                var isMobile = detectMob();
                if (isMobile) {
                    $('body').addClass('mobile');
                }
            });
        </script>
    {% endblock datatable %}