Untitled

{% extends 'base.html' %}

{% block header %}
  <h1>{% block title %}Orders (order number){% endblock %}</h1>
{% endblock %}

{% block content %}

<button class="action-button" onclick="window.location.href='{{ url_for('order_insertion') }}'">Create an order</button>
<br>

  {% for order in orders %}
    <article class="post">
      <header>
        <div>
            <h3>{{ order[0] }}</h3>
            <div class="about">Customer number: {{ order[1] }}</div>
            <div class="about">SKU: {{ order[2] }}</div>
        </div>
        <a class="action" href="{{ url_for('payment_procedure', new_order_no=order['order_no']) }}">Procceed to payment</a>
      </header>
    </article>
    {% if not loop.last %}
      <hr>
    {% endif %}
  {% endfor %}
 
   <!-- Paginação -->
  <div class="pagination" style="margin-top: 16px;">
    {% if total_pages > 1 %}
      <!-- Se não for a primeira página mostra o botão para voltar atrás -->
      {% if page > 1 %}
        <a href="{{ url_for('order_index', page=page-1) }}">Previous</a>
      {% endif %}
      
      {% for p in range(1, total_pages+1) %}
        {% if p == page %}
          <!-- Se for a página atual apresenta com um estilo diferente -->
          <strong>{{ p }}</strong>
        {% else %}
          <!-- Senão apresenta normalmente e permite navegar para esta página -->
          <a href="{{ url_for('order_index', page=p) }}">{{ p }}</a>
        {% endif %}
      {% endfor %}
       <!-- Se não for a última página mostra o botão para navegar para a próxima -->         
      {% if page < total_pages %}
        <a href="{{ url_for('order_index', page=page+1) }}">Next</a>
      {% endif %}
    {% endif %}
  </div>

{% endblock %}