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

{% block title %}SBB Train Times{% endblock %}

{% block body %}
    {% set dates = SbbWeekDate.calendar %}


    <span> <a target="_blank" href="https://www.sbb.ch/en"><img src="{{ asset('images/flag/sbb.png') }}" height="40px"
                                                                width="50px"></a></span> <span> <h1 class="d-inline"
                                                                                                    style="color: red;vertical-align: middle">SBB Train Times</h1></span>
    <span>
        <br>
        <br>
        <a class="btn btn-danger btn-sm mt-1" href="{{ path('scrape_sbb') }}">Scrape</a>
         {% for date in dates %}
             <button class="btn btn-outline-success btn-sm mt-1"
                     onclick="selectRowWithDate('{{ date['date'] }}')">{{ date['day'] }}, {{ date['date'] }}</button>
         {% endfor %}
         <a class="btn btn-danger btn-sm mt-1" href="{{ path('sbb_train_times_delete_all') }}">Delete all</a>

    </span>
    <hr>

    <div class="row">
        {% for train_route in train_routes %}
            <div class="col-3">
                <a title="{{ train_route.emailDescription }}" target="_blank"
                   href="{{ path('train_routes_edit', {'id': train_route.id}) }}" <i class="fa fa-info-circle"
                                                                                     style="color:cornflowerblue"></i></a>


                <b> {{ train_route.departure }} to {{ train_route.arrival }}</b>
                <table class="table">
                    <thead>
                    <tr>
                        <th>Date</th>
                        <th>Depart</th>
                        <th>Arrive</th>
                        <th>Mins</th>
                        <th>#</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for sbb_train_time in sbb_train_times %}
                        {% set emailSubject = "SBB train times from " ~  sbb_train_time.route.departure  ~ " to " ~  sbb_train_time.route.arrival  %}
                        {% set emailBody = sbb_train_time.route.emailDescription ~
                            ".  Your deprature time is " ~ sbb_train_time.departTime|date('H:i') ~
                            ".  Your arrival time is " ~ sbb_train_time.arrivalTime|date('H:i')
                        %}
                        {% if sbb_train_time.route.id == train_route.id %}
                            <tr>
                                <td>{{ sbb_train_time.date ? sbb_train_time.date|date('d-M') : '' }}</td>
                                <td style="text-align: right">{{ sbb_train_time.departTime ? sbb_train_time.departTime|date('H:i') : '' }}</td>
                                <td style="text-align: right">{{ sbb_train_time.arrivalTime ? sbb_train_time.arrivalTime|date('H:i') : '' }}</td>
                                <td style="text-align: right">{{ TimeDifferenceService.calculate( sbb_train_time.arrivalTime, sbb_train_time.departTime) }}</td>
                                <td>
                                    <a href="mailto:sjwn71@gmail.com?subject={{ emailSubject }} &body={{ emailBody }}"><i class="fa fa-envelope style=color:green; text-align:center"></i></a>
                                </td>
                            </tr>
                        {% endif %}
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        {% endfor %}
    </div>

    {#    <a class="btn btn-success btn-sm mt-2" href="{{ path('sbb_train_times_new') }}">New</a>#}
{% endblock %}

{% block datatable %}
    <script>
        $(document).ready(function () {
            $('.table').DataTable({
                'pageLength': 50,
                "order": [[0, 'asc']],
                "paging": false,
                "searching": false,
                "bInfo": false
            });
        });
    </script>
    <script>
        $(document).ready(function () {
            $("table tbody tr ").each(function () {
                var td = $(this).find('td:eq(0)');
                if (td.text() != moment().format("DD-MMM")) {
                    $(this).hide();
                }
            });
        });

        function selectRowWithDate(specificDate) {
            $("table tbody tr").each(function () {

                var td = $(this).find('td:eq(0)');
                if (td.text() == specificDate) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
        }


    </script>
{% endblock datatable %}