{% extends 'base.html.twig' %}

{% block body %}
<!-- begin::Body -->

<!-- begin:: Page -->
    <!-- NAVIGATION ************* -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark position-relative ">
        <div class="container-fluid">
            <a class="navbar-brand" href="#"><img src="https://d1jcb2jiajft3m.cloudfront.net/assets/media/logos/logo-4.png" alt=""></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">

                {{ render(controller('App\\Controller\\Common\\Menu::index')) }}

                <div class="d-flex align-items-center">

                    <div class="menu-login-block">
                        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                            <li class="nav-item">
                                <a class="nav-link red" href="#">{% trans %} common.register {% endtrans %}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link red" href="{{ login_url }}">{% trans %} common.login  {% endtrans
                                    %}</a>
                            </li>
                        </ul>
                    </div>
                    <!-- language -->
                    <div class="menu-language-block">
                        <div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
                            <ul class="navbar-nav">
                                <li class="dropdown">
                                    <a class="dropdown ps-3 pe-3" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        <img class="language-icon" src="https://d1jcb2jiajft3m.cloudfront.net/assets/media/flags/226-united-states.svg" alt="american-flag">
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
                                        <li><a class="dropdown-item" href="#"><img class="language-icon" src="/assets/flag/italy-flsg.png" alt=""></a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <form class="menu-search-block d-flex ">
                        <button class="btn search-btn" type="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="#fff" class="bi bi-search" viewBox="0 0 16 16">
                                <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
                            </svg>
                        </button>

                        <!-- <div class="search-block d-flex position-absolute ">
                          <div class="input-group align-items-center">
                            <div class="search-skew d-flex">
                              <select class="form-select" id="inputGroupSelect04" aria-label="Example select with button addon">
                                <option selected>Select Make</option>
                                <option value="1">One</option>
                                <option value="2">Two</option>
                                <option value="3">Three</option>
                              </select>
                              <select class="form-select" id="inputGroupSelect04" aria-label="Example select with button addon">
                                <option selected>Select Model</option>
                                <option value="1">One</option>
                                <option value="2">Two</option>
                                <option value="3">Three</option>
                              </select>
                            </div>

                            <button class="btn btn-menu-search" type="button"><span>Find Used Parts</span></button>
                          </div>
                        </div>     -->

                    </form>
                </div>

            </div>
        </div>
    </nav>
    <!-- NAVIGATION END************* -->

    <!-- HEADER BLOCK HOMEPAGE ************-->
    <section class="header-search-block ">
        <div class="container">
            <div class="header-search-intro d-block">

                <div class="header-search-info text-center">
                    <h1 class="main-header">Find Used Parts!</h1>
                    <p class="plane-text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eveniet a porro tenetur sunt omnis, cum dolorum mollitia facilis dignissimos, ipsam saepe corporis vitae magni? Temporibus rerum autem facilis sint accusantium?</p>
                </div>

                <div class="header-search d-block justify-content-center">
                    <div class="auto-moto-switch d-flex justify-content-center">
                        <div class="search-cars active px-3">
                            <span class="pe-2 medium16">Cars</span>

                            <svg class="car svg" xmlns="http://www.w3.org/2000/svg" width="54.295" height="21.044" viewBox="0 0 54.295 21.044">
                                <path class="a" d="M1836.265,2622.313a4.289,4.289,0,0,0-4.289,4.289,4.134,4.134,0,0,0,.038.54,4.286,4.286,0,0,0,8.523-.174c.01-.121.019-.242.019-.367A4.288,4.288,0,0,0,1836.265,2622.313Zm-2.148,2.673.876.875a1.446,1.446,0,0,0-.156.377H1833.6A2.681,2.681,0,0,1,1834.117,2624.986Zm-.517,1.995h1.242a1.47,1.47,0,0,0,.155.372l-.877.876A2.681,2.681,0,0,1,1833.6,2626.98Zm2.3,2.287a2.661,2.661,0,0,1-1.244-.516l.872-.872a1.465,1.465,0,0,0,.372.15Zm0-4.092a1.419,1.419,0,0,0-.379.158l-.874-.875a2.667,2.667,0,0,1,1.253-.518Zm.743-1.234a2.66,2.66,0,0,1,1.253.519l-.874.874a1.42,1.42,0,0,0-.379-.158Zm0,5.326v-1.238a1.461,1.461,0,0,0,.372-.151l.873.873A2.688,2.688,0,0,1,1836.638,2629.267Zm1.777-1.034-.88-.881a1.459,1.459,0,0,0,.16-.371h1.233A2.692,2.692,0,0,1,1838.415,2628.232Zm-.72-1.995a1.491,1.491,0,0,0-.155-.378l.875-.875a2.674,2.674,0,0,1,.514,1.252Z" transform="translate(-1827.585 -2609.848)"/>
                                <path class="a" d="M2250.507,2622.313a4.288,4.288,0,0,0-4.289,4.289,4.177,4.177,0,0,0,.038.54,4.286,4.286,0,0,0,8.523-.174c.01-.121.019-.242.019-.367A4.287,4.287,0,0,0,2250.507,2622.313Zm-2.149,2.673.876.875a1.434,1.434,0,0,0-.156.377h-1.234A2.679,2.679,0,0,1,2248.359,2624.986Zm-.517,1.995h1.242a1.479,1.479,0,0,0,.155.372l-.877.876A2.682,2.682,0,0,1,2247.842,2626.98Zm2.3,2.287a2.663,2.663,0,0,1-1.244-.516l.872-.872a1.459,1.459,0,0,0,.372.15Zm0-4.092a1.4,1.4,0,0,0-.379.158l-.875-.875a2.669,2.669,0,0,1,1.253-.518Zm.742-1.234a2.656,2.656,0,0,1,1.253.519l-.874.874a1.423,1.423,0,0,0-.379-.158Zm0,5.326v-1.238a1.468,1.468,0,0,0,.372-.151l.873.873A2.686,2.686,0,0,1,2250.879,2629.267Zm1.777-1.034-.88-.881a1.464,1.464,0,0,0,.16-.371h1.233A2.685,2.685,0,0,1,2252.657,2628.232Zm-.719-1.995a1.488,1.488,0,0,0-.156-.378l.876-.875a2.685,2.685,0,0,1,.514,1.252Z" transform="translate(-2205.716 -2609.848)"/>
                                <path class="a" d="M1835.531,2490.42l-.824-.788,0-2.485a2.629,2.629,0,0,0-.678-1.765l-3.047-3.375h0a1.479,1.479,0,0,0-1.208-1.423c-3.623-.681-14.865-2.441-23.763-.051a61.577,61.577,0,0,0-11.086,4.449s-9.705,1.236-12.031,4.268a7.257,7.257,0,0,0-1.273,3.69,3.461,3.461,0,0,0,2.685,3.723l.9.2c-.008-.049-.019-.1-.025-.147a5.027,5.027,0,0,1-.044-.646,5.152,5.152,0,0,1,10.3,0c0,.149-.01.293-.022.438a4.981,4.981,0,0,1-.072.517l26.007.053c-.024-.12-.047-.239-.063-.362a4.985,4.985,0,0,1-.045-.646,5.152,5.152,0,0,1,10.3,0c0,.149-.01.293-.022.438a4.988,4.988,0,0,1-.089.59h.355l1.479-.811a5,5,0,0,0,2.6-4.2l.03-.769A1.193,1.193,0,0,0,1835.531,2490.42Zm-35.492-5.088.4-1.59s6.024-3.151,16.105-2.808v4.7l-16.147,1.274A2.636,2.636,0,0,0,1800.039,2485.332Zm25.872-.438-7.592.6v-4.459a49.923,49.923,0,0,1,8.122,1.279.873.873,0,0,1,.462,1.413Z" transform="translate(-1781.606 -2479.319)"/>
                            </svg>

                        </div>
                        <div class="form-check form-switch ">
                            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault">

                        </div>
                        <div class="search-moto px-3">
                            <svg xmlns="http://www.w3.org/2000/svg" width="45.335" height="27.82" viewBox="0 0 45.335 27.82">
                                <path class="a" d="M1256.318,3348.453a6.539,6.539,0,0,0-5.378,2.824l-1.7-.729v-1.068l5.334-2.213,1.37-3.158h.629l3.156,3.748a.616.616,0,1,0,.942-.793l-2.487-2.955h.4a.616.616,0,1,0,0-1.231h-.925l.806-.382a.77.77,0,0,0,.368-1.02l-.464-1a.77.77,0,0,0-.691-.446l-8.542-.077h-.007a.771.771,0,0,0-.563.245,8.856,8.856,0,0,1-4.98,2.243,7.233,7.233,0,0,0-1.066-1.488,6.279,6.279,0,0,0-4.705-2.03,8.037,8.037,0,0,0-1.149.085h-.006a48.308,48.308,0,0,0-5.214,1.183c-.032,0-.079,0-.137,0a1.742,1.742,0,0,1-1.492-.625,1.109,1.109,0,0,1-.067-.141l1.423-.258a.731.731,0,1,0-.261-1.439l-1.146.208a11.815,11.815,0,0,1,1.366-3.063.77.77,0,0,0-.936-1.11,11.828,11.828,0,0,0-3.948,2.731,10.42,10.42,0,0,0-2.817,5.721,2.832,2.832,0,0,1,.4-.585s2.1,1.372.915,3.357h-1.391c.033.4.085.819.16,1.249a.769.769,0,0,0,.238.436l1.719,1.58c-5.652-.758-7.685,2.91-7.685,2.91-.424.564-.211,1.172.473.85a6.541,6.541,0,1,0,12.364,2.979,6.627,6.627,0,0,0-.049-.791h7.994l-3.156-2.352a8.3,8.3,0,0,1-6.417-2.546c.28-.014.584-.023.909-.023,2.166,0,5.182.39,7.246,2.248a.855.855,0,0,0,.085.066l7.081,4.772a.77.77,0,0,0,.974-.094l2.853-2.853,1.7.729a6.541,6.541,0,1,0,6.486-5.7Zm-7.081-1.586,4.821-2.286-.652,1.5-4.17,1.73Zm-25.169,11.593a3.464,3.464,0,0,1,0-6.928c.081,0,.16,0,.24.01l-1.433,2.954,2.77,1.344,1.325-2.731a3.461,3.461,0,0,1-2.9,5.352Zm32.25,0a3.468,3.468,0,0,1-3.431-3l2.62,1.122,1.212-2.83-2.837-1.215a3.463,3.463,0,1,1,2.436,5.923Z" transform="translate(-1217.526 -3333.718)"/>
                            </svg>
                            <span class="ps-2 medium16">Moto</span>

                        </div>

                    </div>

                    <form method="POST" action="{{ search_ads_url }}" name="search_ads" id="search_ads">
                        <div class="main-search-block">
                            <div class="input-group">
                                <div class="search-skew d-flex m-auto ">

                                    <select class="form-select" aria-label="Example select with button addon"
                                            name="makes" id="makes">
                                        <option selected="selected" value="-1">{% trans %} ads.select_make_title {%
                                                endtrans %}</option>
                                        {% for make in makes.car %}
                                            <option value="{{ make.make_id }}">{{ make.title }}</option>
                                        {% endfor %}
                                    </select>

                                    <select class="form-select" name="models" id="models"
                                            aria-label="Example select with button addon">
                                        <option value="-1">{% trans %} ads.select_model_title {% endtrans %}</option>
                                    </select>

                                    <select class="form-select" id="years_bk" aria-label="Example
                                     select with button addon" style="display:none;">
                                        <option value="-1">{% trans %} ads.select_year_title {% endtrans %}</option>
                                    </select>
                                    <button class="btn arrow-btn-red" type="button">{% trans %} common.submit {% endtrans %}</button>
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="code" value="car" />
                    </form>
                </div>
            </div>
        </div>

    </section>
    <!-- HEADER BLOCK HOMEPAGE END************-->

    <!-- OUR VALUES SECTION ***************** -->
    <section class="our-values">
        <div class="container bg-white">
            <div class="value-wrapper ">
                <div class="block-logo d-flex align-items-center position-relative ">
                    <img src="{{ assets }}media/partiperauto/home/logo_small.png" alt="">
                    <span class="bold24 ps-2">OUR VALUES</span>
                </div>

                <div class="value-info container">
                    <div class="row">

                        <div class="value-item-1 text-end col-3 position-relative d-flex justify-content-end flex-column p-3">
                            <img class="position-absolute qustionmark" src="./assets/icons/questionmark.png" alt="questionmark">
                            <div class="bold39 green">100%</div>
                            <div class="bold42 green">FREE</div>
                            <div class="bold42 red">REQUESTS</div>
                        </div>
                        <div class="value-item-2 col-6 p-3">
                            <p class="plane-text pe-5">Simply dummy text of the printing and typesetting industry.</p>
                            <p class="plane-text pe-5"> Ipsum ha been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book . It has survived</p>
                            <button class="btn arrow-btn-red mt-5">More</button>
                        </div>

                        <div class="value-item-3 col-3 p-3">
                            <div class="value-item-wrapper">
                                <h2 class="bold34">Don't Miss Out</h2>
                                <p class="plane-text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum, optio, adipisci quae </p>
                                <button class="btn arrow-btn-red mt-4">Learn More</button>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<!-- OUR VALUES SECTION END***************** -->
    <!-- RED SECTION *************** -->
    <section class="red-section">
        <div class="container bg-red">
            <div class="red-section-intro">
                <div class="">
                    <div class="row py-3">
                        <div class="col-6 red-block1">
                            <p class="plane-text">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
                            <p class="plane-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam provident aperiam officia! Enim cum aperiam, asperiores voluptate harum nulla! Cupiditate at officiis atque praesentium architecto earum nemo quis nisi iusto.</p>
                            <button class="btn arrow-btn-white">More</button>
                        </div>
                        <div class="col-6 red-block2 d-flex justify-content-center align-items-center">
                            <div class="text-center">
                                <div class="bold95 text1">ALWAYS</div>
                                <div class="bold51 text2 position-relative">& EVERYWHERE
                                    <div class="dash1 dash"></div>
                                    <div class="dash2 dash"></div>
                                    <div class="dash3 dash"></div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- RED SECTION END*************** -->

    <!-- MANUFACTURES SECTION ************* -->
    <section class="manufactures-section">
        <div class="container bg-white">
            <div class="manufactures-intro">
                <h2 class="bold24 text-center">Manufactures</h2>

                <div class="pt-5">
                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">               <div class="pb-2">
                                    <svg class="car svg" xmlns="http://www.w3.org/2000/svg" width="54.295" height="26.82" viewBox="0 0 54.295 21.044">
                                        <path class="a" d="M1836.265,2622.313a4.289,4.289,0,0,0-4.289,4.289,4.134,4.134,0,0,0,.038.54,4.286,4.286,0,0,0,8.523-.174c.01-.121.019-.242.019-.367A4.288,4.288,0,0,0,1836.265,2622.313Zm-2.148,2.673.876.875a1.446,1.446,0,0,0-.156.377H1833.6A2.681,2.681,0,0,1,1834.117,2624.986Zm-.517,1.995h1.242a1.47,1.47,0,0,0,.155.372l-.877.876A2.681,2.681,0,0,1,1833.6,2626.98Zm2.3,2.287a2.661,2.661,0,0,1-1.244-.516l.872-.872a1.465,1.465,0,0,0,.372.15Zm0-4.092a1.419,1.419,0,0,0-.379.158l-.874-.875a2.667,2.667,0,0,1,1.253-.518Zm.743-1.234a2.66,2.66,0,0,1,1.253.519l-.874.874a1.42,1.42,0,0,0-.379-.158Zm0,5.326v-1.238a1.461,1.461,0,0,0,.372-.151l.873.873A2.688,2.688,0,0,1,1836.638,2629.267Zm1.777-1.034-.88-.881a1.459,1.459,0,0,0,.16-.371h1.233A2.692,2.692,0,0,1,1838.415,2628.232Zm-.72-1.995a1.491,1.491,0,0,0-.155-.378l.875-.875a2.674,2.674,0,0,1,.514,1.252Z" transform="translate(-1827.585 -2609.848)"/>
                                        <path class="a" d="M2250.507,2622.313a4.288,4.288,0,0,0-4.289,4.289,4.177,4.177,0,0,0,.038.54,4.286,4.286,0,0,0,8.523-.174c.01-.121.019-.242.019-.367A4.287,4.287,0,0,0,2250.507,2622.313Zm-2.149,2.673.876.875a1.434,1.434,0,0,0-.156.377h-1.234A2.679,2.679,0,0,1,2248.359,2624.986Zm-.517,1.995h1.242a1.479,1.479,0,0,0,.155.372l-.877.876A2.682,2.682,0,0,1,2247.842,2626.98Zm2.3,2.287a2.663,2.663,0,0,1-1.244-.516l.872-.872a1.459,1.459,0,0,0,.372.15Zm0-4.092a1.4,1.4,0,0,0-.379.158l-.875-.875a2.669,2.669,0,0,1,1.253-.518Zm.742-1.234a2.656,2.656,0,0,1,1.253.519l-.874.874a1.423,1.423,0,0,0-.379-.158Zm0,5.326v-1.238a1.468,1.468,0,0,0,.372-.151l.873.873A2.686,2.686,0,0,1,2250.879,2629.267Zm1.777-1.034-.88-.881a1.464,1.464,0,0,0,.16-.371h1.233A2.685,2.685,0,0,1,2252.657,2628.232Zm-.719-1.995a1.488,1.488,0,0,0-.156-.378l.876-.875a2.685,2.685,0,0,1,.514,1.252Z" transform="translate(-2205.716 -2609.848)"/>
                                        <path class="a" d="M1835.531,2490.42l-.824-.788,0-2.485a2.629,2.629,0,0,0-.678-1.765l-3.047-3.375h0a1.479,1.479,0,0,0-1.208-1.423c-3.623-.681-14.865-2.441-23.763-.051a61.577,61.577,0,0,0-11.086,4.449s-9.705,1.236-12.031,4.268a7.257,7.257,0,0,0-1.273,3.69,3.461,3.461,0,0,0,2.685,3.723l.9.2c-.008-.049-.019-.1-.025-.147a5.027,5.027,0,0,1-.044-.646,5.152,5.152,0,0,1,10.3,0c0,.149-.01.293-.022.438a4.981,4.981,0,0,1-.072.517l26.007.053c-.024-.12-.047-.239-.063-.362a4.985,4.985,0,0,1-.045-.646,5.152,5.152,0,0,1,10.3,0c0,.149-.01.293-.022.438a4.988,4.988,0,0,1-.089.59h.355l1.479-.811a5,5,0,0,0,2.6-4.2l.03-.769A1.193,1.193,0,0,0,1835.531,2490.42Zm-35.492-5.088.4-1.59s6.024-3.151,16.105-2.808v4.7l-16.147,1.274A2.636,2.636,0,0,0,1800.039,2485.332Zm25.872-.438-7.592.6v-4.459a49.923,49.923,0,0,1,8.122,1.279.873.873,0,0,1,.462,1.413Z" transform="translate(-1781.606 -2479.319)"/>
                                    </svg>
                                </div>
                                Browse by Car</button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">
                                <div class="pb-2">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="45.335" height="26.82" viewBox="0 0 45.335 27.82">
                                        <path class="a" d="M1256.318,3348.453a6.539,6.539,0,0,0-5.378,2.824l-1.7-.729v-1.068l5.334-2.213,1.37-3.158h.629l3.156,3.748a.616.616,0,1,0,.942-.793l-2.487-2.955h.4a.616.616,0,1,0,0-1.231h-.925l.806-.382a.77.77,0,0,0,.368-1.02l-.464-1a.77.77,0,0,0-.691-.446l-8.542-.077h-.007a.771.771,0,0,0-.563.245,8.856,8.856,0,0,1-4.98,2.243,7.233,7.233,0,0,0-1.066-1.488,6.279,6.279,0,0,0-4.705-2.03,8.037,8.037,0,0,0-1.149.085h-.006a48.308,48.308,0,0,0-5.214,1.183c-.032,0-.079,0-.137,0a1.742,1.742,0,0,1-1.492-.625,1.109,1.109,0,0,1-.067-.141l1.423-.258a.731.731,0,1,0-.261-1.439l-1.146.208a11.815,11.815,0,0,1,1.366-3.063.77.77,0,0,0-.936-1.11,11.828,11.828,0,0,0-3.948,2.731,10.42,10.42,0,0,0-2.817,5.721,2.832,2.832,0,0,1,.4-.585s2.1,1.372.915,3.357h-1.391c.033.4.085.819.16,1.249a.769.769,0,0,0,.238.436l1.719,1.58c-5.652-.758-7.685,2.91-7.685,2.91-.424.564-.211,1.172.473.85a6.541,6.541,0,1,0,12.364,2.979,6.627,6.627,0,0,0-.049-.791h7.994l-3.156-2.352a8.3,8.3,0,0,1-6.417-2.546c.28-.014.584-.023.909-.023,2.166,0,5.182.39,7.246,2.248a.855.855,0,0,0,.085.066l7.081,4.772a.77.77,0,0,0,.974-.094l2.853-2.853,1.7.729a6.541,6.541,0,1,0,6.486-5.7Zm-7.081-1.586,4.821-2.286-.652,1.5-4.17,1.73Zm-25.169,11.593a3.464,3.464,0,0,1,0-6.928c.081,0,.16,0,.24.01l-1.433,2.954,2.77,1.344,1.325-2.731a3.461,3.461,0,0,1-2.9,5.352Zm32.25,0a3.468,3.468,0,0,1-3.431-3l2.62,1.122,1.212-2.83-2.837-1.215a3.463,3.463,0,1,1,2.436,5.923Z" transform="translate(-1217.526 -3333.718)"/>
                                    </svg>
                                </div>
                                Brows by Moto</button>
                        </li>

                    </ul>
                    <div class="tab-content pb-5" id="myTabContent">
                        <div class="tab-pane fade show active text-center" id="home" role="tabpanel" aria-labelledby="home-tab">

                            <div class="row row-cols-8 p-5 d-flex">

                                {% for make in makes.car %}
                                    <div class="col">
                                        <div class="brand-group ">
                                            <a class="" href="{{ make.url }}">
                                                <div class="brand-group-intro text-center bold24">
                                                    <img class="img-small" src="{{ assets
                                                    }}brands/{{ make.logo }}" alt="{{ make.title }}">
                                                    <div class="medium16 brand-group-text">{{ make.title }}</div>
                                                    <div class="medium16 brand-group-text">({{ make
                                                        .total_ads > 0 ? make.total_ads : 0}})
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                {% endfor %}

                            </div>
                            <button class="btn btn-red">More</button>
                        </div>

                        <div class="tab-pane fade text-center pb-5" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="row row-cols-8 p-5 d-flex">

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>


                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>


                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <div class="col">
                                    <div class="brand-group ">
                                        <a class="" href="#">
                                            <div class="brand-group-intro text-center bold24">
                                                <img class="img-small" src="https://via.placeholder.com/100x100.png" alt="brand">
                                                <div class="medium16 brand-group-text">some text</div>
                                                <div class="medium16 brand-group-text">(70)</div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                            </div>
                            <button class="btn btn-red">More</button>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </section>
    <!-- MANUFACTURES SECTION END************* -->


<!-- end body -->
{{ render(controller('App\\Controller\\Common\\Scripts::index')) }}

<!-- begin:: Footer -->
{{ render(controller('App\\Controller\\Common\\Footer::index')) }}

{% endblock %}