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

{% block title %}Hello LoginController!{% endblock %}

{% block body %}

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header text-center p-3">
                    <span>Konto allegro</span>
                </div>
                <div class="card-body">
                    {% if me is null %}
                        <a href="{{ urlToken }}" target="_blank">Otwórz link w celu weryfikacji aplikacji</a>
                    {% else %}
                        <p>Nazwa konta: <b>{{ me.login }}</b></p>
                        <p><a href="{{ path('allegro_token_disconnect') }}">Odepnij konto</a></p>
                    {% endif %}

                    <p class="text-muted">Podana wycena jest szacunkowa i opiera się na aktualnej konfiguracji cennika Allegro oraz danych wpisanych w tym kalkulatorze. Zasady naliczania opłat oraz ich wysokość opisane są w załączniku nr 4 <a href="https://allegro.pl/regulamin/pl">regulaminu Allegro</a>.</p>
                </div>
            </div>
        </div>
    </div>

    <ul class="nav nav-tabs mt-5" id="calcTabs" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link {% if commissions is not defined %}active{% endif %}" id="calc-tab" data-bs-toggle="tab" data-bs-target="#calc" type="button" role="tab" aria-controls="calc" aria-selected="true">Kalkulator</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link {% if commissions is defined %}active{% endif %}" id="sum-tab" data-bs-toggle="tab" data-bs-target="#sum" type="button" role="tab" aria-controls="sum" aria-selected="false">Wyliczenie</button>
        </li>
    </ul>
    <div class="tab-content" id="calcTabsContent">
        <div class="tab-pane fade {% if commissions is not defined %}show active{% endif %}" id="calc" role="tabpanel" aria-labelledby="calc-tab">
            <div class="row mt-3">
                <div class="col-7">
                    <div class="card">
                        <div class="card-header text-center p-3">
                            <span>Kalkulator</span>
                        </div>
                        <div class="card-body">
                            {{ form_start(form) }}
                            {{ form_errors(form) }}
                            <div class="row align-items-end">
                                {% include '_form_partials/price_type.html.twig' with {
                                    "form_field_name": form.hurt_price,
                                } %}
                                {% include '_form_partials/percentage_type.html.twig' with {
                                    "form_field_name": form.vat_price,
                                } %}
                                {% include '_form_partials/price_type.html.twig' with {
                                    "form_field_name": form.sell_price,
                                } %}
                                {{ form_widget(form.category) }}
                            </div>
                            <div class="row align-items-end mt-3">
                                {% include '_form_partials/empty_label_type.html.twig' with {
                                    "form_field_name": form.smart,
                                } %}
                                {% include '_form_partials/percentage_type.html.twig' with {
                                    "form_field_name": form.percentage_want,
                                } %}
                            </div>
                            <div class="row align-items-end mt-3">
                                {% include '_form_partials/price_type.html.twig' with {
                                    "form_field_name": form.transport_price,
                                } %}
                                {% include '_form_partials/empty_label_type.html.twig' with {
                                    "form_field_name": form.allegro_auction_number,
                                } %}
                            </div>
                            <div class="row align-items-end mt-3">
                                {% include '_form_partials/empty_label_type.html.twig' with {
                                    "form_field_name": form.appearance,
                                } %}
                                {% include '_form_partials/empty_label_type.html.twig' with {
                                    "form_field_name": form.campaign,
                                } %}
                            </div>
                            <div class="row mt-3">
                                <div class="col">
                                    {{ form_row(form.submit) }}
                                </div>
                            </div>
                            {{ form_end(form) }}
                        </div>
                    </div>
                </div>


                <div class="col-5">
                    <div class="card">
                        <div class="card-header text-center p-3">
                            <span>Wybierz kategorie</span>
                        </div>
                        <div class="card-body">
                            <div class="example">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade {% if commissions is defined %}show active{% endif %}" id="sum" role="tabpanel" aria-labelledby="sum-tab">
            {% if commissions is defined %}
                <div class="row mt-3">
                    <div class="col">
                        <div class="card">
                            <div class="card-header text-center p-3">
                                <span>Wyliczenie</span>
                            </div>
                            <div class="card-body">
                                <div class="card-body">
                                    <ul>
                                        <li><p>Kwota pozostała po odliczeniu opłat: {{ (earnings - smart_price)|round(2) }} PLN ({{ ((earnings - smart_price) / sell_price * 100)|round(2) }}%)</p></li>
                                        <li><p>Potencjalny zarobek: {{ (earnings - hurt_price - smart_price)|round(2) }} PLN ({{ ((earnings - hurt_price - smart_price) / sell_price * 100)|round(2)}} %)</p></li>
                                        <li><p>Aby zarobić {{ percentage_want }}% cena produktu musi wynieść: {{ minimal_price|round(2) }} PLN</p></li>
                                        <li><p>Cena aukcji: {{ sell_price|round(2) }} PLN</p></li>
                                        <li><p>Cena zakup netto: {{ hurt_price_form|round(2) }} PLN</p></li>
                                        {% if vat %}
                                        <li><p>Podatek VAT: {{ vat }}%</p></li>
                                        {% endif %}
                                        <li><p>Cena zakupu brutto: {{ hurt_price|round(2) }} PLN</p></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-header text-center p-3">
                                <span>Opłaty transakcyjne</span>
                            </div>
                            <div class="card-body">
                                <ul>
                                    {% set sum = 0 %}
                                    {% for commission in commissions %}
                                        {% if commission.type is defined and commission.type == "commissionFee" and transport_price > 0 %}
                                            {% set percentageHeadPrvision = commission.fee.amount / sell_price * 100 %}
                                            <li><p>{{ commission.name }}: {{ commission.fee.amount|round(2) }} {{ commission.fee.currency }} ({{ percentageHeadPrvision|round(2) }}%)</p></li>
                                            <li><p>Prowizja od transportu: {{ (transport_price - (transport_price * (1-(percentageHeadPrvision/100))))|round(2) }} ({{ percentageHeadPrvision|round(2) }}%)</p></li>

                                            {% set sum = sum + commission.fee.amount %}
                                            {% set sum = sum + (transport_price - (transport_price * (1-(percentageHeadPrvision/100)))) %}
                                        {% else %}
                                            <li><p>{{ commission.name }}: {{ commission.fee.amount|round(2) }} {{ commission.fee.currency }} ({{ (commission.fee.amount / sell_price * 100)|round(2) }}%)</p></li>
                                            {% set sum = sum + commission.fee.amount %}
                                        {% endif %}
                                    {% endfor %}
                                    <li><p>Opłata SMART {{ smart_price }} PLN</p></li>
                                    {% set sum = sum + smart_price %}
                                </ul>
                            </div>
                            <div class="card-footer">
                                Suma opłat: {{ sum|round(2) }} PLN
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-header text-center p-3">
                                <span>Opłaty cykliczne</span>
                            </div>
                            <div class="card-body">
                                <ul>
                                    {% for quot in quotes %}
                                        {% if isElastic and quot.name == "Opłata za wyróżnienie" %}
                                            <li><p>{{ quot.name }} elastyczne: 2.90 {{ quot.fee.currency }} pobierane co 1 dni</p></li>
                                        {% else %}
                                            <li><p>{{ quot.name }}: {{ quot.fee.amount }} {{ quot.fee.currency }} pobierane co {{ quot.cycleDuration }} dni</p></li>
                                        {% endif %}
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            {% else %}

                <div class="row mt-3">
                    <div class="col">
                        <p>Uzupełnij najpierw dane</p>
                    </div>
                </div>
            {% endif %}
        </div>
    </div>


{% endblock %}