{# title string #}
{# classifieds \App\ClassifiedsBundle\Entity\Classified[] #}
{# paginator \Pagerfanta\Pagerfanta #}
{# slug string #}
{# active bool #}

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

{% import 'macros.twig' as macros %}
{% import '@Classifieds/frontend/macros.twig' as price_macros %}

{% set myAccountClassifiedsModalId = 'myAccountClassifieds' %}

{% block sidebar %}
    {{ parent() }}
    {% include ':blocks:we_recommend.html.twig' %}
{% endblock %}

{% block main_content %}
    {{ parent() }}

    {%- include '@Core/frontend/blocks/popup.html.twig' with {
        popupId: myAccountClassifiedsModalId,
        popupTitle: 'Potwierdzenie operacji',
        opt1Label: 'Nie',
        opt2Label: 'Tak',
        popupBody: '',
    } -%}
{% endblock %}

{% block subpage_content %}
    {% include '@User/frontend/user_account/buttons.html.twig' %}
    <p class="my_classifieds__buttons">
        <a
            class="btn btn--light3 my_classifieds__btn{{ active ? '  my_classifieds__btn--active' : '' }}"
            href="{{ path('my_account_classifieds', { slug: 'aktywne'}) }}"
        >
            {{- 'Aktywne' -}}
        </a>
        <a
            class="btn btn--light3 my_classifieds__btn{{ active ? '' : ' my_classifieds__btn--active' }}"
            href="{{ path('my_account_classifieds', { slug: 'nieaktywne'}) }}"
        >
            {{- 'Nieaktywne' -}}
        </a>
    </p>
    {% if classifieds|length > 0 %}
        <div class="block_list_table">
            <div class="block_list_table__row block_list_table__row--header row">
                <div class="block_list_table__col col-lg-12 col-md-12">
                    {{- 'Ogłoszenie' -}}
                </div>
                <div class="block_list_table__col col-lg-12 col-md-12 hidden-sm hidden-xs">
                    {{- 'Opcje' -}}
                </div>
            </div>
            {% for classified in classifieds %}
                <div
                    class="block_list_table__row row"
                    data-id="{{ classified.locale.slug }}"
                >
                    <div class="col-lg-13 col-md-12 block_list_table__col">
                        {% include '@Classifieds/blocks/block_list_item_classifieds.html.twig' with {
                            classified: classified
                        } %}
                    </div>
                    <div class="col-lg-11 col-md-12 block_list_table__col block_list_table__col--options text-center">
                        {% if slug == 'aktywne' %}
                            <a
                                href="{{ path('my_account_classifieds_promote', { id: classified.id }) }}"
                                class="btn btn--light3 {% if classified.isPromoted %}btn--disabled btn--not_hoverable{% endif %}"
                                title="{{ 'Kliknij, aby wypromować ogłoszenie ' ~ classified.locale.name }}"
                            >
                                <i class="fa fa-star"></i>
                                <span class="btn__label">
                                    {{- 'Promuj' -}}
                                </span>
                            </a>
                        {% endif %}
                        {% if classified.displayDeadlineReached == false %}
                            <a
                                class="btn btn--light3"
                                href="{{ path('edit_classified', { slug: classified.locale.slug }) }}"
                                title="{{ 'Kliknij, aby edytować ogłoszenie ' ~ classified.locale.name }}"
                                data-operation="end"
                            >
                                <i class="fa fa-pencil"></i>
                                <span class="btn__label">
                                    {{- 'Edytuj' -}}
                                </span>
                            </a>
                        {% else %}
                            <a
                                class="btn btn--light3"
                                data-toggle="modal"
                                data-target="#{{ myAccountClassifiedsModalId }}"
                                title="{{ 'Kliknij, aby przedłużyć ogłoszenie ' ~ classified.locale.name }}"
                                data-operation="renew"
                            >
                                <i class="fa fa-play"></i>
                                <span class="btn__label">
                                    {{- 'Przedłuż' -}}
                                </span>
                            </a>
                        {% endif %}
                        <a
                            class="btn btn--light3"
                            title="{{ 'Kliknij, aby usunąć ogłoszenie ' ~ classified.locale.name }}"
                            data-toggle="modal"
                            data-target="#{{ myAccountClassifiedsModalId }}"
                            data-operation="remove"
                        >
                            <i class="fa fa-trash"></i>
                            <span class="btn__label">
                                {{- 'Usuń' -}}
                            </span>
                        </a>
                    </div>
                </div>
            {% endfor %}
        </div>

        {%- include '@Core/frontend/blocks/paginator_numbers.html.twig' with {
            route_params: {
                slug: slug
            }
        } -%}
    {% else %}
        <div class="alert">
            {{- 'page.my_classifieds.message.info.list_empty'|trans -}}
        </div>
    {% endif %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        $(function() {
            $('.block_list_table .btn--disabled').click(function(e) {
                e.preventDefault();
            });

            $('#{{ myAccountClassifiedsModalId }}').on('show.bs.modal', function(event) {
                var $modal    = $(this);
                var $button   = $(event.relatedTarget);
                var $item     = $button.closest('.row');
                var operation = $button.data('operation');
                var title     = $item.find('.js-classified-name').text();
                var $body     = $modal.find('.modal-body');
                var slug      = $item.data('id');

                switch(operation) {
                    case 'remove':
                        $body.text(
                            'Czy na pewno chcesz usunąć ogłoszenie "' + title + '"?'
                        );
                        break;
                    case 'promote':

                        break;
                    case 'renew':
                        $body.text(
                            'Czy na pewno chcesz przedłużyć ogłoszenie "' + title + '"?'
                        );
                        break;
                }

                $modal.find('.js-modal-submit').click(function() {
                    var type;
                    var data = {};

                    switch(operation) {
                        case 'remove':
                            type = 'DELETE';
                            break;
                        case 'promote':
                            type = 'POST';
                            break;
                        case 'renew':
                            type = 'POST';
                            data = {displayDeadline: 'renew'};
                            break;
                    }

                    $.ajax({
                        type: type,
                        url: '{{ path('api_my_account_classifieds') }}/' + slug,
                        data: $.param(data),
                        dataType: 'json'
                    }).done(function(response) {
                        if(response.status === 'success') {
                            switch(operation) {
                                case 'remove':
                                    $modal.modal('hide');
                                    $item.append(
                                        '<span class="block_list_table__message">' +
                                        'Ogłoszenie usunięte'
                                        + '</span>'
                                    );
                                    break;
                                case 'promote':
                                    break;
                                case 'renew':
                                    $modal.modal('hide');
                                    $item.remove();
                                    break;
                            }
                        } else {
                           window.location.reload(true);
                        }
                    });
                });
            });
        });
    </script>
{% endblock %}