{% extends 'base.html' %}
{% load static %}

  {% block title %}
    <title>My Jobs</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">
  {% endblock %}


  {% block content %}
    <div class="container-scroller">
       {% include 'driver_header.html' %}
       <div class="container-fluid page-body-wrapper">
          {% include 'driver_sidebar.html' %}


          <div class="main-panel">

              <div class="content-wrapper placehoder-sec my-jobs">


<div class="page-header justify-content-center">
            <h3 class="page-title  text-sec">{{header_title}}</h3>
          </div>

  
             <div class="col-md-12 grid-margin ">
                <div class="">
                   <div class="">
                      
                      <div class="table-responsive">
                         <table class="table  driver-jobs border-table" id="recent-companies-table">
                            <thead>
                               <tr>
                                  <th>Parcel Image</th>
                                  <th>Sender Name</th>
                                  <th>Pickup Address</th>
                                  <th>Recipient Name</th>
                                  <th>Drop Address</th>
                                  <th>Status</th>
                                  <th></th>
                               </tr>
                            </thead>
                            <tbody>
                               {% if all_driverjobs %}
                               {% for driverjob in all_driverjobs %}
                               <tr>
                                  <td><img src="{% if driverjob.image %}{{driverjob.image}}{% else %}http://13.126.26.12/static/images/open-parcel-1.png{% endif %}"></td>
                                  <td><a href="/driver/customerjobdetail/{{driverjob.customerjobid}}">{{driverjob.sendername}}</a></td>
                                  <td>{{driverjob.senderpickupaddress}}</td>
                                  <td>{{driverjob.recipientname}}</td>
                                  <td>{{driverjob.recipientdropoffaddress}}</td>
                                  <td>{{driverjob.status}}</td>
                                  <td>
                                     <span class="driverjob_id" hidden>{{driverjob.id}}</span>
                                  </td>
                               </tr>
                               {% endfor %}
                               {% endif %}
                            </tbody>
                         </table>
                      </div>
                   </div>
                </div>
             </div>
            
       
        </div>
         {% include 'driver_footer.html' %}
       </div>
    </div>
     </div>
  {% 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 'js/myjobs.js' %}"></script>
      <script src="{% static 'js/placeorder.js' %}"></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 src="{% static '/js/profile.js' %}"></script>
  {% endblock %}