search_tours.html

<!-- Form  -->

	<form action="" method="GET">

		<div class="row form-group">
			<div class="col-md-12">
				<label for="activities">Country</label>
				<select  id="activities" class="form-control">
					<!-- name="Country" -->
					<option value="Tajikistan">Tajikistan</option>

				</select>
			</div>
		</div>
		<div class="row form-group">
			<div class="col-md-12">
				<label for="activities">Type of tours/Activities</label>
				<select name="Type" value="{{ tour.Type }} id="activities" class="form-control">
					<option value="">All tours/activities</option>
					<option value="Trekking">Trekking</option>
					<option value="Hiking">Hiking</option>
					<option value="Jeep-tour">Jeep-tour</option>
					<option value="Cross-border tour">Cross-border tour</option>
					<option value="City tour tour">City tour tour</option>
					<option value="Sightseeing">Sightseeing</option>
				</select>
			</div>
		</div>
		<div class="row form-group">
			<div class="col-md-12">
				<label for="destination">Destination</label>
				<select name="Destination" id="destination" class="form-control">
					<option value="">All destinations</option>
					<option value="Bartang">Bartang</option>
					<option value="Sarez lake">Sarez lake</option>
					<option value="Murghab">Murghab</option>
					<option value="Fedchenko">Fedchenko</option>
				</select>
			</div>
		</div>

		<div class="row form-group">
			<div class="col-md-12">
				<label for="date-start">Date Travel</label>
				<input name="StartDate" type="text" id="date-start" class="form-control">
			</div>
		</div>

		<div class="row form-group">
			<div class="col-md-12">
				<input type="submit" class="btn btn-primary btn-block" value="Search">
			</div>
		</div>
	</form>



<!-- Form  /-->



{% block content_main %}

<div class="row">
  <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
    <h2>Search Result</h2>
    <p>Here is what matched your query.</p>
  </div>
</div>


</div>
<div class="row">
<!-- Tour viewer -->
{% for tour in tours %}
  <div class="col-lg-4 col-md-4 col-sm-6">
    <div class="dtpTCard">

      <figure>
          <img src="{{ tour.Image.url }}" alt="{{ tour.Title }}" class="img-responsive" style="width:400px; height:230px;">
      </figure>
      <div>
        <!-- <a href=""> -->
          <h2 class="dtpCardTitleTextColor"> {{ destination.Region | truncatewords:1 }} Bartang, Tajikistan  {{ destination.Country | truncatewords:1 }} </h2>
        <!-- </a> -->
        <!-- <p>Bartang valley is the remote area in Pamir, Tajikistan.
        </p> -->
        <div class="row dtpCardInRow">
          <!-- style="font-size: 14px;  color:#000000;" -->
          <div class="col-xs-12" style="padding-bottom: 5px;">
            <b><u>Description</u></b>: {{ tour.ShortDesc|truncatechars:80  }}
          </div>
          <div class="col-xs-6">
            <b><u>Tour type</u></b>: {{ tour.Type | capfirst}}  <br>
            <b><u>Duration</u></b>: {{ tour.Duration }} days
          </div>
          <div class="col-xs-6 dtpCardRight" >
            <b><u>Difficulty</u></b>: {{ tour.Difficulty }}/10<br>
            <b><u>Price</u></b>: ${{ tour.Price }}
          </div>
        </div>
          <br>
        <a class="btn btn-primary" href="{{tour.get_absolute_url }}">View tour</a>
        <!-- /tours/details/{{tour.id }} -->
      </div>
    </div>
  </div>
  {% empty %}
    <h4>Sorry, no items in this page.</h4>
    <p>Coming soon...</p>
  {% endfor %}
<!-- Tour /-->
</div>

<!-- Pagination -->
<div class="row">
    <div class="col-sm-12" style="font-size: 18px; ">
      <br>
      <div class="pagination">
          <span class="step-links">
              {% if tours.has_previous %}
                  <a href="?page=1">&laquo; first</a>
                  <a href="?page={{ tours.previous_page_number }}">previous</a>
              {% endif %}

              <span class="current">
                  Page {{ tours.number }} of {{ tours.paginator.num_pages }}.
              </span>

              {% if tours.has_next %}
                  <a href="?page={{ tours.next_page_number }}">next</a>
                  <a href="?page={{ tours.paginator.num_pages }}">last &raquo;</a>
              {% endif %}
          </span>
      </div>
    </div>
</div>
<!-- Pagination /-->

{% endblock content_main %}