<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>Invoice Detail</h5>
            </div>
            <div class="ibox-content">
                <div class="table-responsive">

                    <table class="table">
                        <tr>
                            <td colspan="2"
                                class="invoice-smaller-text">
                                TBuddy UG (haftungsbeschränkt) - Freschenhausener Weg 3 - 21220 Seevetal
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 66%">
                                <h6>RECHNUNGSEMPFÄNGER</h6>
                                <% if ( data.invoice.billing_company_name && data.invoice.billing_company_name.length ) { %>
                                <strong><%= data.invoice.billing_company_name %></strong><br />
                                <% }    %>
                                <% if (  data.invoice.billing_company_tax_id && data.invoice.billing_company_tax_id.length ) { %>
                                <%= data.invoice.billing_company_tax_id %><br />
                                <br />
                                <% }    %>
                                <%= data.invoice.billing_first_name %> <%= data.invoice.billing_last_name %><br />
                                <%= data.invoice.billing_street %><br />
                                <%= data.invoice.billing_zip %> <%= data.invoice.billing_city %>
                            </td>
                            <td>
                                <table class="table table-invoice-data">
                                    <tr>
                                        <td>Rechnungsdatum</td>
                                        <td><%= moment( data.invoice.billing_date_dt.date ).format( 'd.M.YYYY' ) %></td>
                                    </tr>
                                    <tr>
                                        <td>Kundennummer</td>
                                        <td><%= data.invoice.account_id %></td>
                                    </tr>
                                    <tr>
                                        <td>Rechnungsnummer</td>
                                        <td><%= data.invoice.billing_id %></td>
                                    </tr>
                                    <% if ( data.invoice.billing_period_start_dt && data.invoice.billing_period_end_dt ) {  %>
                                    <tr>
                                        <td class="text-right">Abrechnungszeitraum</td>
                                        <td><%= moment( data.invoice.billing_period_start_dt.date ).format( 'MMMM YYYY' ) %> - <%= moment( data.invoice.billing_period_end_dt.date ).format( 'MMMM YYYY' ) %></td>
                                    </tr>
                                    <% }    %>
                                    <tr>
                                        <td>Vorauszahlung</td>
                                        <td>1 Monat</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <h4>RECHNUNG</h4>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <table class="table table-bordered table-hover table-invoice">
                                    <thead>
                                    <tr>
                                        <th>Beschreibung</th>
                                        <th>Betrag</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>
                                            <strong><%= data.invoice.package_name %></strong> Paket
                                            <br /><small>für das Team <strong><%= data.invoice.team_name %></strong>.</small>
                                        </td>
                                        <td>
                                            <%= ( data.invoice.package_price - data.invoice.package_tax ) %> EUR
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="invoice-smaller-text">
                                            Summe netto
                                        </td>
                                        <td class="invoice-smaller-text"><%= ( data.invoice.package_price - data.invoice.package_tax ) %> EUR</td>
                                    </tr>
                                    <tr>
                                        <td class="invoice-smaller-text">
                                            zzgl. 19% MwSt.
                                        </td>
                                        <td class="invoice-smaller-text"><%= data.invoice.package_tax %> EUR</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Summe brutto</strong></td>
                                        <td><strong><%= data.invoice.package_price %> EUR</strong></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <table class="table invoice invoice-footer">
                                    <tr>
                                        <td>
                                            TBuddy UG (haftungsbeschränkt)<br />
                                            Freschenhausener Weg 3<br />
                                            21220 Seevetal
                                        </td>
                                        <td>
                                            Fidor Bank AG<br />
                                            IBAN: DE18700222000020094633<br />
                                            BIC: FDDODEMMXXX
                                        </td>
                                        <td>
                                            Eintragung im Handelsregister<br />
                                            Registergericht: Lüneburg<br />
                                            Registernummer: 205951
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>

                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <button data-id="btn-print-invoice"
                                class="btn btn-primary hide-during-print">
                            Print
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>