@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{ Breadcrumbs::render('brands-list') }}
            </div>
        </div>

        <div class="brands">
            @if(!empty($brands_group) && count($brands_group))
                <div class="container">
                    <div class="page-search mb-1">
                        <form action="{{ route('brand-search') }}" method="GET">
                            <label for="brand-search" class="sr-only">{{ ShowLabelById(103) }} ...</label>
                            <input type="text" id="brand-search" name="s" placeholder="{{ ShowLabelById(103) }} ..." value="{{--{{ request()->input('s') }}--}}">
                            <button type="submit" class="page-submit">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#search') }}"></use>
                                </svg>
                            </button>
                        </form>
                    </div>
                </div>
                <div class="brands-nav">
                    <div class="container">
                        <ul>
                            <li>
                                <a href="javascript:;" class="active" data-id="all">{{ ShowLabelById(96) }}</a>
                            </li>
                            @foreach($brands_group as $brand_group_name => $brands)
                                <li>
                                    <a href="javascript:;" data-id="{{ Str::lower($brand_group_name) }}">{{ $brand_group_name }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="container">
                    <div class="brands-list">
                        @foreach($brands_group as $brand_group_name => $brands)
                            @if(!empty($brands) && count($brands))
                                <div id="{{ Str::lower($brand_group_name) }}" class="brands-item">
                                    <div class="brands-title">
                                        <p>{{ $brand_group_name }}</p>
                                    </div>
                                    <div class="brands-content">
                                        <ul>
                                            @foreach($brands as $one_brand)
                                                <li>
                                                    <a href="{{ route('brands', $one_brand->alias) }}">{{ $one_brand->name }}</a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
            @else
                <div class="basket-end-inner">
                    <div class="basket-end-icon">
                        <img src="{{ asset('front-assets/img/icons/icon-no.svg') }}" alt="Empty list">
                    </div>
                    <div class="basket-end-title">{{ ShowLabelById(94) }}</div>
                </div>
            @endif
        </div>

    </div>

@stop