services.html

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

{% block content %}
<section>
    <div class='tracking-img'>
       <!-- <img src="{% static 'customers/img/track-desktop.png' %}" alt="" class='bg-img' /> -->
    </div>

    <article class='tracking-art'>
      <h1>Enter Tracking Number</h1>

      <form class="track-form" action= "{% url 'search_pg_item' %}" method="post">
      {% csrf_token %}
      <input type='text'
      name="tracking_number"
      id="trackingadd"
      class="track-inp"
      placeholder='Search Tracking number'
      />
      <button type="submit" class='track-btn'>
        <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
      </button>
    </form>
  </article>
</section>


  {% if allow_booking %}

      <section class="my-4">
        <div class="search-container">
          <div class="row parent-row no-gutters">
            <div class="row">
              <div class="col-md-6">
                  <h4 class="logo-text mt-3">Book Details Form</h4>
                  <hr>
              </div>
            </div>

            <form action="{% url 'save_pg_item' tracking_number %}" method="post" >
              {% csrf_token %}
            <div class="form-row">
              <div class="col-md-12">
                <div class="form-group has-search">
                  <span class="fa fa-user  form-control-feedback"></span>
                  <input type="text" id="recipientname" name="recipient_name"
                  class="form-control my-2 p-2" placeholder="Full Name" required>
                </div>
              </div>
            </div>

            <div class="form-row">
              <div class="col-md-12">
                <div class="form-group has-search">
                  <span class="fa fa-address-card form-control-feedback"></span>
                  <input type="text" id="recipientid" name="recipient_id_number"
                  class="form-control my-2 p-2" placeholder="ID Number" required>
                </div>
              </div>
            </div>


            <div class="form-row">
              <div class="col-md-12">
                <div class="form-group has-search">
                  <span class="fa fa-phone form-control-feedback"></span>
                  <input type="text" id="phonenumber" name="recipient_phone"
                  class="form-control my-2 p-2" placeholder="Phone Number" required>
                </div>
              </div>
            </div>

            <div class="form-row">
              <div class="col-md-12">
                <div class="form-group has-search">
                  <span class="fa fa-truck form-control-feedback"></span>
                  <input type="text" id="destination-input" name="delivery_location" class="controls form-control my-2 p-2"
                  placeholder="Destination Location" required>
                </div>
              </div>
            </div>

            <div class="form-row">
              <div class="col-md-12">
                <div class="form-group has-search">
                  <span class="fa fa-envelope form-control-feedback"></span>
                  <input type="text" id="delivery_note" name="delivery_note"
                  class="form-control my-2 p-2" placeholder="Delivery Note" required>
                </div>
              </div>
            </div>

            <div style="overflow:auto;" class="col-md-12">
              <div style="float:right;">
                      <button type="submit"
                      class="browsebtn mt-2 mb-2">Submit</button>
              </div>
          </div>

              <input type="hidden" id="origin-input" name="origin_location_name">
              <input type="hidden" id="origin_latlng-field" name="origin_lat_lon" value="">
              <input type="hidden" id="delivery_latlng-field" name="delivery_latlng" value="">
              <input type="hidden" id="distance-field" name="distance" value="">
              <input type="hidden" id="deliveryspecifics" name="description" value="goods delivery specifics">
              <input type="hidden" id="sendername" name="sender_name" value="posta">
              <input type="hidden" id="senderphone" name="sender_phone" value="0711345987">
              <input type="hidden" id="senderid" name="sender_id_number" value="11345987">
              <input type="hidden" name="order_amount" id="orderAmountInput">


            </form>
        </div>
        </div>
        </section>

{% else %}
  <script>
      window.addEventListener('DOMContentLoaded', function() {
        alert("Item not found");
    });
  </script>

{% endif %}
      <script src="{% static 'customers/js/autocomplete.js' %}"></script>
      {%endblock content%}

      {% block page_script %}
      <script src="{% static 'customers/js/parcel.js' %}"></script>

      {% endblock page_script %}