{% extends "header.html.twig" %}


{% block body_content %}
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">Service Details</h3>
        </div>

        <!-- /.box-header -->
        <div class="box-body">
            <table id="usertable" class="table table-bordered table-striped">
                <thead>
                <tr>
                    <th>User Name</th>
                    <td>{{ service.name }}</td>
                </tr>
                <tr>
                    <th>User Email</th>
                    <td>{{ service.email }}</td>
                </tr>
                <tr>
                    <th>User Phone Number</th>
                    <td>
                        {{ service.phone_number }}
                    </td>
                </tr>
                <tr>
                    <th>User City</th>
                    <td>
                        {{ service.city }}
                    </td>
                </tr>
                <tr>
                    <th>User State</th>
                    <td>
                        {{ service.state }}
                    </td>
                </tr>
                <tr>
                    <th>User Zipcode</th>
                    <td>
                        {{ service.zipcode }}
                    </td>
                </tr>
                <tr>
                    <th>User Address</th>
                    <td>
                        {{ service.address1 }}<br/>
                        {{ service.address2 }}
                    </td>
                </tr>
                <tr>
                    <th>Booked?</th>
                    {% if service.status == 1 %}
                        <td>Y</td>
                    {% else %}
                        <td>N</td>
                    {% endif %}

                </tr>

                <tr>
                    <th>Service Type 1</th>
                    {% if service.serviceType == '1' %}
                        <td>Dog Boarding</td>
                    {% elseif service.serviceType == '2' %}
                        <td>Dog Sitting</td>
                    {% elseif service.serviceType == '3' %}
                        <td>Day Care</td>
                    {% elseif service.serviceType == '4' %}
                        <td>Dog Walking</td>
                    {% else %}
                        <td></td>
                    {% endif %}
                </tr>
                <tr>
                    <th>Service Type 2</th>
                    <td>
                        {% if service.walkingType == '0' %}
                            Single
                        {% elseif service.walkingType == '1' %}
                            Weekly
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th>Requested Date</th>
                    <td>{{ service.requested_date }}</td>
                </tr>

                <tr>
                    <th>Service Start Date</th>
                    <td>{{ service.fromDate }}</td>
                </tr>
                <tr>
                    <th>Service Start Time</th>
                    <td>{{ service.fromTime }}</td>
                </tr>

                <tr>
                    <th>Service End Date</th>
                    <td>{{ service.toDate }}</td>
                </tr>
                <tr>
                    <th>Service End Time</th>
                    <td>{{ service.toTime }}</td>
                </tr>
                {% set k = 1 %}
                {% for service_date in service.service_date_array %}

                    <tr>
                        <th>{{ k }}.Start Date Time</th>
                        <td>{{service_date.start_date}} {{service_date.start_time}}</td>
                    </tr>
                    <tr>
                        <th>{{ k }}.End Date Time</th>
                        <td>{{service_date.end_date}} {{service_date.end_time}}</td>
                    </tr>
                    {% set k = k+ 1 %}
                {% endfor %}
                <tr>
                    <th>Service Address</th>
                    <td>
                        {{ service.address }}<br/><br/>
                        <a href='https://www.google.com/maps/search/?api=1&query={{ service.latitude }},{{ service.longitude }}'
                           class="btn btn-sm btn-info" target="_blank">View in Map</a>
                    </td>
                </tr>
                <tr>
                    <th>Access Instruction</th>
                    <td>
                        {{ service.access_instruction }}
                    </td>
                </tr>
                <tr>
                    <th>Access Note</th>
                    <td>
                        {{ service.access_note }}
                    </td>
                </tr>
                <tr>
                    <th>Lockbox Number</th>
                    <td>
                        {{ service.lockbox_number }}
                    </td>
                </tr>
                {% set i = 1 %}
                {% for user in service.connected_user %}

                    <tr>
                        <th colspan=2 style="text-align:center">
                            User {{ i }}</th>
                    </tr>
                    {% set i = i+ 1 %}
                    <tr>
                        <th>Name</th>
                        <td>{{ user.name }}</td>
                    </tr>

                    <tr>
                        <th>Email</th>
                        <td>{{ user.email }}</td>
                    </tr>

                    <tr>
                        <th>Phone Number</th>
                        <td>
                            {{ user.phone_number }}
                        </td>
                    </tr>
                    <tr>
                        <th>Zipcode</th>
                        <td>{{ user.zipcode }}</td>
                    </tr>
                    <tr>
                        <th>City</th>
                        <td>{{ user.city }}</td>
                    </tr>
                    <tr>
                        <th>Status</th>
                        <td>{{ user.status }}</td>
                    </tr>
                    <tr>
                        <th>Is Automated Request</th>
                        <td>
                            {% if user.is_automated == '1' %}
                                Yes
                            {% else %}
                                No
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th>Messages</th>
                        <td>
                            <a href="/get/user_chat?created_by={{ service.created_by }}&sitter_id={{ user.id }}&service_id={{ service.id }}"
                               class="btn btn-primary">Chat Details</a>
                            {% if user.status == 0 %}
                                <a href="javascript:void(0)"
                                   onclick="var t=confirm('are you sure want to remove this request?');if(t){
                                           window.location.href='/service_user_delete?created_by={{ service.created_by }}&sitter_id={{ user.id }}&service_id={{ service.id }}&channel_id={{ user.channel_id }}'
                                           }"
                                   class="btn btn-danger">Delete Sitter Request</a>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </thead>
            </table>
        </div>
        <!-- /.box-body -->
    </div>
{% endblock body_content %}
{% block script_content %}
{#    <script type="module" src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>#}
{#    <script type="module" src="https://www.gstatic.com/firebasejs/8.10.1/firebase-firestore.js"></script>#}
{#    <script>#}
{#      $(function () {#}
{#        var firebaseConfig = {#}
{#          apiKey: 'AIzaSyCEoaCUzWDFL74-1hquoGB49_EYnPqlICU',#}
{#          authDomain: '',#}
{#          databaseURL: '',#}
{#          projectId: 'cuddlytails-dev',#}
{#          storageBucket: 'lfasdlkjkjlkjl.appspot.com',#}
{#          messagingSenderId: '862322379325',#}
{#          appId: '1:616270824990:web:40c8b177c6b9729cb5110f',#}
{#        }#}
{#        firebase.initializeApp(firebaseConfig)#}
{#        firebase#}
{#          .firestore()#}
{#          .collection('users')#}
{#          .doc('13347/serviceChatChannels/2929/13350/chatChannels')#}
{#          .delete()#}
{#          .then(() => console.log('Document deleted'))#}
{#          .catch((error) => console.error('Error deleting document', error))#}
{#      })#}
{#    </script>#}
{% endblock script_content %}