{% extends 'admin/base-invoice.html.twig' %}

{% block title %}Facture {{ invoice.invoiceNumber }}{% endblock %}

{% block body %}


    <div id="page-content" style="padding: 0px 20px 0;">

        <div class="panel">
            <div class="panel-body">
                <div class="invoice-masthead">
                    <div class="invoice-text">
                        <h3 class="h1 text-uppercase text-thin mar-no text-primary">FACTURE</h3>
                    </div>
                    <div class="invoice-brand" style="white-space:nowrap">
                        <div class="invoice-logo">
                            <img src="{{ asset('assets/img/logo/invoice-logo.png') }}"/> ARA Solutions
                        </div>
                        <div>
                            55 rue Louis Lagorgette<br/>
                            33150 Cenon<br/>
                            France
                        </div>
                    </div>
                </div>

                <div class="invoice-bill row">
                    <div class="col-sm-6 text-xs-center">
                        <address>
                            <strong class="text-main">{{ invoice.firstName }} {{ invoice.lastName }}</strong><br>
                            {{ invoice.address }}<br>
                            {% if invoice.address2 is defined and invoice.address2 is not null %}
                                {{ invoice.address2 }}<br>
                            {% endif %}
                            {{ invoice.postCode }} {{ invoice.city }}<br>
                            {{ invoice.country }}
                        </address>
                    </div>
                    <div class="col-sm-6 text-xs-center">
                        <table class="invoice-details">
                            <tbody>
                            <tr>
                                <td class="text-main text-bold">Facture #</td>
                                <td class="text-right text-info text-bold">{{ invoice.invoiceNumber }}</td>
                            </tr>
                            <tr>
                                <td class="text-main text-bold">Etat</td>
                                <td class="text-right"><span class="badge badge-success">Complete</span></td>
                            </tr>
                            <tr>
                                <td class="text-main text-bold">Date de la facture</td>
                                <td class="text-right">{{ invoice.invoiceNumber }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <hr class="new-section-sm bord-no">

                <div class="row">
                    <div class="col-lg-12 table-responsive">
                        <table class="table table-bordered invoice-summary">
                            <thead>
                            <tr class="bg-trans-dark">
                                <th class="text-uppercase">Description</th>
                                <th class="min-col text-center text-uppercase">Quantité</th>
                                <th class="min-col text-center text-uppercase">Prix unitaire HT</th>
                                <th class="min-col text-right text-uppercase">Prix total HT</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <strong>{{ invoice.title }}</strong>
                                    <small>{{ invoice.description }}</small>
                                </td>
                                <td class="text-center">{{ invoice.quantity }}</td>
                                <td class="text-center">{{ invoice.unitPrice }}</td>
                                <td class="text-right">{{ invoice.price }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="clearfix">
                    <table class="table invoice-total">
                        <tbody>
                        <tr>
                            <td><strong>Sous total :</strong></td>
                            <td>{{ invoice.totalAmount }} €</td>
                        </tr>
                        <tr>
                            <td><strong>Remise :</strong></td>
                            <td>0</td>
                        </tr>
                        <tr>
                            <td><strong>TVA ({{ invoice.vatRate }}%) :</strong></td>
                            <td>{{ invoice.totalAmount*invoice.vatRate/100 }} €</td>
                        </tr>
                        <tr>
                            <td><strong>TOTAL TTC :</strong></td>
                            <td class="text-bold h4">{{ invoice.totalAmount*invoice.vatRate/100+invoice.totalAmount }} €</td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <div class="text-right no-print">
                    <a href="javascript:window.print()" class="btn btn-default"><i class="demo-pli-printer icon-lg"></i></a>
                </div>

                <hr class="new-section-sm bord-no">

                <div>
                    <p>Pas d'escompte.</p>
                    <p>Tout incident de paiement est passible de pénalités de retard calculées sur la base de trois fois le taux d’intérêt légal en vigueur en France, avec un montant d’indemnité forfaitaire minimum de 40 euros.</p>
                </div>

                <div class="well well-sm">
                    <p>ARA SOLUTIONS - SARL au capital de 1 050,00 € - N° Siret : 80743660500016 - RCS : Bordeaux B 807 436 605</p>
                </div>

            </div>
        </div>

    </div>

{% endblock %}

{% block javascripts %}
{% endblock %}