{% extends "./baseStore.html" %}
{% load custom_tags %}

{% block storeBody %}
  <p class="has-text-centered mt-2 mb-2 is-size-5 ">{{ storeO.store_name }}</p>

  <table class="table m-auto has-text-centered table is-bordered is-striped is-narrow is-fullwidth mojodiTB">
    <thead>
      <tr>
        <th>نام محصول</th>
        <th>ورود</th>
        <th>خروج</th>
        <th>مانده در لحظه</th> <th>توضیحات</th>
        <th>تاریخ</th>
      </tr>
    </thead>
    <tfoot>
      <tr>
        <th>نام محصول</th>
        <th>ورود</th>
        <th>خروج</th>
        <th>مانده در لحظه</th> <th>توضیحات</th>
        <th>تاریخ</th>
      </tr>
    </tfoot>
    <tbody>
      {% for operation in operationsList %}
      <tr>
        <td>{{ operation.Product.product_name }} </td>
        <td>{{ operation.s_in }}</td>
        <td>{{ operation.s_out }}</td>
        <td class="has-text-weight-bold {% if operation.current_stock_at_time < 0 %}has-text-danger{% else %}has-text-dark{% endif %}">
          {{ operation.current_stock_at_time }}
        </td>
        <td>{{ operation.desc }}</td>
        <td>{{ operation.createdDT | toJalali }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

{% if operationsList.has_other_pages %}
  <ul class="pagination">
    {% if operationsList.has_previous %}
      <li class="button is-success mt-2"><a href="?page={{ operationsList.previous_page_number }}">صفحه قبل</a></li>
    {% else %}
      <li class="disabled"><span>&laquo;</span></li>
    {% endif %}

        <li class="active"><span> صفحه
            {{ operationsList.number }}
            از
            {{ operationsList.paginator.num_pages }}
            <span class="sr-only"></span></span></li>

    {% if operationsList.has_next %}
      <li class="button is-success mt-2"><a href="?page={{ operationsList.next_page_number }}">صفحه بعد</a></li>
    {% else %}
      <li class="disabled"><span>&raquo;</span></li>
    {% endif %}
  </ul>
{% endif %}

{% endblock %}