{% extends "base.html" %}

{% block page_title %}I.C. - Transaction {{ transaction.id }} {% endblock %}

{% block content %}

<div id="page" class=" sidebar_right">
    <div class="container">
        <div id="frame2">
            <div id="content">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <h1>Transaction {{ transaction.id }} <small>({{transaction.date}})</small></h1>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <form class="form-horizontal">
                            <table class="table table-striped table-bordered table-condensed">
                                <thead>
                                    <th class="centered">Montant (HTVA)</th>
                                    <th class="centered">Montant (TVAC)</th>
                                    <th class="centered">TVA</th>
                                    <th class="centered">Montant Déductible</th>
                                </thead>
                                <tr>
                                    {% if transaction.amountHTva < 0 %}
                                        <td class="push-right danger">{{ transaction.amountHTva }}</td>
                                    {% else %}
                                        <td class="push-right success">{{ transaction.amountHTva }}</td>
                                    {% endif %}
                                    {% if transaction.amountTva < 0 %}
                                        <td class="push-right danger">{{ transaction.amountTva }}</td>
                                    {% else %}
                                        <td class="push-right success">{{ transaction.amountTva }}</td>
                                    {% endif %}
                                    <td class="push-right">{{ transaction.displayTVA }}</td>
                                    <td class="push-right">{{ transaction.amountDeductible }}</td>
                                </tr>
                            </table>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Description</label>
                                <div class="col-sm-10">
                                    {{ transaction.description }}
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Quotité</label>
                                <div class="col-sm-10">
                                    {{ transaction.quotity }}
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Notes</label>
                                <div class="col-sm-10">
                                    {{ transaction.notes }}
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>      
        </div>
    </div>
</div>


{% endblock %}