title = "Brands"
url = "/brands"
layout = "main"
==

{% partial 'loader/loader' id='loader_vendor' %}

<div id="details_screen">
    {% partial "bread" title="Dermanhanalar"|_ title_small="Brendlar"|_ %}
    <!-- blog-area-start -->
    <div class="blog-area pt-105 pb-100">
        <div class="container">
            <div class="row" id="vendor_inside">
            </div>
        </div>
    </div>
    <!-- blog-area-end -->
</div>
{% put scripts %}

<script>
    $('#details_screen').hide();
    $(document).ready(function () {
        $.ajax({
            url: `http://216.250.11.229/derman/app/api/vendors`,
            type: 'GET',
            dataType: 'json',
            beforeSend: function () {
                $('#loader_vendor').show();
                $('#details_screen').hide();
            },
            success: function (data, textStatus, xhr) {
                $('#loader_vendor').hide();
                $('#details_screen').show();

                var vendors = data.data
                for (var vendor of vendors) {
                    $('#vendor_inside').append(`{% partial 'brand/item' url="vendor/` + vendor.id + `" img="` + vendor.logo + `" name="` + vendor.shop_title + `" %}`);
                }
            },
            error: function (xhr, textStatus, errorThrown) {
                console.log('Error in Operation');
            }
        });
    });
</script>

{% endput %}