{# classified \App\ClassifiedsBundle\Entity\Classified #}
{# sections \App\SectionsBundle\Twig\SectionsExtension #}

{% extends ':default:subpage.html.twig' %}

{% block sidebar %}
    {{ parent() }}
    {% if sections.hasCurrent %} {# USED IN "MY ACCOUNT -> PROMOTE" #}
        {{ sidebar_promoted_companies(3) }}
        {#{% include '@Catalog/frontend/blocks/sidebar_top_companies.html.twig' %}#}
        {{ sidebar_promoted_classifieds() }}
        {% include ':blocks:we_recommend.html.twig' %}
    {% else %}
        {% include ':blocks:we_recommend.html.twig' %}
    {% endif %}
{% endblock %}

{% block subpage_content %}
    {% if classified is not empty %}
        {% if classified.isStatusAdded %}
            {% set payment_type_prefix = 'classified_promote' %}
            {% set column1_title = 'Pokaż ogłoszenie NA STRONIE GŁÓWNEJ' %}
            {% set column1_btn_label = 'Promuj ogłoszenie jako Polecane' %}
            {% set column1_payment_title = 'Ustawianie ogłoszenia jako Polecane' %}

            {% set column2_title = 'Pokaż ogłoszenie W WYNIKACH KATEGORII' %}
            {% set column2_btn_label = 'Promuj ogłoszenie jako Promowane' %}
            {% set column2_payment_title = 'Ustawianie ogłoszenia jako Promowane' %}

            {% set column3_title = 'Wyróżnij ogłoszenie NA LIŚCIE OGŁOSZEŃ' %}
            {% set column3_btn_label = 'Wyróżnij ogłoszenie' %}
            {% set column3_payment_title = 'Wyróżnianie ogłoszenia' %}
        {% else %}
            {% set payment_type_prefix = 'classified_add' %}
            {% set column1_title = 'Dodaj ogłoszenie pokazując je NA STRONIE GŁÓWNEJ' %}
            {% set column1_btn_label = 'Dodaj ogłoszenie jako Polecane' %}
            {% set column1_payment_title = 'Dodawanie ogłoszenia Polecane' %}

            {% set column2_title = 'Dodaj ogłoszenie pokazując je W WYNIKACH KATEGORII' %}
            {% set column2_btn_label = 'Dodaj ogłoszenie jako Promowane' %}
            {% set column2_payment_title = 'Dodawanie ogłoszenia Promowane' %}

            {% set column3_title = 'Dodaj ogłoszenie jako WYRÓŻNIONE na LIŚCIE OGŁOSZEŃ' %}
            {% set column3_btn_label = 'Dodaj ogłoszenie jako WYRÓŻNIONE' %}
            {% set column3_payment_title = 'Wyróżnianie ogłoszenia' %}
        {% endif %}

        <div class="classified_add_step2">
            {# CELL - FREE #}
            {% if classified.isStatusAdded == false %}
                <div class="classified_add_step2__col">
                    <form action="" method="post">
                        <div class="classified_add_step2__col_inner">
                            <div class="classified_add_step2__heading">
                                {{- 'Dodaj ogłoszenie BEZ PROMOWANIA'|raw -}}
                            </div>
                            <div class="alert--info">
                                <i class="fa fa-info"></i>
                                <p><b>Bezpłatnie</b></p>
                                <span>
                                    {{- 'Ogłoszenie zwykłe, bez wyróżnień.' -}}
                                </span>
                            </div>
                            <div class="classified_add_step2__nopayment">
                                {{- 'Brak opłat' -}}
                            </div>
                        </div>
                        <button
                            href="#"
                            class="btn btn--dark btn--nott"
                            name="add_free"
                        >
                            {{- 'Dodaj ogłoszenie bez promowania' -}}
                        </button>
                    </form>
                </div>
            {% endif %}
            {# CELL - highlighted #}
            <div class="classified_add_step2__col">
                <div class="classified_add_step2__col_inner">
                    <div class="classified_add_step2__heading">
                        {{- column3_title -}}
                        <i
                            class="fa fa-info-circle classified_add_step2__heading_info js-tooltip"
                        ></i>
                        <span class="hidden js-tooltip-content">
                            <img
                                class="img-responsive"
                                src="{{ asset('grafika/ogloszenia/premium-min.jpg') }}"
                                alt=""
                            >
                        </span>
                    </div>
                    <div class="alert--info">
                        <i class="fa fa-info"></i>
                        <p><b>Wyróżnienie</b></p>
                        <p>
                            {{- '- Ogłoszenie wyróżnione jest graficznie na liście ogłoszeń.' -}}
                        </p>
                        <p>
                            {{- '- Ogłoszenie wyróżnione wyświetla się w pierwszej kolejności przed ogłoszeniami zwykłymi.' -}}
                        </p>
                        <p>
                            {{- '- Ogłoszenie jest wyróżnione przez okres 7 dni.' -}}
                        </p>
                    </div>
                    <div class="classified_add_step2__payment">
                        {% include ':blocks:payment_radios.html.twig' with {
                            payment_radios_name: 'payment_type_hl',
                            sms_price: 2.46,
                            online_price: 1.23
                        } %}
                    </div>
                </div>
                <div class="payment_type_hl payment_type_hl-sms hidden">
                    {{ dotpay_sms_button({
                        button_text: column3_btn_label,
                        params: {
                            type: payment_type_prefix ~ '_highlight_sms',
                            id: classified.id
                        }
                    }) }}
                </div>
                <div class="payment_type_hl payment_type_hl-online">
                    {{ dotpay_button({
                        button_text: column3_btn_label,
                        price: '1.23',
                        currency: 'pln',
                        description: column3_btn_label ~ ' - Online',
                        params: {
                            type: payment_type_prefix ~ '_highlight',
                            id: classified.id
                        }
                    }) }}
                </div>
            </div>
            {# CELL - promoted #}
            <div class="classified_add_step2__col">
                <div class="classified_add_step2__col_inner">
                    <div class="classified_add_step2__heading">
                        {{- column2_title -}}
                        <i
                            class="fa fa-info-circle classified_add_step2__heading_info js-tooltip"
                        ></i>
                        <span class="hidden js-tooltip-content">
                            <img
                                class="img-responsive"
                                src="{{ asset('grafika/ogloszenia/premium-min.jpg') }}"
                                alt=""
                            >
                        </span>
                    </div>
                    <div class="alert--info">
                        <i class="fa fa-info"></i>
                        <p><b>Promowane</b></p>
                        <p>
                            {{- '- Ogłoszenie promowane wyświetla się na górze przy mapie na stronie głównej ogłoszeń działu Numizmatyka portalu moneka.pl' -}}
                        </p>
                        <p>
                            {{- '- Ogłoszenie wyświetla się rotacyjnie z innymi polecanymi ogłoszeniami' -}}
                        </p>
                        <p>
                            {{- '- Ogłoszenie jest promowane przez okres 7 dni.' -}}
                        </p>
                    </div>
                    <div class="classified_add_step2__payment">
                        {% include ':blocks:payment_radios.html.twig' with {
                            payment_radios_name: 'payment_type_p',
                            sms_price: 7.38,
                            online_price: 3.69
                        } %}
                    </div>
                </div>
                <div class="payment_type_p payment_type_p-sms hidden">
                    {{ dotpay_sms_button({
                        button_text: column2_btn_label,
                        params: {
                            type: payment_type_prefix ~ '_premium_sms',
                            id: classified.id
                        }
                    }) }}
                </div>
                <div class="payment_type_p payment_type_p-online">
                    {{ dotpay_button({
                        button_text: column2_btn_label,
                        price: '3.69',
                        currency: 'pln',
                        description: column2_btn_label ~ ' - Online',
                        params: {
                            type: payment_type_prefix ~ '_premium',
                            id: classified.id
                        }
                    }) }}
                </div>
            </div>
            {# CELL - recommended #}
            <div class="classified_add_step2__col">
                <div class="classified_add_step2__col_inner">
                    <div class="classified_add_step2__heading">
                        {{- column1_title|raw -}}
                        <i
                            class="fa fa-info-circle classified_add_step2__heading_info js-tooltip"
                        ></i>
                        <span class="hidden js-tooltip-content">
                            <img
                                class="img-responsive"
                                src="{{ asset('grafika/ogloszenia/premium_plus-min.jpg') }}"
                                alt=""
                            >
                        </span>
                    </div>
                    <div class="alert--info">
                        <i class="fa fa-info"></i>
                        <p><b>Polecane</b></p>
                        <p>
                            {{- '- Ogłoszenie polecane wyświetla się w lewym menu portalu (w Artykułach, Katalogu firm oraz Ogłoszeniach z działu Numizmatyka portalu moneka.pl)' -}}
                        </p>
                        <p>
                            {{- '- Ogłoszenie wyśeutela się rotacyjne z innymi polecanymi ogłoszeniami.' -}}
                        </p>
                        <p>
                            {{- '- Ogłoszenie jest polecane przez okres 7 dni.' -}}
                        </p>
                    </div>
                    <div class="classified_add_step2__payment">
                        {% include ':blocks:payment_radios.html.twig' with {
                            payment_radios_name: 'payment_type_pp',
                            sms_price: 12.30,
                            online_price: 6.15
                        } %}
                    </div>
                </div>
                <div class="payment_type_pp payment_type_pp-sms hidden">
                    {{ dotpay_sms_button({
                        button_text: column1_btn_label,
                        params: {
                            type: payment_type_prefix ~ '_premium_plus_sms',
                            id: classified.id
                        }
                    }) }}
                </div>
                <div class="payment_type_pp payment_type_pp-online">
                    {{ dotpay_button({
                        button_text: column1_btn_label,
                        price: '6.15',
                        currency: 'pln',
                        description: column1_payment_title ~ ' - Online',
                        params: {
                            type: payment_type_prefix ~ '_premium_plus',
                            id: classified.id
                        }
                    }) }}
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}

{% block javascripts %}
    <script type="text/javascript">
        $(function() {
            $('input.payment_type').click(function() {
                var $this = $(this);
                var value = $this.val();
                var name  = $this.attr('name');

                $('.' + name).removeClass('hidden').addClass('hidden');
                $('.' + name + '-' + value).removeClass('hidden');
            });

            $('.js-tooltip').tooltip({
                content: function() {
                    return $(this).parent().find('.js-tooltip-content').html();
                }
            });
        });
    </script>
{% endblock %}