{% extends 'pdf_base.html.twig' %}

{% block style %}
    <style>
        .container {
            width: 630px;
            margin: 0 auto;
        }

        .wrapper {
            text-align: center;
            margin-top: 2rem;
            font-size: 14px;
        }

        .seller {
            float: left;
            max-width: 300px;
        }

        ul {
            padding-left: 0;
        }

        .user {
            float: right;
            width: 250px;
        }

        .seller li, .user li {
            list-style-type: none;
        }

        .mb-10 {
            margin-bottom: 10px;
        }
        .mb-30 {
            margin-bottom: 30px;
        }
        .mb-50 {
            margin-bottom: 50px;
        }

        .clearfix::after {
            content: "";
            clear: both;
            display: table;
        }

        .place {
            float: right;
        }

        .image-left {
            float: left;
        }


        .text-right {
            text-align: right;
        }

        .banner-first {
            max-width: 630px;
            height: 150px;
            position: absolute;
            bottom: 0;
        }


        .page_break {
            page-break-before: always;
        }

        table {
            border-collapse: collapse;
            font-size: 12px;
            margin-bottom: 10px;
            text-align: center;
            width: 100%;
        }

        th, td {
            border: 0.01rem solid;
            font-weight: normal;
        }


        .nav__object p {
            overflow-wrap: break-word;
            margin-top: 1px;
        }

        th.id, th.date {
            width: 20%;
        }

        th.lp {
            width: 5%;
        }

        th.name {
            width: 40%;
        }

        th.price {
            width: 15%;
        }

        td {
            padding: 0.3rem;
        }

        td.price {
            text-align: right;
        }

        .c-red {
            color: #b42912;
        }



    </style>
{% endblock %}

{% block content %}
    {% set currentDate = "now"|date('d.m.Y') %}
    <div class="container">

        <div class="wrapper clearfix mb-50">
            <div class="image-left">
                <div>
{#                    <img src="{{ absolute_url(asset('/assets/images/pdf-logo.png')) }}" alt="">#}
                    <img src="https://api.salvatti.edu.pl/assets/images/pdf-logo.png" alt="">
                </div>
            </div>
            <div class="place">
                Ząbki {{ currentDate }}
            </div>
        </div>
        <div class="wrapper mb-50">
            <h3>Zaświadczenie o wysokości otrzymanej darowizny w roku {{ year }}</h3>
        </div>
        <div class="clearfix  mb-50" >
            <ul class="seller">
                <li class="mb-10">Dane obdarowanego:</li>
                <li><b>Pallotyńska Fundacja Misyjna Salvatti.pl</b></li>
                <li>ul. Wilcza 8; 05-091 Ząbki</li>
                <li>REGON: 141501690</li>
                <li>NIP: 125-15-01-220</li>
                <li class="mb-10">KRS: 0000309499</li>
                <li>Forma prawna: <b>Fundacja</b></li>
                <li>Status: <b>Organizacja Pożytku Publicznego</b></li>
            </ul>

            <ul class="user">
                <li class="mb-10">Dane Darczyńcy:</li>
                <li>Imię <b>{{ name }}</b></li>
                <li>Nazwisko <b>{{ surname }}</b></li>
                <li>Mail: {{ email }}</li>
            </ul>
        </div>
        <p class="mb-30">
            Potwierdzamy otrzymanie od Darczyńcy na nasz rachunek bankowy darowizn pieniężnych, które w roku {{ year }}
            wyniosły łącznie <b>{{ summaryPrice|number_format(2, ',', ' ') }} zł</b>. Darowizny zostały przekazane za pośrednictwem serwisu
            internetowego
            <a href="https://salvatti.edu.pl" target="_blank">https://salvatti.edu.pl</a>, a szczegółowy wykaz zrealizowanych płatności z
            oznaczeniem ich identyfikatorów
            uwidoczniony jest na drugiej stronie niniejszego zaświadczenia. Oświadczamy, że darowizny zostały przyjęte.
        </p>
        <p class="mb-50">
            <b>Drogi Darczyńco</b>, dziękujemy Ci za Twoje dotychczasowe zaangażowanie, które pomaga czynić ten świat
            lepszym. Zachęcamy Cię do włączenia się w realizowane przez nas projekty, których szczegóły poznasz w
            naszych
            serwisach: <a href="www.salvatti.pl" target="_blank">www.salvatti.pl</a> i <a href="https://salvatti.edu.pl" target="_blank">https://salvatti.edu.pl</a>.
        </p>

        <p>
            Dziękujemy i serdecznie pozdrawiamy,
        </p>
        <p class="mb-50">
            Zarząd Pallotyńskiej Fundacji Misyjnej Salvatti.pl
        </p>

        <div>
            <a class="banner-first" href="https://www.e-pity.pl/pity-2021/akcja-e-life-jeden-procent-2022-KRS-0000309499--33190" target="_blank">
{#                <img class="banner-first" src="{{ absolute_url(asset('/assets/images/e-pity.jpg')) }}" alt="">#}
                <img class="banner-first" src="https://api.salvatti.edu.pl/assets/images/e-pity.jpg" alt="">
            </a>
        </div>

        <div class="page_break"></div>


        <div class="wrapper clearfix mb-50">
            <div class="image-left">
                <div>
{#                    <img src="{{ absolute_url(asset('/assets/images/pdf-logo.png')) }}" alt="">#}
                    <img src="https://api.salvatti.edu.pl/assets/images/pdf-logo.png" alt="">
                </div>
            </div>
            <div class="place">
                Ząbki {{ currentDate }}
            </div>
        </div>

        <div class="wrapper">
            <h3>Wykaz przyjętych darowizn w roku {{ year }}</h3>
        </div>

        <div class="orders mb-10">
            <table>
                <thead>
                <tr>
                    <th class="lp">L.p.</th>
                    <th class="name">Nazwa zbiórki</th>
                    <th class="date">Data płatności</th>
                    <th class="id">Identyfikator</th>
                    <th class="price">Kwota</th>
                </tr>
                </thead>
                <tbody>
                {% for key, order in orders %}
                    <tr>
                        <td>{{ key+1 }}</td>
                        <td>{{ order.unitTitle }}</td>
                        <td>{{ order.verifiedAt }}</td>
                        <td><span class="c-red">{{ order.transactionNumber }}</span></td>
                        <td class="price">{{ order.price|number_format(2, ',', ' ') }} zł</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        <p class="text-right">
            <b>Suma {{ summaryPrice|number_format(2, ',', ' ') }} zł</b>
        </p>

    </div>
{% endblock %}