title = "Esasy sahypa"
url = "/"
layout = "default"
description = "Home page description"
is_hidden = 0

[builderList]
modelClass = "TPS\Birzha\Models\SliderApp"
scope = "scopeMainSlider"
scopeValue = "{{ :scope }}"
displayColumn = "img"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[builderList builderList2]
modelClass = "TPS\Birzha\Models\SliderApp"
scope = "scopeSlider2Type"
scopeValue = "{{ :scope }}"
displayColumn = "img"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[builderList builderList3]
modelClass = "TPS\Birzha\Models\Product"
scope = "scopeVipProducts"
scopeValue = "vip"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[builderList builderList4]
modelClass = "TPS\Birzha\Models\Category"
scope = "scopeActiveAndParent"
scopeValue = "{{ :scope }}"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsKeyColumn = "slug"
detailsUrlParameter = "slug"
pageNumber = "{{ :page }}"

[builderList builderList5]
modelClass = "RainLab\User\Models\User"
scope = "scopeIsFeatured"
scopeValue = "{{ :scope }}"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[session]
security = "all"
redirect = "index"
==
{% set sliders = builderList.records %}
{% set brandSliders = builderList2.records %}
{% set products = builderList3.records %}
{% set categories = builderList4.records %}
{% set users = builderList5.records %}


{% set displayColumn = builderList.displayColumn %}
{% set noRecordsMessage = builderList.noRecordsMessage %}
{% set detailsPage = builderList.detailsPage %}
{% set detailsKeyColumn = builderList.detailsKeyColumn %}
{% set detailsUrlParameter = builderList.detailsUrlParameter %}





<section class="welcome_area">

    <div class="welSlideTwo owl-carousel">
        <!-- Single Slide -->
        {% for slider in sliders %}
            <div class="single_slide home-3 bg-img" style="background-image: url({{ slider.img|media }});">
                <div class="container h-100">
                    <div class="row h-100 align-items-center">
                        <div class="col-12">
                            <div class="welcome_slide_text text-center">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% endfor %}

    </div>

</section>

<!-- Shop Catagory Area -->
<div class="shop_by_catagory_area section_padding_100">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-heading mb-50">
                    <h5>Kategoriýalar</h5>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="shop_by_catagory_slides owl-carousel">
                    <!-- Single Slide -->

                    {% for category in categories %}
                        <div class="single_catagory_slide">
                            <a href="{{ 'category-products'|page({categorySlug: category.slug}) }}">
                                <img src="{{ category.icon|media|resize(127, 127, { mode: 'crop' }) }}" alt="{{ category.name }}">
                            </a>
                            <p>{{ category.name }}</p>
                        </div>
                    {% endfor %}

                </div>
            </div>
        </div>
    </div>
</div>
<!-- Shop Catagory Area -->



<!-- Mini slider area-->
<section class="offer_area">
    <div class="single-mega cn-col-2 container">
        <div class="megamenu-slides owl-carousel">

                {% for brandSlider in brandSliders %}
                    <img src="{{ brandSlider.img|media|resize(600, 259, { mode: 'crop' }) }}" alt="{{ brandSlider.img }}">
                {% endfor %}

        </div>
    </div>
</section>
<!-- Mini slider area-->

<!-- Brands Area -->
<section class="catagories_area home-3 section_padding_70_70">
    <div class="container">
        <div class="row justify-content-center">

            {% for user in users %}

                    <div class="col-12 col-md-6 col-lg-4">
                    <a href="{{ 'user-profile'|page({id: user.id}) }}">
                        <div class="single_catagory mb-30">
                            <img src="{{ user.banner|media|resize(600, 450, { mode: 'crop' }) }}" alt="{{ user.name }}">
                        </div>
                    </a>
                    </div>

            {% endfor %}

        </div>
    </div>
</section>
<!-- Brands Area -->

<!-- Popular Items Area -->
<div class="popular_items_area home-3 section_padding_0_70">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="popular_section_heading mb-50 text-center">
                    <h5>VIP harytlar</h5>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="popular_items_slides owl-carousel">

                    {% for product in products %}
                    <!-- Single Popular Item -->
                    <div class="single_popular_item">
                        <div class="product_image">
                            <!-- Product Image -->
                            <img class="first_img" src="{{ product.images[0].thumb(500,625,{'mode':'crop'}) }}" alt="{{ product.name }}">
                            {% if product.images_count > 1 %}
                                <img class="hover_img" src="{{ product.images[1].thumb(500,625,{'mode':'crop'}) }}" alt="{{ product.name }}">
                            {% endif %}

                            <!-- Wishlist -->
                            <div class="product_wishlist">
                                {% if user %}
                                <a href="wishlist.html"><i class="icofont-heart"></i></a>
                                {% else %}
                                <a href="{{ 'login'|page }}"><i class="icofont-heart"></i></a>
                                {% endif %}
                            </div>
                            <!-- Add to cart -->
                            {% if user %}
                                <div class="product_add_to_cart">
                                    <a href="#"><i class="icofont-cart"></i> Sebede goş</a>
                                </div>
                            {% else %}
                                <div class="product_add_to_cart">
                                    <a href="{{ 'login'|page }}"><i class="icofont-cart"></i> Sebede goş</a>
                                </div>
                            {% endif %}
                        </div>
                        <!-- Product Description -->
                        <div class="product_description">
                            <h5><a href="{{ 'product'|page({id: product.id}) }}">{{ product.name }}</a></h5>
                            <h6>{{ product.price }} TMT</h6>
                        </div>
                    </div>
                    {% endfor %}


                </div>
            </div>
        </div>
    </div>
</div>
<!-- Popular Items Area -->