{% extends 'base.html' %}
{% load static %}
{% block title %}
  <title>
    Customer Job Detail
  </title>
{% endblock %}

{% block css %}
<link rel="stylesheet" href="{% static 'assets/vendors/mdi/css/materialdesignicons.min.css' %}">
<link rel="stylesheet" href="{% static 'assets/vendors/css/vendor.bundle.base.css' %}">
<link rel="stylesheet" href="{% static 'assets/css/style.css' %}">
<link rel="shortcut icon" href="{% static 'assets/images/favicon.png' %}" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<style>
   #map {
   height: 50%;
   }
</style>
{% endblock %}

{% block content %}
<div class="container-scroller">
  {% ifequal request.session.userrole 'customer' %}
    {% include 'customer_header.html' %}
  {% endifequal %}
  {% ifequal request.session.userrole 'driver' %}
    {% include 'driver_header.html' %}
  {% endifequal %}
  {% ifequal request.session.userrole 'admin' %}
    {% include 'admin_header.html' %}
  {% endifequal %}
  {% ifequal request.session.userrole 'superadmin' %}
    {% include 'admin_header.html' %}
  {% endifequal %}
  <div class="container-fluid page-body-wrapper">
    {% ifequal request.session.userrole 'customer' %}
      {% include 'customer_sidebar.html' %}
    {% endifequal %}
    {% ifequal request.session.userrole 'driver' %}
      {% include 'driver_sidebar.html' %}
    {% endifequal %}
    {% ifequal request.session.userrole 'admin' %}
      {% include 'admin_sidebar.html' %}
    {% endifequal %}
    {% ifequal request.session.userrole 'superadmin' %}
      {% include 'admin_sidebar.html' %}
    {% endifequal %}
    <div class="main-panel  jobs-all  customer-jobs-dets">
      <div class="modal fade popup-all" id="jobSubmitByAdmin" role="dialog" >
       <div class="modal-dialog">
         <div class="modal-content">
           <!-- <div class="modal-header border-0"> -->
             <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
         <!--   </div> -->
           <div class="modal-body">
            <span class="green-thumb">  <i class="fa fa-thumbs-o-up" aria-hidden="true"></i></span>
             <h3 class="response-msg">Job Completd</h3>
           </div>          
         </div>
       </div>
      </div>
      <div class="content-wrapper placehoder-sec my-jobs">
        
        <!-- Start Here================================================= -->
        {% for i in parceldata %}
        <!-- {{ i.awbnumber }} -->
        <!-- {% ifequal i.driverexist1 True %} -->
  
        <!-- <h5>{{i.customerjobid1}}</h5> -->
        <!-- <h5>{{i.driverdetails1.driverjobid1}}</h5> -->
        <!-- {% endifequal %} -->
        <div class="col-md-12 grid-margin ">
            <div class="page-header ">
               <h3 class="section-title "><span class="ra-ticks-heading">  Parcel Details : {% ifequal request.session.userrole 'customer' %} </span><a href="/customer/jobdetail/{{customerjob.customerjobid}}/raiseticket/" style="" class="ra-tickets">Raise Ticket</a>{% endifequal %}{{forloop.counter}}</h3>

              <!--  <span id="addDropDown{{forloop.counter}}"></span>
               <input type="hidden" value="{{i.id}}" id="idofJob{{i.priorityId}}"/>
               <select id="selectedDropdown{{i.priorityId}}">
               {% for j in countLoop %}
               {% if j == i.priorityId %}
               <option value="{{j}}" selected>{{j}}</option>
               {% else %}
               <option value="{{j}}">{{j}}</option>
               {% endif %}
               {% endfor %}
               </select> -->
            </div>
            <div class="parcel_details_wrap">
               <div class="row">
                  <div class="col-md-9">
                     <ul class="facility-details-list parcel-details border-0 pr-0">
                        <li>
                           <span>AWB Number</span>
                           <b>{{i.awbnumber}}</b>
                        </li>
                        <li>
                           <span>Special Booking</span>
                           <b>{% if i.specialbooking %}Yes{% else %}No{% endif %}</b>
                        </li>
                        <li>
                           <span>Max. Height(CM)</span>
                           <b>{% if i.height %}{{i.height}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Max. Length(CM)</span>
                           <b>{% if i.length %}{{i.length}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Max. Width(CM)</span>
                           <b>{% if i.width %}{{i.width}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Weight of Parcel</span>
                           <b>{% if i.weight %}{{i.weight}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Parcel Type</span>
                           <b>{% if i.parceltype %}{{i.parceltype}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Selected Vehicle Type</span>
                           <b>{{i.vehicletype|title}}</b>
                        </li>
                        <li>
                           <span>Image</span>
                           <b><img src="{% if i.parcelimage %}{{i.parcelimage}}{% else %}{% static 'images/open-parcel-1.png' %}{% endif %}" style="height: 80px;width: 80px;"></b>
                        </li>
                     </ul>
                  </div>
                  <div class="col-md-3">
                     <div class="qr_code_download">
                        <div class="media qr-code-sec flex-wrap justify-content-center">
                           <img src="{{i.qrcode}}" class="mx-auto" alt="">
                           <div class="media-body w-100 text-center">
                              <!-- <a href="#">Download QR Code</a> -->
                              <a href="{{i.parcelpdf_link}}" target="_blank" download="">Download AWB Pdf</a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
           
         </div>
         <div class="col-md-12 grid-margin mt-301">
            <div class="page-header ">
               <h3 class="section-title ">Recipient Details:{{forloop.counter}}</h3>
            </div>
            <div class="parcel_details_wrap">
               <div class="row">
                  <ul class="facility-details-list border-0 pr-0">
                     <li>
                        <span>Name</span>
                        <b>{{i.recipientname}}</b>
                     </li>
                     <li>
                        <span>Contact Number</span>
                        <b>{{i.recipientphone}}</b>
                     </li>
                     <li>
                        <span>Address</span>
                        <b>{{i.recipientdropoffaddress}}</b>
                     </li>
                     <li>
                        <span>Dropoff Time Slot</span>
                        <b>{% if i.dropofftimeslot %}{{i.dropofftimeslot}}{% else %}N.A.{% endif %}</b>
                     </li>
                     <li>
                        <span>Dropoff Special Note</span>
                        <b>{% if i.dropoffspecialnote %}{{i.dropoffspecialnote}}{% else %}N.A.{% endif %}</b>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
         <!-- {% ifequal i.safeplaceDeliverd True %}
         <div class="col-md-12 grid-margin mt-301">
            <div class="page-header ">
               <h3 class="section-title ">Safe Parcel Details{{forloop.counter}}</h3>
            </div>
            <div class="parcel_details_wrap">
               <div class="row">
                  <ul class="facility-details-list border-0 pr-0">
                     <li  class="pick-proof">
                        <span>Safe Palace image proof</span>
                        <b><img src="{{i.safepalaceData.image}}" style="height: 80px;width: 80px;"></b>
                     </li>
                     <li>
                        <span>Deliverd Time</span>
                        <b>{{i.safepalaceData.time}}</b>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
         {% endifequal %} -->
         



         <!-- End Here========================================== -->


<!-- Code Commented By Manpreet singh on 6/11/2020 Start Point -->

         <!-- <div class="col-md-12 grid-margin ">
            <div class="page-header ">
               <h3 class="section-title "><span class="ra-ticks-heading">  Parcel Details : {% ifequal request.session.userrole 'customer' %}</span><a href="/customer/jobdetail/{{customerjob.customerjobid}}/raiseticket/" style="" class="ra-tickets">Raise Ticket</a>{% endifequal %}</h3>
            </div>
            <div class="parcel_details_wrap">
               <div class="row">
                  <div class="col-md-9">
                     <ul class="facility-details-list parcel-details border-0 pr-0">
                        <li>
                           <span>AWB Number</span>
                           <b>{{customerjob.awbnumber}}</b>
                        </li>
                        <li>
                           <span>Special Booking</span>
                           <b>{% if customerjob.specialbooking %}Yes{% else %}No{% endif %}</b>
                        </li>
                        <li>
                           <span>Max. Height(CM)</span>
                           <b>{% if customerjob.height %}{{customerjob.height}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Max. Length(CM)</span>
                           <b>{% if customerjob.length %}{{customerjob.length}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Max. Width(CM)</span>
                           <b>{% if customerjob.width %}{{customerjob.width}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Weight of Parcel</span>
                           <b>{% if customerjob.weight %}{{customerjob.weight}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Parcel Type</span>
                           <b>{% if customerjob.parceltype %}{{customerjob.parceltype}}{% else %}N.A.{% endif %}</b>
                        </li>
                        <li>
                           <span>Selected Vehicle Type</span>
                           <b>{{customerjob.vehicletype|title}}</b>
                        </li>
                        <li>
                           <span>Image</span>
                           <b><img src="{% if customerjob.parcelimage %}{{customerjob.parcelimage}}{% else %}{% static 'images/open-parcel-1.png' %}{% endif %}" style="height: 80px;width: 80px;"></b>
                        </li>
                     </ul>
                  </div>
                  <div class="col-md-3">
                     <div class="qr_code_download">
                        <div class="media qr-code-sec flex-wrap justify-content-center">
                           <img src="{{customerjob.qrcode}}" class="mx-auto" alt="">
                           <div class="media-body w-100 text-center">
                             
                              <a href="{{customerjob.parcelpdf_link}}" target="_blank" download="">Download AWB Pdf</a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div> -->
          <!-- <a href="#">Download QR Code</a> -->
<!-- Code Commented By Manpreet singh on 6/11/2020 End Point -->


         <div class="col-md-12 grid-margin mt-301">
            <div class="page-header ">
               <h3 class="section-title ">Sender Details:{{forloop.counter}}</h3>
            </div>
            <div class="parcel_details_wrap">
               <div class="row">
                  <ul class="facility-details-list border-0 pr-0">
                     <li>
                        <span>Name</span>
                        <b>{{i.sendername}}</b>
                     </li>
                     <li>
                        <span>Contact Number</span>
                        <b>{{i.senderphone}}</b>
                     </li>
                     <li>
                        <span>Address</span>
                        <b>{{i.senderpickupaddress}}</b>
                     </li>
                     <li>
                        <span>City</span>
                        <b>{% if i.sendercity %}{{i.sendercity}}{% else %}N.A.{% endif %}</b>
                     </li>
                     <li>
                        <span>Pickup Date</span>
                        <b>{% if i.pickuptimeslotDate %}{{i.pickuptimeslotDate}}{% else %}N.A.{% endif %}</b>
                     </li>
                     <li>
                        <span>Pickup Time Slot</span>
                        <b>{% if i.pickuptimeslot %}{{i.pickuptimeslot}}{% else %}N.A.{% endif %}</b>
                     </li>
                     <li>
                        <span>Pickup Special Note</span>
                        <b>{% if i.pickupspecialnote %}{{i.pickupspecialnote}}{% else %}N.A.{% endif %}</b>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
         <!-- <div class="col-md-12 grid-margin mt-301">
            <div class="page-header ">
               <h3 class="section-title ">Recipient Details:</h3>
            </div> -->
            <!-- <div class="parcel_details_wrap">
               <div class="row">
                  <ul class="facility-details-list border-0 pr-0">
                     <li>
                        <span>Name</span>
                        <b>{{customerjob.recipientname}}</b>
                     </li>
                     <li>
                        <span>Contact Number</span>
                        <b>{{customerjob.recipientphone}}</b>
                     </li>
                     <li>
                        <span>Address</span>
                        <b>{{customerjob.recipientdropoffaddress}}</b>
                     </li>
                     <li>
                        <span>Dropoff Time Slot</span>
                        <b>{% if customerjob.dropofftimeslot %}{{customerjob.dropofftimeslot}}{% else %}N.A.{% endif %}</b>
                     </li>
                     <li>
                        <span>Dropoff Special Note</span>
                        <b>{% if customerjob.dropoffspecialnote %}{{customerjob.dropoffspecialnote}}{% else %}N.A.{% endif %}</b>
                     </li>
                  </ul>
               </div>
            </div> -->
         <!-- </div> -->
         {% ifequal request.session.userrole 'driver' %}{% else %}
         <div class="col-md-12 grid-margin mt-301">
            <div class="page-header ">
               <h3 class="section-title ">Payment Details:{{forloop.counter}}
               </h3>
            </div>
            <div class="parcel_details_wrap">
               <div class="row">
                  <ul class="facility-details-list border-0 pr-0">
                     <li>
                        <span class="text-nowrap">Parcel Delivery Charge</span>
                        <b>{{i.price}}</b>
                     </li>
                     <li>
                        <span class="text-nowrap">Special Booking Charge</span>
                        <b>{% if i.specialbooking_charge %}{{i.specialbooking_charge}}{% else %}0.0{% endif %}</b>
                     </li>
                     <li>
                        <span class="text-nowrap">Total Amount</span>
                        <b>{{i.totalamount}}</b>
                     </li>
                  </ul>
               </div>
            </div>
         </div>
         {% endifequal %}
         {% ifequal request.session.userrole 'driver' %}{% else %}
          {% if i.driverdetails %}
           <div class="col-md-12 grid-margin mt-301">
              <div class="page-header ">
                 <h3 class="section-title ">Driver Details:{{forloop.counter}}</h3>
              </div>
              <div class="parcel_details_wrap">
                 <div class="row">
                    <ul class="facility-details-list border-0 pr-0">
                       <li>
                          <span>Name</span>
                          <b>{{i.driverdetails.drivername}}</b>
                       </li>
                       <li>
                          <span>Phone Number</span>
                          <b>{{i.driverdetails.drivercountrycode}}-{{i.driverdetails.driverphone}}</b>
                       </li>
                       <li>
                          <span>Vehicle Type</span>
                          <b>{{i.vehicletype}}</b>
                       </li>
                    </ul>
                 </div>
              </div>
           </div>
          {% endif %}
        {% endifequal %}
        <div class="col-md-12 grid-margin mt-301">
              <div class="page-header ">
                 <h3 class="section-title ">Data Logging:{{forloop.counter}}</h3>
              </div>
              <div class="parcel_details_wrap">
                 <div class="row">
                    <ul class="facility-details-list border-0 pr-0">
                       {% if i.pickup_proof_method %}
                       <li>
                          <span>Pickup Method</span>
                          <b>{{i.pickup_proof_method}}</b>
                       </li>
                       <li>
                          <span>Pickup By</span>
                          {% ifequal i.pickup_proof_method 'signature' %}
                            <b>{% if i.pickup_fromperson_name %}{{i.pickup_fromperson_name}}{% else %}N.A.{% endif %}</b>
                          {% endifequal %}
                          {% ifequal i.pickup_proof_method 'scan' %}
                            <b>{% if i.sendername %}{{i.sendername}}{% else %}N.A.{% endif %}</b>
                          {% endifequal %}
                       </li>
                       {% ifequal i.pickup_proof_method 'signature' %}
                         <li  class="pick-proof">
                            <span>Pickup Signature Proof</span>
                            <b><img src="{% if i.pickup_fromperson_signature %}{{i.pickup_fromperson_signature}}{% else %}{% endif %}" style="height: 80px;width: 80px;"></b>
                         </li>
                        {% endifequal %}
                       <li>
                          <span>Pickup Time</span>
                          <b>{{i.pickup_datetime}}</b>
                       </li>
                       {% endif %}
                       {% if i.delivery_proof_method  %}
                         <li  class="">
                            <span>Handover Method</span>
                            <b>{{i.delivery_proof_method}}</b>
                         </li>
                         <li>
                            <span>Handover To</span>
                            {% ifequal i.delivery_proof_method 'signature' %}
                              <b>{% if i.delivery_toperson_name %}{{i.delivery_toperson_name}}{% else %}N.A.{% endif %}</b>
                            {% endifequal %}
                            {% ifequal i.delivery_proof_method 'otp' %}
                              <b>{% if i.recipientname %}{{i.recipientname}}{% else %}N.A.{% endif %}</b>
                            {% endifequal %}
                         </li>
                         {% ifequal i.delivery_proof_method 'signature' %}
                           <li  class="hand-method">
                              <span>Handover Signature Proof</span>
                              <!-- <b>{{i.delivery_toperson_signature}}</b> -->
                              <b><img src="{% if i.delivery_toperson_signature %}{{i.delivery_toperson_signature}}{% else %}{% endif %}" style="height: 80px;width: 80px;"></b>
                           </li>
                          {% endifequal %}
                         <li>
                            <span>Delivered Time</span>
                            <b>{{i.itemsdelivered_datetime}}</b>
                         </li>
                        {% endif %}
                        <li>
                          <span>Payment Time</span>
                          <b>{% if i.payment_datetime %}{{i.payment_datetime}}{% else %}N.A.{% endif %}</b>
                       </li>
                       {% ifequal i.deliveryonSafePalaceorNot True %}

                       <li>
                          <span>Safe Palace Image</span>
                           <b><img src="{% if i.safePalaceDeliverData.image %}{{i.safePalaceDeliverData.image}}{% else %}N.A.{% endif %}" style="height: 80px;width: 80px;"></b>
                       </li>

                       <li>
                          <span>Drop-Off Time</span>
                           <b>{% if i.safePalaceDeliverData.dateandTime %}{{i.safePalaceDeliverData.dateandTime}}{% else %}N.A.{% endif %}</b>
                       </li>

                       {% endifequal %}
                    </ul>
                 </div>
              </div>
        </div>

        {% ifequal i.deliveryIsFailedOrNot True %}
        <div class="col-md-12 grid-margin mt-301">
              <div class="page-header ">
                 <h3 class="section-title ">Failed Delivery Details:{{forloop.counter}}</h3>
              </div>
              <div class="parcel_details_wrap">
                 <div class="row">
                    <ul class="facility-details-list border-0 pr-0">
                       <li>
                          <span>Image</span>
                          <b><img src="{% if i.failedData.image %}{{i.failedData.image}}{% else %}N.A.{% endif %}" style="height: 80px;width: 80px;"></b>
                           
                       </li>
                       <li>
                          <span>Time</span>
                          <b>{{i.failedData.dateandTime}}</b>
                       </li>
                       <li>
                          <span>Reason Of Faliure</span>
                          <b>{{i.failedData.reason}}</b>
                       </li>
                    </ul>
                 </div>
              </div>
        </div>
        {% endifequal %}




        {% ifequal i.driverexist True %}
            {%  ifequal title 'no' %}
             {% if i.driverdetails.completeStatus == True %}
              <div class="col-md-12 grid-margin mt-301  ">
             <div id="AssignDriver_test" class="check-3">
            
                <input type="checkbox" class="chak_job" style="width: 20px;height: 20px;" name="checkJob" disabled/>
                 <h5>This Parcel is Completed</h5>
              </div>
               </div>
             {% else %}
              <div id="AssignDriver_test" >
                 <input type="checkbox" class="chak_job" style="width: 20px;height: 20px;" name="checkJob"/>
                 <input type="hidden"><span class="c_id">{{i.id}}</span></input>
                  <input type="hidden"><span class="d_id">{{i.driverdetails.driverjobid}}</span></input>
              </div>
              {% endif %}
            {% endifequal %}
          {% endifequal %}
        {% endfor %}
        {%  ifequal title 'no' %}
          {% ifequal parceldata.0.driverexist True %}

          <div class="col-md-12 grid-margin mt-301">
            <div class="textarea-block">
            <textarea id="reasonOfDriverByAdmin"></textarea>
            <button id="adminSubmitReason">Submit</button>
        </div>
         </div>

        {% endifequal %}
        {% endifequal %}
      <!-- <button id="savePriority">Save</button> -->
      </div>
      <!-- <div id="floating-panel">
         <b>Start: </b>
         <select id="start">
            <option value="chicago, il">Chicago</option>
            <option value="st louis, mo">St Louis</option>
            <option value="joplin, mo">Joplin, MO</option>
            <option value="oklahoma city, ok">Oklahoma City</option>
            <option value="amarillo, tx">Amarillo</option>
            <option value="gallup, nm">Gallup, NM</option>
            <option value="flagstaff, az">Flagstaff, AZ</option>
            <option value="winona, az">Winona</option>
            <option value="kingman, az">Kingman</option>
            <option value="barstow, ca">Barstow</option>
            <option value="san bernardino, ca">San Bernardino</option>
            <option value="los angeles, ca">Los Angeles</option>
         </select>
         <b>End: </b>
         <select id="end">
            <option value="chicago, il">Chicago</option>
            <option value="st louis, mo">St Louis</option>
            <option value="joplin, mo">Joplin, MO</option>
            <option value="oklahoma city, ok">Oklahoma City</option>
            <option value="amarillo, tx">Amarillo</option>
            <option value="gallup, nm">Gallup, NM</option>
            <option value="flagstaff, az">Flagstaff, AZ</option>
            <option value="winona, az">Winona</option>
            <option value="kingman, az">Kingman</option>
            <option value="barstow, ca">Barstow</option>
            <option value="san bernardino, ca">San Bernardino</option>
            <option value="los angeles, ca">Los Angeles</option>
         </select>
      </div>
      <div id="map">
      </div> -->
    </div>
  </div>
  </div>
  {% include 'customer_footer.html' %}


{% endblock %}
{% block js %}
<!--     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> -->
<script src="{% static 'assets/vendors/js/vendor.bundle.base.js' %}"></script>
<script src="{% static 'assets/vendors/chart.js/Chart.min.js' %}"></script>
<script src="{% static 'assets/js/off-canvas.js' %}"></script>
<script src="{% static 'assets/js/hoverable-collapse.js' %}"></script>
<script src="{% static 'assets/js/misc.js' %}"></script>
<script src="{% static 'assets/js/dashboard.js' %}"></script>
<script src="{% static 'assets/js/todolist.js' %}"></script>
<!-- <script>
   function initMap() {
     var directionsService = new google.maps.DirectionsService();
     var directionsRenderer = new google.maps.DirectionsRenderer();
     var map = new google.maps.Map(document.getElementById('map'), {
       zoom: 7,
       center: {lat: 41.85, lng: -87.65}
     });
     directionsRenderer.setMap(map);
   
     var onChangeHandler = function() {
       calculateAndDisplayRoute(directionsService, directionsRenderer);
     };
     document.getElementById('start').addEventListener('change', onChangeHandler);
     document.getElementById('end').addEventListener('change', onChangeHandler);
   }
   
   function calculateAndDisplayRoute(directionsService, directionsRenderer) {
     directionsService.route(
         {
           origin: {query: document.getElementById('start').value},
           destination: {query: document.getElementById('end').value},
           travelMode: 'DRIVING'
         },
         function(response, status) {
           if (status === 'OK') {
             directionsRenderer.setDirections(response);
           } else {
             window.alert('Directions request failed due to ' + status);
           }
         });
   }
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCZt3wR3ItaSSmIhWnRy4hy6FnqmEM81oY&callback=initMap"></script> -->

<script>


$( "#adminSubmitReason" ).on( "click", function() {
  console.log("one")
  var token = $('input[name="csrfmiddlewaretoken"]').val()
  // debugger;
  // $('#assign-driver-error').text('')
      // ExtraCustomerJobd = $('#ExtraCustomer_job_id').val()
      // customerjob_id = $('#customer_job_id').val()
      // var id = ''
      var jsonData = {};
      var arr=[]
      if($("#AssignDriver_test input[class='chak_job']").is(":checked"))
      {
        console.log("two")
        var j = 1;
        $("#AssignDriver_test input[class='chak_job']").each(function (index, element) {
          console.log("three")
          if($(element).is(":checked"))
          {
            console.log("four")
            var d_id=($(element).closest('div').find('.d_id').text());
            var c_id=($(element).closest('div').find('.c_id').text());
            var cmnt=document.getElementById('reasonOfDriverByAdmin').value;
            jsonData['driverjobid']=d_id;
            jsonData['customerjobid']=c_id;
            jsonData['comment']=cmnt;
            arr.push(jsonData)
            jsonData={}
          }
        });
        console.log(arr)
        console.log(token)
         $.ajax({
            type: 'POST',
            url: '/admin/jobCompletedByDriver/',
            data: { 'data_ids':JSON.stringify(arr),'csrfmiddlewaretoken': '{{ csrf_token }}' },
            success: function(response){
              console.log(response);
              if(response.status_code == 200)
              { 
                console.log("done")
                $("#jobSubmitByAdmin").modal('show')
                setTimeout(function () {
                      location.reload()
                    }, 2000);
                  // var link = document.createElement("a");
                  // link.setAttribute("href", response['link']);
                  // link.setAttribute("download", "");
                  // // link.innerHTML= "Download do Relatório";
                  // document.body.appendChild(link);
                  // link.click();
              }
              else
              {
                console.log("Failed")
              }
            }
          });
      }
return false;
});   



    // $(document).on('click','#adminSubmitReason',function(index, element){
      // alert('clicked')
      // var element = document.getElementById("adminSubmitReason");
      // var closest = document.getElementById("reasonOfDriverByAdmin").value;
      // var reason =$(event.currentTarget).closest('textarea').find('#reasonOfDriverByAdmin')
      // var reason = $(element).closest('input').find('#reasonOfDriverByAdmin').val()
      // var reason = $('#reasonOfDriverByAdmin').val()
      // var token = $('input[name="csrfmiddlewaretoken"]').val()
      // console.log(reason);
      // console.log(closest);
        // $.ajax({
        //     type: 'POST',
        //     url: '/admin/customerjobs/completed/csv/',
        //     data: {  'csrfmiddlewaretoken' : token},
        //     success: function(response){
        //       console.log(response);
        //       if(response.status_code == 200)
        //       { 
        //         // location.href = response['link'];
        //         // debugger;
        //         // var encodedUri = 'data:application/csv;charset=utf-8,' + encodeURIComponent(response['link']);
        //     var link = document.createElement("a");
        //     link.setAttribute("href", response['link']);
        //     link.setAttribute("download", "");
        //     // link.innerHTML= "Download do Relatório";
        //     document.body.appendChild(link);
        //     link.click();
        //     }
        //     }
        //   });

    // })
    </script>
    <script >
      
      // console.log('{{totalNo}}')
      // var loop=parseInt('{{totalNo}}')
      // var last=0
      // for(i=1;i<=loop;i++){
      //   start='true'
      //   firstTime='true'
      //   id="addDropDown"+i.toString()
      //   id2="selectedDropdown"+i.toString()
      //   var x = document.createElement("select");
      //   var input = document.createElement("input");
      //   beforeValueID='beforeValueID'+i.toString()
      //   for (j=1;j<=loop;j++)
      //   {
      //     var option = document.createElement("option");
      //     option.text = j;
          
      //     if (j<=last)
      //     {
      //       console.log("enough")
            
      //       // option.disabled = true
      //     }
      //     else{
      //       if (firstTime=='true')
      //       {
      //       option.selected = 'selected'
      //       firstTime='false'
      //       input.setAttribute('type', 'hidden');
      //     input.setAttribute('id', 'beforeValueID');
      //     input.setAttribute('value', j);
      //     console.log(input)
      //     document.getElementById(id).appendChild(input);
      //     }
      //     }
          
      //     x.appendChild(option);
      //     // x.setAttribute('onclick', 'Change(this)');
      //     x.setAttribute('id', id2);

          
      //     last=j
      //   }
      //   document.getElementById(id).appendChild(x);
        
      // }

$( "#savePriority" ).on( "click", function() {
                          console.log("one")
                          var loop=parseInt('{{totalNo}}')
                          passed=true
                          allArray2=[]
                          console.log('{{countLoop}}')
                          {% for count in countLoop %}
                          allArray2.push({{count}});
                          {% endfor %}
                          allArray=[]
                    for (x of allArray2){
                        var newID="selectedDropdown"+x.toString()
                        var jobid="idofJob"+x.toString()
                        console.log(newID)
                        console.log(jobid)
                        EveryValue=document.getElementById(newID).value;
                        jobidValue=document.getElementById(jobid).value;
                        if (allArray.includes(EveryValue))
                          {
                            console.log('Not Allowed')
                            passed=false
                            return false;
                          }
                          else{

                            console.log('Allowed')
                            allArray.push(EveryValue);
                        }
                      }
            console.log(allArray)
              allDataSend=[]
              if(passed=true)
              {
                // allArray2.forEach(myFunction1);
                // function myFunction2(value, index, array) {
                for (x of allArray2){
                var newID="selectedDropdown"+x.toString()
                console.log(newID)
                var jobid="idofJob"+x.toString()
                console.log(jobid)
                EveryValue=document.getElementById(newID).value;
                jobidValue=document.getElementById(jobid).value;
                myjson={"job":jobidValue, "priority":EveryValue}
                allDataSend.push(myjson)

                var token = $('input[name="csrfmiddlewaretoken"]').val()
                // console.log(arr)
                console.log(token)
                 $.ajax({
                    type: 'POST',
                    url: '/admin/changePriority/',
                    data: { 'data_ids':JSON.stringify(allDataSend),'csrfmiddlewaretoken': '{{ csrf_token }}' },
                    success: function(response){
                      console.log(response);
                      if(response.status_code == 200)
                      { 
                        console.log("done")
                        $("#jobSubmitByAdmin").modal('show')
                        setTimeout(function () {
                              location.reload()
                            }, 2000);
                          // var link = document.createElement("a");
                          // link.setAttribute("href", response['link']);
                          // link.setAttribute("download", "");
                          // // link.innerHTML= "Download do Relatório";
                          // document.body.appendChild(link);
                          // link.click();
                      }
                      else
                      {
                        console.log("Failed")
                      }
                    }
                  });
              }
              console.log(allDataSend)
            }

return true;
});

//  function Change(val)
// {
//     var hinndeNoValue=($(val).closest('span').find('#beforeValueID').val());
//     console.log(val.value)
//     var selectedValueID="selectedDropdown"+(hinndeNoValue).toString()
//     // var beforeValueID='beforeValueID'+val.value.toString()
//     var changedNo=document.getElementById(selectedValueID).value;
    
//     // var hinndeNoValue=document.getElementById(beforeValueID).value;
//     var loop=parseInt('{{totalNo}}')
//     for (i=1;i<=loop;i++){
      
//       var newID="selectedDropdown"+i.toString()
//       // var newbeforeValueID='beforeValueID'+i.toString()
//       selectedOption=document.getElementById(newID)
//       EveryValue=document.getElementById(newID).value;
//       var newbeforeValueID=($(selectedOption).closest('span').find('#beforeValueID').val());
//       // console.log("newID1"+newID)
//       // console.log("selectedValueID1"+selectedValueID)
//       if(changedNo==EveryValue)
//       {
//         document.getElementById(selectedValueID).value=newbeforeValueID;
//         document.getElementById(newID).value=changedNo;
//         // console.log("newID"+changedNo)
//         // console.log("selectedValueID"+selectedValueID)
//         // var allNumbers=document.getElementById(newID).value;
//         // if (changedNo==allNumbers){

          
//           // var allHidddenNoValue=document.getElementById(newbeforeValueID).value;
//           // console.log(hinndeNoValue)
//           // console.log(allHidddenNoValue)
//           // document.getElementById(selectedValueID).value=allHidddenNoValue;
//           // document.getElementById(newID).value=hinndeNoValue;
//           // temp=hinndeNoValue
//         // }

//       }

//     }
// }     
    </script>
{% endblock %}