@extends('web.layouts.app')
@section('title',$category->name[App::getLocale()])
@section('content')


    <div class="allsection">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="allsction_head">
                        <h4 class="h_head">
                            {{$category->name[App::getLocale()]}}
                        </h4>
                    </div>
                </div>


                @foreach($products as $row)
                    @include('web.products.item')
                @endforeach
            </div>
        </div>
    </div>

    <!-- start rating -->
    <div class="rating" id="show_rat">
        <i class="fas fa-sliders-h"></i>
    </div>


    <div class="contaent_rating contaent_rating2" style="text-align: right">
        <form method="get" action="{{route('products_filter')}}" enctype="multipart/form-data">
            <input type="hidden" name="category_id" value="{{$category->id}}">
            <div class="rat_head">
                <div class="row">
                    <div class="col-10">
                        <p>@lang('site.sortBy')</p>
                    </div>
                    <div class="col-2">
                        <i id="hide_rat" class="fas fa-times"></i>
                    </div>
                </div>
            </div>
            <div class="content_rat">
                <div class="select">
                    <input type="radio" name="order_by" value="popular" id="r1">
                    <label for="r1">@lang('site.MostPopular')</label>
                </div>
                <div class="select">
                    <input type="radio" name="order_by" value="up_to_down" id="r2">
                    <label for="r2">@lang('site.price_type')</label>
                </div>
                <div class="select">
                    <input type="radio" name="order_by" value="down_to_up" id="r3">
                    <label for="r3">@lang('site.price_type2')</label>
                </div>

            </div>
            <div class="rat_head">
                <div class="row">
                    <div class="col-12">
                        <p>@lang('site.sortBy')</p>
                    </div>
                </div>
            </div>
            <div class="content_rat">
                <div class="rat2_details">
                    <div class="row">
                        <div class="col-12">
                            <p>@lang('site.price')</p>
                        </div>
                        <div class="col-sm-6 text-right">
                            <span>@lang('site.ras_in')</span>
                            <input type="number" name="price_from" min="0" value="{{old('price_from')}}"
                                   placeholder="20">
                        </div>
                        <div class="col-sm-6 text-right">
                            <span>@lang('site.ras_to')</span>
                            <input type="number" name="price_to" min="0" value="{{old('price_to')}}" placeholder="2000">
                        </div>
                        <div class="col-12">
                            <div class="rat-_head">
                                <p>@lang('site.color')</p>
                            </div>
                        </div>
                        <div class="col-12">
                            <select name="color" class="custom-select">
                                <option selected value="0">@lang('site.color')</option>
                                @foreach($colors as $color)
                                    <option value="{{$color->id}}">{{$color->name[App::getLocale()]}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12">
                            <div class="rat-_head">
                                <p>@lang('site.CountryOfOrigin')</p>
                            </div>
                        </div>
                        <div class="col-12">
                            <select name="country" class="custom-select">
                                <option selected>@lang('site.CountryOfOrigin')</option>
                                @foreach($countries as $country)
                                    <option value="{{$country->id}}">{{$country->name[App::getLocale()]}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12">
                            <div class="rat-_head">
                                <p>@lang('site.amount')</p>
                            </div>
                        </div>
                        <div class="col-12">
                            <input type="number" name="amount" value="{{old('amount')}}" placeholder="@lang('site.amount')">
                        </div>
                        <div class="col-12">
                            <div class="rat_sub">
                                <button type="submit">@lang('site.search')</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>

    </div>




@stop