69 lines
No EOL
3.1 KiB
HTML
69 lines
No EOL
3.1 KiB
HTML
{% extends "backend/base.html" %}
|
|
{% block content %}
|
|
<div class="app-page-title">
|
|
<div class="page-title-wrapper">
|
|
<div class="page-title-heading">
|
|
<div class="page-title-icon">
|
|
<i class="fa fa-shield-alt">
|
|
</i>
|
|
</div>
|
|
<div>Invoices
|
|
<div class="page-title-subheading">Create, edit and delete invoices
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="page-title-actions">
|
|
<a href="{% url "invoices_create" %}" type="button" data-toggle="tooltip" title="New Invoice" data-placement="bottom" class="btn-shadow mr-3 btn btn-success">
|
|
<i class="fa fa-plus"></i> New Invoice
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12 col-lg-0">
|
|
<div class="mb-3 card">
|
|
<div class="card-header-tab card-header-tab-animation card-header">
|
|
<div class="card-header-title">
|
|
<i class="header-icon lnr-apartment icon-gradient bg-love-kiss"> </i>
|
|
Active Invoices
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="tab-content">
|
|
<div class="tab-pane fade show active" id="tabs-eg-77">
|
|
<div class="card mb-3 widget-chart widget-chart2 text-left w-100">
|
|
<table class="mb-0 table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Invoice Number</th>
|
|
<th>Recipient</th>
|
|
<th>Total (net)</th>
|
|
<th>Total (gross)</th>
|
|
<th>Status</th>
|
|
<th>Options</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for invoice in object_list %}
|
|
<tr>
|
|
<td>{{ invoice.id }}</td>
|
|
<td>{{ invoice.number }}</td>
|
|
<td>{{ invoice.client.user.get_full_name }}</td>
|
|
<td>{{ invoice.total_net }}</td>
|
|
<td>{{ invoice.total_gross }}</td>
|
|
<td>{{ invoice.status }}</td>
|
|
<td><a href="{% url "invoices_edit" invoice.id %}"><i class="fas fa-edit" title="Edit Invoice"></i></a> <a href="{% url "invoices_delete" invoice.id %}"><i style="color: darkred;" class="fas fa-trash-alt" title="Delete Invoice"></i></a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |