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

{% block title %}PT Outsources{% endblock %}

{% block body %}

    <h1 style="color: red">Private Transfer Outsources - {{ trip }} Trips</h1>

    <div class="row">
        <div class="col-2">
            <button id="toggle-axref" class="btn btn-success btn-sm">New - AX Ref</button>
            <a class="btn btn-outline-success btn-sm" href="{{ path('pt_outsource_new') }}">New - Long form</a>
        </div>
        <div class="col-2">
            {% if trip =='' %}
            <a class="btn btn-outline-info btn-sm" href="{{ path('pt_outsource_index',{'trip':'past'}) }}">Past</a>
            {% else %}
            {% if trip == 'Upcoming' %}
                <a class="btn btn-outline-info btn-sm" href="{{ path('pt_outsource_index',{'trip':'past'}) }}">Past</a>
            {% else %}
                <a class="btn btn-outline-info btn-sm" href="{{ path('pt_outsource_index',{'trip':'Upcoming'}) }}">Upcoming</a>
            {% endif %}
            {% endif %}
            <a class="btn btn-outline-info btn-sm" href="{{ path('pt_outsource_index',{'trip':'All'}) }}">All</a>
        </div>

        <div class="col-4">
            <a class="btn btn-outline-info btn-sm" href="{{ path('pt_outsource_index',{'date':priorSunday|date('d-m-Y')}) }}">Prior Sunday</a>
            <a class="btn btn-outline-info btn-sm" href="{{ path('pt_outsource_index',{'date':lastSunday|date('d-m-Y')}) }}">Last Sunday</a>
            <a class="btn btn-outline-info btn-sm" href="{{ path('pt_outsource_index',{'date':nextSunday|date('d-m-Y')}) }}">Next Sunday</a>
        </div>

        <div class="col-4">

          <form action={{ path('pt_outsource_index') }} method='GET'>
              <div id="search-by-calendar-date" data-date="{{ search_by_calendar_date }}"></div>

              <a id="date-deincrement-by-one-day" class="btn btn-outline-info btn-sm">-</a>
              <input value="" id="search-by-calendar-date-input-field" type="date" name="date" style="border:1px solid #36b9cc;border-radius: 5px" class="flatpickr">
              <a id="date-increment-by-one-day" class="btn btn-outline-info btn-sm">+</a>
              <input type="hidden" value="true" name="search-by-calendar-date">

              <button class="btn btn-outline-primary">Submit</button>
          </form>



        </div>
    </div>

    <hr>

    <table class="table">
        <thead>
        <tr>
            <th width="80px">AX Ref</th>
            <th>Name</th>
            <th>Email</th>
            <th>Mobile</th>
            <th>Child/<br>Baby</th>
            <th>Pax</th>
            <th>Date</th>
            <th>Time</th>
            <th>To</th>
            <th>From</th>
            <th>Start Address</th>
            <th>End Address</th>
            <th>Notes</th>
            <th>Invoice</th>
            <th>Offer to</th>
            <th>Confirmed</th>
            <th>#</th>
        </tr>
        </thead>
        <tbody>
        {% for pt_outsource in pt_outsources %}
            <tr>

                <td>
                    {% set link = caponica_url~pt_outsource.AXRef~'/edit' %}
                    <a target="_blank" href={{ link }}>{{ pt_outsource.AXRef }}
                        / {{ pt_outsource.TripLeg }}</a> <br>
                    <a class="btn btn-success btn-sm"
                       href="{{ path('pt_outsource_edit_action_on_leg', {'id': pt_outsource.id,'action':1}) }}">+</a>
                    {% if pt_outsource.TripLeg >1 %}
                        <a class="btn btn-danger btn-sm"
                           href="{{ path('pt_outsource_edit_action_on_leg',{'id': pt_outsource.id,'action':-1}) }}">-</a>
                    {% endif %}
                    <a class="btn btn-info btn-sm"
                       href="{{ path('caponica_scrape', {'axtoolsPTId':pt_outsource.id,'bookingId':pt_outsource.AXRef, 'legId': pt_outsource.TripLeg }) }}"><i
                                class="fa fa-refresh"></i></a>
                </td>
                <td>

                    <a target="_blank" href= "{{ path('pt_outsource_edit', {'id': pt_outsource.id}) }}">{{ pt_outsource.PassengerName }}</a></td>
                <td>
                    {% if pt_outsource.PassengerEmail is not empty %}
                        <a title="{{ pt_outsource.PassengerEmail }}" href="mailto:.{{ pt_outsource.PassengerEmail }}"><i
                                    class="fa fa-envelope" style="color:black;font-size:16px"></i></a>
                    {% else %} N/A
                    {% endif %}
                </td>
                <td>
                    {% if pt_outsource.PassengerMobile is not empty %}
                        <a target="_blank" title="{{ pt_outsource.PassengerMobile }}"
                           href="https://wa.me/{{ pt_outsource.PassengerMobile }}"> <i class="fa fa-whatsapp"
                                                                                       style="color:green; text-align: center"></i></a>
                    {% else %} N/A
                    {% endif %}
                </td>
                <td>{{ pt_outsource.PassengerChild }}c/{{ pt_outsource.PassengerBaby }}b</td>
                <td>{{ pt_outsource.PassengerCount }}</td>
                <td>{{ pt_outsource.TripDate ? pt_outsource.TripDate|date('d-M-Y') : '' }}</td>
                <td>{{ pt_outsource.TripTime ? pt_outsource.TripTime|date('H:i') : '' }}</td>
                <td>{{ pt_outsource.TripStart }}</td>
                <td>{{ pt_outsource.TripEnd }}</td>
                <td>{{ pt_outsource.AddressStart }}</td>
                <td>{{ pt_outsource.AddressEnd }}</td>
                <td>{{ pt_outsource.TripNotes }}</td>
                <td>{{ pt_outsource.PartnerInvoice }}/{{ pt_outsource.InvoicePaidByAX ? 'Yes' : 'No' }}</td>
                <td width="160px">


                    {% for trip_and_partner in trips_and_partners %}

                        {% if pt_outsource.id==trip_and_partner.ptOutsource.id %}
                            <a class="btn btn-outline-success btn-sm"
                               target="_blank" href="{{path('pt_outsource_index_by_partner',{'partner': trip_and_partner.partnerCompany.partner }) }}">{{ trip_and_partner.partnerCompany.partner }}</a>
                            {% if trip_and_partner.partnerCompany.partnerEmail is not empty %}
{#                                <a class="btn btn-outline-success btn-sm popup-email" title="{{ trip_and_partner.partnerCompany.partnerEmail }}"#}
{#                                   href={{ path('pt_outsource_send_partner_email',{'id': pt_outsource.id, 'partnerid': trip_and_partner.partnerCompany.id}) }}>@</a>#}
<button class="popup-mail-modal btn btn-outline-info">@</button>
                                <div class="mt-5 m-auto p-3 rounded email-modal">
                                    <h5 class="text-danger">Do you want to send mail</h5>
                                    <a class="send-email-button btn btn-primary w-50" href="{{ path('pt_outsource_send_partner_email',{'id': pt_outsource.id, 'partnerid': trip_and_partner.partnerCompany.id}) }}">Send Mail</a>
                                    <button  class="btn btn-warning  w-50 close-email-modal" >NO</button>
                                </div>


                            {% endif %}

                            {% if trip_and_partner.partnerCompany.partnerMobile is not empty and trip_and_partner.partnerCompany.partnerWhatsApp == 1 %}

                                {% set url = 'http://'~server_name~path('pt_outsource_index_by_partner',{'partner':trip_and_partner.partnerCompany.partner}) %}

                                {% set WAText = "Are you free to do the following." ~pt_outsource.TripStart~" --> "~pt_outsource.TripEnd~ "  on "~
                                    pt_outsource.TripDate|date('d-M-Y') ~ " at "  ~pt_outsource.TripTime|date('H:i')   ~ " " ~
                                    pt_outsource.PassengerCount ~ " passengers.  Details->  " ~ url %}
                                <a target="_blank" title="{{ trip_and_partner.partnerCompany.partnerMobile }}"
                                   href="https://wa.me/{{ trip_and_partner.partnerCompany.partnerMobile }}/?text={{ WAText }}"><i
                                            class="fa fa-whatsapp" style="color:green; text-align: center"></i></a> <br>
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </td>
                <td>
                    {% for trip_and_partner in trips_and_partners %}
                        {% if pt_outsource.id == trip_and_partner.ptOutsource.id and trip_and_partner.confirmed == 1 %}
                            <a class="btn btn-outline-success btn-sm" target="_blank" href="{{ path('app_home') }}">{{ trip_and_partner.partnerCompany.partner }}</a>
                        {% endif %}
                    {% endfor %}
                </td>
                <td>
                    <form method="post" action="{{ path('pt_outsource_delete', {'id': pt_outsource.id}) }}"
                          onsubmit="return confirm('Are you sure you want to delete this item?');">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ pt_outsource.id) }}">
                        <button class="btn btn-outline-danger btn-sm"><i class="fa fa-trash"></i></button>
                    </form>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>


    <div class="mt-5 m-auto p-3 rounded" id="axref-modal" style="background-color: whitesmoke">
        <h5 class="text-danger">Add AX Transfer</h5>
        <form method="GET" action="{{ path('pt_outsource_new_shortcut') }}">
            <input class="form-control mb-2" type="text" name="axref" placeholder="Enter AX-#" style="width: 100%">

            <input class="form-control btn btn-outline-success" type="submit" value="submit">
        </form>
    </div>


{% endblock %}



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

<script>

    var date = $('#search-by-calendar-date').attr('data-date');
    if (date=='')
    {
        var today = moment().format('YYYY-MM-DD');
        $('#search-by-calendar-date-input-field').val(today).change();
    }
    if(date != '')
    {
      $('#search-by-calendar-date-input-field').val(date).change();
    }

    $('#date-increment-by-one-day').click(function () {
        var get_date_from_input_field =  $('#search-by-calendar-date-input-field').val();
        var new_date = moment(get_date_from_input_field, "YYYY-MM-DD").add(1, 'days');
        var change_date = moment(new_date).format('YYYY-MM-DD');
        $('#search-by-calendar-date-input-field').val(change_date).change();
    });
    $('#date-deincrement-by-one-day').click(function () {
        var get_date_from_input_field =  $('#search-by-calendar-date-input-field').val();
        var new_date = moment(get_date_from_input_field, "YYYY-MM-DD").subtract(1, 'days');
        var change_date = moment(new_date).format('YYYY-MM-DD');
        $('#search-by-calendar-date-input-field').val(change_date).change();
    });

</script>
    <script>
        $(".popup-mail-modal").click(function(){
            $('.email-modal').css("display","block");
        });
        $(".close-email-modal")
    </script>
{% endblock datatable %}