{% extends "theme::layouts/default" %}

{% block content %}
    {% embed 'visiosoft.module.profile::profile/index' %}
        {% block detail %}
            <div class="row px-3">
                <div class="col-md-12 profile-section px-0 border profile-wrapper">
                    <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent">
                        <div class="tab-pane fade show active" id="nav-profile" role="tabpanel"
                             aria-labelledby="nav-profile-tab">
                            <div class="col-12 mb-4 mb-md-5 mt-md-3 px-3 px-sm-5 ">
                                <h3>{{ trans('visiosoft.module.advs::field.my_ads.name') }}</h3>
                                {{ addBlock('profile/ads/header')|raw }}
                            </div>
                            <div class="col-md-12 advs-section">
                                <div class=" p-2 py-3 mt-2 rounded">
                                    <a href="{{ url_route('advs::create_adv') }}" class="btn btn-lg btn-outline-primary">
                                        <i class="fas fa-plus-circle"></i>
                                        {{ trans("visiosoft.theme.base::button.post_ad.name") }}
                                    </a>
                                    {% if auth_user().hasRole('admin') and setting_value('visiosoft.module.profile::show_extends_actions') %}
                                        <a href="{{ url_route("advs::extendAll") }}" class="btn btn-lg btn-outline-secondary">
                                            {{ trans('visiosoft.module.profile::button.extend_all') }}
                                        </a>
                                        <a href="{{ url_route("advs::extendAll") }}?unpublished=1" class="btn btn-lg btn-outline-secondary">
                                            {{ trans('visiosoft.module.profile::button.extend_unpublished') }}
                                        </a>
                                    {% endif %}
                                </div>
                                <nav class="profile-advs-tab">
                                    <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
                                        {% set type = app.request.get('type') ?: 'approved' %}
                                        <a class="nav-item nav-link text-dark{{ type == 'approved' ? ' active' : '' }}"
                                           data-type="approved" id="nav-approved-tab" data-toggle="tab" href="#nav-approved"
                                           role="tab" aria-controls="nav-detail" aria-selected="true">
                                            {{ trans('visiosoft.module.advs::field.my_ads.name') }}
                                        </a>
                                        <a class="nav-item nav-link text-dark{{ type == 'pending' ? ' active' : '' }}"
                                           data-type="pending" id="nav-pending-tab" data-toggle="tab" href="#nav-pending"
                                           role="tab" aria-controls="nav-pending" aria-selected="true">
                                            {{ trans('visiosoft.module.advs::field.pending_adv.name') }}
                                        </a>
                                    </div>
                                </nav>

                                <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent">
                                    <div class="tab-pane fade{{ type == 'approved' ? ' show active' : '' }}" id="nav-approved"
                                         role="tabpanel" aria-labelledby="nav-approved-tab">
                                    </div>
                                    <div class="tab-pane fade{{ type == 'pending' ? ' show active' : '' }}" id="nav-pending"
                                         role="tabpanel" aria-labelledby="nav-pending-tab">
                                    </div>
                                    <div class="tab-pane fade" id="nav-passive"
                                         role="tabpanel" aria-labelledby="nav-passive-tab">
                                    </div>
                                    <!-- Pagination links -->
                                    <nav aria-label="Page navigation example">
                                        <ul class="pagination justify-content-center">
                                            <li class="page-item">
                                                <a id="btn_prev" class="page-link d-flex justify-content-center align-items-center" href="javascript:prevPage()"><</a>
                                            </li>
                                            <li class="page-item"><span id="page" class="page-link d-flex justify-content-center align-items-center">1</span></li>
                                            <li class="page-item">
                                                <a id="btn_next" class="page-link d-flex justify-content-center align-items-center" href="javascript:nextPage()">></a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script>
                var approve = "{{ trans('visiosoft.module.advs::field.approve') }}";
                var passive = "{{ trans('visiosoft.module.advs::field.passive') }}";
                var delete_ad = "{{ trans('visiosoft.module.profile::button.delete') }}";
                var edit_ad = "{{ trans('visiosoft.module.profile::button.edit') }}";
                var ads_per_page = "{{ setting_value('streams::per_page') }}";
                var no_ads_message = "{{ trans('visiosoft.module.advs::field.no_ads') }}";
                let userStatus = JSON.parse(`{{ userStatus|raw }}`);
                let statusChangeLink = `{{ changeStatusUrl }}`;
                let dropdownBlock = `{{ addBlock('profile/dropdown-ad', {'id': ':id'})|raw }}`;
                var changeStatusTrans = "{{ trans('visiosoft.module.profile::field.change_status') }}";
            </script>
            {{ asset_add('scripts.js','visiosoft.module.profile::assets/js/ads.js') }}
        {% endblock %}
    {% endembed %}
{% endblock %}