{% include 'header.twig' %}

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-12">
      <ul class="nav nav-pills ">
        <li {% if 'all' == status %} class="active"{% endif %}><a href="orders">{{ lang['orders.status.all'] }}</a></li>
        <li {% if 'pending' == status %} class="active"{% endif %}><a href="orders/pending">{{ lang['orders.status.pending'] }}</a></li>
        <li {% if 'inprogress' == status %} class="active"{% endif %}><a href="orders/inprogress">{{ lang['orders.status.inprogress'] }}</a></li>
        <li {% if 'completed' == status %} class="active"{% endif %}><a href="orders/completed">{{ lang['orders.status.completed'] }}</a></li>
        <li {% if 'partial' == status %} class="active"{% endif %}><a href="orders/partial">{{ lang['orders.status.partial'] }}</a></li>
        <li {% if 'processing' == status %} class="active"{% endif %}><a href="orders/processing">{{ lang['orders.status.processing'] }}</a></li>
        <li {% if 'canceled' == status %} class="active"{% endif %}><a href="orders/canceled">{{ lang['orders.status.canceled'] }}</a></li>
        <li class="pull-right search">
         <form action="" method="get">
            <div class="input-group">
              <input type="text" name="search" class="form-control" value="{{ search }}" placeholder="Search">
              <span class="input-group-btn">
                <button type="submit" class="btn btn-default"><i class="fa fa-search" aria-hidden="true"></i></button>
              </span>
            </div>
          </form>
        </li>
      </ul>
      <div class="well well-float tabwell">
          {% for order in orders %}
        <table class="table ">
          <thead>
          <tr>
            <th>ID</th>
            <th>Date</th>
            <th class="width-40">Link</th>
            <th>Charge</th>
            <th class="nowrap">Start count</th>
            <th>Quantity</th>
            <th class="width-40">Service</th>
            <th>Status</th>
            <th>Remains</th>
                      </tr>
          </thead>
          
          <tbody>
         <tr>
              <td><span class="ordid">{{ order['id'] }}</span></td>
              <td><i class="far fa-clock"></i>&nbsp;{{ order['date'] }}</td>
              <td class="width-40"><a class="ordlink" href="{{ order['link'] }}" target="_blank"">{{ order['link'] }}&nbsp;<i class="fas fa-external-link"></i></a></td>
              <td><span class="ordchrg">₹&nbsp;{{ order['charge'] }}</span></td>
              <td class="nowrap"><span class="ordsrtcnt">{{ order['start_count'] }}</span></td>
              <td><span class="ordqnty">{{ order['quantity'] }}</span></td>
              <td class="width-40">{{ order['service'] }}</td>
              <td>
{% if order['status'] == 'inprogress' %}
<span class="ordstat In">InProgress</span>
{% endif %}
{% if order['status'] == 'Completed' %}
<span class="ordstat Completed">Completed</span>
{% endif %}
{% if order['status'] == 'Pending' %}
<span class="ordstat Pending">Pending</span>
{% endif %}
{% if order['status'] == 'Partial' %}
<span class="ordstat Partial">Partial</span>
{% endif %}
{% if order['status'] == 'processing' %}
<span class="ordstat Processing">Processing</span>
{% endif %}
{% if order['status'] == 'Canceled' %}
<span class="ordstat Canceled">Canceled</span>
{% endif %}
              </td>
              <td><span class="ordrmain">100</span></td>
                          </tr>
                    </tbody>
        </table>
        {% endfor %}
      </div>

      
    </div>
  </div>
</div>
{% include 'footer.twig' %}
