{% extends "base.html" %}

{% block title %}Фактури{% endblock %}

{% block page_content %}
<div class="page-header">
    <h1>Фактури</h1>
</div>

<div class="container-fluid">
  <br />
  <div class="row">

{% block sidebar %}
{% include "uinvoice/_sidebar.html" %}
{% endblock %}

    <div class="col-md-8">
    <div class="panel panel-info">
      <div class="panel-heading">Издадени Фактури</div>
      <div class="panel-body">
     
      <p>
        <div class="table-responsive">
          <table class="table">
          <thead>
            <tr>
              <th>Document ID</th>
              <th>Date</th>
              <th>Amount</th>
              <th> </th>
            </tr>
          </thead>
 
          <tbody>
          {% for invoice in documents %}
            {% if invoice.paid %}
              <tr class="success">
                <td>{{ invoice.pid }}</td>
                <td>{{ invoice.date_created.strftime('%d %b %Y - %H:%m') }}</td>
                <td>{{ invoice.amount }}</td>
                <td><a href='invoice/{{ invoice.pid }}'>Preview</a></td>
                <td> </td>
            {% else %}
              <tr class="danger">
                <td>{{ invoice.pid }}</td>
                <td>{{ invoice.date_created.strftime('%d %b %Y - %H:%m') }}</td>
                <td>{{ invoice.amount }}</td>
                <td><a href='invoice/{{ invoice.pid }}'>Pay</a></td>
            {% endif %}
              </tr>
           </tbody>
           {% endfor %}
        </table>
       </div>
       </p>

        </div>
      </div>


  </div>



  </div>
</div>

{% endblock %}