django-orchestra-test/orchestra/apps/bills/templates/bills/microspective-fee.html

127 lines
2.5 KiB
HTML

{% extends 'bills/microspective.html' %}
{% block head %}
<style type="text/css">
{% with color="#809708" %}
{% include 'bills/microspective.css' %}
{% endwith %}
#buyer-details {
clear: left;
margin-top: 40px;
margin-left: 54%;
margin-bottom: 40px;
}
.column-1 {
float: left;
font-size: 30;
font-weight: bold;
text-align: right;
color: #666;
width: 40%;
margin: 10px;
}
#number-date {
font-size: large;
}
#number-value {
font-size: 30;
color: #809708;
}
.column-2 {
float: right;
padding: 15px;
margin: 10px;
margin-top: 0px;
width: 44%;
font-size: large;
}
#amount {
color: white;
background-color: #809708;
}
#amount-value {
font-size: 30;
font-weight: bold;
}
#date {
clear: left;
clear: right;
margin-top: 0px;
padding-top: 0px;
font-weight: bold;
color: #666;
}
#text {
clear: left;
clear: right;
text-align: right;
margin: 240px 10px 50px 10px;
font-weight: bold;
color: #666;
}
#text strong {
color: #809708;
}
hr {
margin-top: 20px;
border: 2px solid #809708;
clear: left;
}
</style>
{% endblock %}
{% block summary %}
<div style="position: relative; margin-top: 140px;">
<hr>
</div>
<div id="buyer-details">
<span class="name">{{ buyer.name }}</span><br>
{{ buyer.vat }}<br>
{{ buyer.address }}<br>
{{ buyer.zipcode }} - {{ buyer.city }}<br>
{{ buyer.country }}<br>
</div>
<div id="number" class="column-1">
<span id="number-title">Membership Fee</span><br>
<span id="number-value">{{ bill.number }}</span><br>
<span id="number-date">{{ bill.closed_on | default:now | date }}</span><br>
</div>
<div id="amount" class="column-2">
<span id="amount-value">{{ bill.get_total }} &euro;</span><br>
<span id="amount-note">Due date {{ payment.due_date | default:default_due_date | date }}<br>
{% if not payment.message %}On {{ seller_info.bank_account }}{% endif %}<br>
</span>
</div>
<div id="date" class="column-2">
From {{ bill.lines.get.description }}
</div>
{% endblock %}
{% block content %}
<div id="text">
<strong>Con vuestras cuotas</strong>, ademas de obtener conexion y multitud de servicios, estais<br>
Con vuestras cuotas, ademas de obtener conexion y multitud de servicios,<br>
Con vuestras cuotas, ademas de obtener conexion <br>
Con vuestras cuotas, ademas de obtener <br>
</div>
{% endblock %}
{% block footer %}
<hr>
{{ block.super }}
{% endblock %}