{% set products = __SELF__.offers %}
<!-- Breadcumb Area -->
<div class="breadcumb_area">
    <div class="container h-100">
        <div class="row h-100 align-items-center">
            <div class="col-12">
                <h5>{{ 'profileDropdown.Harytlarym'|_ }}</h5>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ 'index'|page }}">{{ 'breadcrumbEsasySahypa'|_ }}</a></li>
                    <li class="breadcrumb-item active">{{ 'profileDropdown.Harytlarym'|_ }}</li>
                </ol>
            </div>
        </div>
    </div>
</div>
<!-- Breadcumb Area -->

<!-- Wishlist Table Area -->
<div class="wishlist-table section_padding_100 clearfix">
    <div class="container">
    
    {% if products.count() == 0 %}
        <div class="container mb-5">
            <div class="row d-block justify-content-center align-items-center">
                <div class="col-6 d-block mx-auto">
                   <div class="text-center">
                      <img src="{{ 'assets/img/core-img/no-products.png'|theme }}" alt="Gurluşyk, Gurluşyk platform, bezeg gurluşyk, gipsler merkezi">
                  </div>
                </div>
                <div class="col-6 d-block mx-auto">
                   <div class="text-center">
                      <p>{{ 'product.SuwagtlykcaHarytYok'|_ }}</p>
                  </div>
                </div>
              </div>
        </div>
   {% else %}
        <div class="row">
            {% partial "user/menu" %}
        
            <div class="col-12 col-lg-9">
                <div class="cart-table wishlist-table">
                    <div class="table-responsive">
                        <table class="table table-bordered mb-30">
                            <thead>
                                <tr>
                                    <th scope="col">{{ 'product.Surat'|_ }}</th>
                                    <th scope="col">{{ 'product.HarytAdy'|_ }}</th>
                                    <th scope="col">{{ 'product.Bahasy'|_ }}</th>
                                    <th scope="col">{{ 'checkout.Status'|_ }}</th>
                                    <th scope="col"></th>
                                </tr>
                            </thead>
                            <tbody>
    
                                {% for product in products %}
                                    <tr>
                                        <td>
                                            <img src="{{ product.images[0].thumb(60,60, { mode: 'crop' }) }}" alt="Gurluşyk, Gurluşyk platform, bezeg gurluşyk, gipsler merkezi, {{ product.name }}">
                                        </td>
                                        <td>
                                            <a href="{{ 'product'|page({id: product.id}) }}">{{ product.name }}</a>
                                        </td>
                                        <td>{{ product.price }} TMT</td>
                                        <td>
                                            {% if product.status == 'new' %}
                                                <span class="badge badge-warning">{{ 'awaiting'|_ }}</span>
                                                
                                            {% else %}
                                                <span class="badge badge-success">{{ 'confirmed'|_ }}</span>
                                                
                                            {% endif %}
                                        </td>
                                        <td align="center" width="25%">
                                        <button 
                                            data-request="onDeleteOffer"
                                            data-request-data="id: {{product.id}}"
                                            data-request-flash
                                            class="btn btn-primary btn-sm mb-1">{{ 'product.Pozmak'|_ }}</button>
                                            <a href="{{ 'addProduct'|page({productId: product.id}) }}" class="btn btn-primary btn-sm">{{ 'product.Uytgetmek'|_ }}</a>
                                        </td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
                
                
                {% if products.hasPages %}
                    <div class="shop_pagination_area mt-30">
                        <nav aria-label="Page navigation">
                            <ul class="pagination pagination-sm justify-content-center">
                                {% if products.currentPage > 1 %}
                                    <li class="page-item"><a class="page-link" href="{{ products.previousPageUrl }}{{params}}">{{ 'paginationOnki'|_ }}</a></li>
                                {% endif %}
                    
                                {% for page in range(1, products.lastPage) %}
                                    {% if page == products.currentPage %}
                                        <li class="page-item active"><a class="page-link" href="{{ products.url(page) }}{{params}}">{{ page }}</a></li>
                                    {% elseif page > products.currentPage - 3 and page < products.currentPage + 3 %}
                                        <li class="page-item"><a class="page-link" href="{{ products.url(page) }}{{params}}">{{ page }}</a></li>
                                    {% elseif page == products.currentPage + 3 or page == products.currentPage - 3 %}
                                        <li>...</li>
                                    {% endif %}
                                {% endfor %}
                    
                                {% if products.lastPage > products.currentPage %}
                                    <li class="page-item"><a class="page-link" href="{{ products.nextPageUrl }}{{params}}">{{ 'paginationIndiki'|_ }}</a></li>
                                {% endif %}
                            </ul>
                        </nav>
                    </div>
                {% endif %}
                
                
                
            </div>
        </div>
   {% endif %}
    
    
        
    </div>
</div>