@extends('frontend.app')
@section('title','دسته بندی')
@section('content')

    <section class="page-section bg-dark text-white">
        <div class="container-fluid">
            @php
                $counter = 6;
                $rowcounter = 1;
            @endphp
            @foreach(array_chunk($genres, 5) as $key=>$items)
                <div class="rowfcosuable" id="row-{{$rowcounter+$key}}">
                    @foreach($items as $genre)
                        <a href="/products?tag={{$genre['id']}}" class="text-center col-sm-12 col-lg-2 col-md-12 col-xs-12 col-sm-12 m-4 fcosuable genreclass" id="{{ $counter }}" style="font-size:26px;background-color: #fff;padding:10px;color:#000">
                    {{--        <a  class=""
                               style="">--}}

                                @php $counter++; @endphp


                                   {{ $genre['name'] }}


                           {{-- </a>--}}

                        </a>



                    @endforeach
                </div>
            @endforeach
        </div>

    </section>


@endsection

@section('script')
    <script src="/dist/js/app.js"></script>

    <script>
        $(".fcosuable").first().addClass('activeFocus').focus();

    </script>
@endsection
