{% 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>Harytlarym</h5>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ 'index'|page }}">Esasy sahypa</a></li>
                    <li class="breadcrumb-item active">Harytlarym</li>
                </ol>
            </div>
        </div>
    </div>
</div>
<!-- Breadcumb Area -->

<!-- Wishlist Table Area -->
<div class="wishlist-table section_padding_100 clearfix">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="cart-table wishlist-table">
                    <div class="table-responsive">
                        <table class="table table-bordered mb-30">
                            <thead>
                                <tr>
                                    <th scope="col">Surat</th>
                                    <th scope="col">Haryt ady</th>
                                    <th scope="col">Bahasy</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="Product">
                                        </td>
                                        <td>
                                            <a href="{{ 'product'|page({id: product.id}) }}">{{ product.name }}</a>
                                        </td>
                                        <td>{{ product.price }} TMT</td>
                                        <td><button 
                                            data-request="onDeleteOffer"
                                            data-request-data="id: {{product.id}}"
                                            data-request-flash
                                            class="btn btn-primary btn-sm">Pozmak</button></td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>