<section class="contact-block cart container">
    <div class="row shop-calculation checkout">
        <div class="col-sm-8 col-xs-12">

            <div class="block">
                <table class="cart-table">
                    <tbody>
                        <tr>
                            <td>
                                <h2>@Messages("utink.dashboard.invoice.tableTitle")</h2>
                            </td>
                        </tr>
                        <tr>
                            <td>@Messages("utink.dashboard.invoice.invoiceNumber")</td>
                            <td class="col-2">@element.getCharge.getPayment.getInvoiceNumber</td>
                        </tr>
                        <tr>
                            <td>@Messages("utink.dashboard.invoice.dateOfPayment")</td>
                            <td class="col-2">
                                @element.getCharge.getPayment.getDateOfPayment.format("dd.MM.yyyy hh:mm")
                            </td>
                        </tr>
                        <tr>
                            <td>@Messages("utink.dashboard.invoice.paymentAmount")</td>
                            <td class="col-2">@BigDecimal(element.getCharge.getPayment.getAmount).setScale(2, BigDecimal.RoundingMode.HALF_UP)</td>
                        </tr>
                        <tr>
                            <td>@Messages("utink.dashboard.invoice.chargePeriod")</td>
                            <td class="col-2">
                                @element.getCharge.getPeriodStart.format("dd.MM.yyyy") - @element.getCharge.getPeriodEnd.format("dd.MM.yyyy")
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <a class="btn btn-info" href="@routes.DashboardController.dashboard()">@Messages("utink.dashboard.invoice.back")</a>
        </div>
    </div>
</section>