<div class="row" >
    @if(count($products) == 0)
    <div class="alert alert-danger py-4 text-center my-5" role="alert">
        {{__('web.not_exist_category')}}
    </div>
    @else
        @foreach($products as $row)
            <div class="col-lg-3 col-md-4 col-6">
                @include('web.pages.components.product.product',['product'=>$row])
            </div>
        @endforeach
    @endif
</div>
@if($count_paginate > 1)
<div class="pagination-wrapper mt-4 pagination_inputs">
    <nav aria-label="Page navigation example">
        <ul class="pagination justify-content-center">
            @if($pagination != 0)
                <li class="page-item">
                    <input type="radio" name="paginate" onclick="filter()" value="{{$pagination-1}}">
                    <a class="page-link" href="#" aria-label="Previous">
                        <span aria-hidden="true">«</span>
                    </a>
                </li>
            @endif
            @for($i=1 ; $i <= $count_paginate ; $i++)
                <li class="page-item"> <input type="radio" onclick="filter()" name="paginate" value="{{$i-1}}"> <a class="page-link @if($i == ($pagination +1)) active @endif" href="#">{{$i}}</a> </li>
            @endfor
            @if(($pagination+1) != $count_paginate)
                <li class="page-item">
                    <input type="radio" name="paginate" onclick="filter()" value="{{$pagination+1}}">
                    <a class="page-link" href="#" aria-label="Next">
                        <span aria-hidden="true">»</span>
                    </a>
                </li>
            @endif
        </ul>
    </nav>
</div>
@endif
<script src="{{url('')}}/assets/web/js/main.js"></script>
