@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>ترتيب حسب</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"> الأكثر شعبية</label>
                </div>
                <div class="select">
                    <input type="radio" name="order_by" value="up_to_down" id="r2">
                    <label for="r2"> السعر ( الأعلى - الأقل )</label>
                </div>
                <div class="select">
                    <input type="radio" name="order_by" value="down_to_up" id="r3">
                    <label for="r3"> السعر ( الأقل - الأعلى )</label>
                </div>

            </div>
            <div class="rat_head">
                <div class="row">
                    <div class="col-12">
                        <p>تصنيف حسب</p>
                    </div>
                </div>
            </div>
            <div class="content_rat">
                <div class="rat2_details">
                    <div class="row">
                        <div class="col-12">
                            <p>السعر</p>
                        </div>
                        <div class="col-sm-6 text-right">
                            <span>من ( ريال)</span>
                            <input type="number" name="price_from" min="0" value="{{old('price_from')}}" placeholder="20">
                        </div>
                        <div class="col-sm-6 text-right">
                            <span>إلي ( ريال)</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>اللون</p>
                            </div>
                        </div>
                        <div class="col-12">
                            <select name="color" class="custom-select">
                                <option selected value="0">اللون</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>بلد المنشأ</p>
                            </div>
                        </div>
                        <div class="col-12">
                            <select  name="country" class="custom-select">
                                <option selected>بلد المنشأ</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>الكمية</p>
                            </div>
                        </div>
                        <div class="col-12">
                            <input type="number"  name="amount" value="{{old('amount')}}" placeholder="الكمية">
                        </div>
                        <div class="col-12">
                            <div class="rat_sub">
                                <button type="submit">بحث</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>

    </div>




@stop