@extends('Frontend.layout.main')

@section('head')

<title>{{$pageData->meta_title() ?? 'Eldiar'}}</title>
<meta content="{{$pageData->meta_description() ?? 'Eldiar'}}" name="description">
<meta content="{{$pageData->meta_keyword() ?? 'Eldiar'}}" name="keywords">


<meta property="og:title" content="{{$pageData->meta_title() ?? 'Eldiar'}}" />
<meta property="og:description" content="{{ $pageData->meta_description() ?? 'Eldiar' }}" />
@endsection




@section('content')


<style>
.aboutul{
    text-transform: uppercase;
}
</style>

@include('Frontend.inc.banners')
<section class="keepfirst">
    <div class="container">
        <div class="row">
            <ul class="aboutul">

            <li> <a href="{{url('/')}}"> HOME</a> </li> /
                <li>BEST BUYS</li>
                @if(isset($filter_data['main_category']))
               / <li><a href="{{url('/best-buys?room='.app('request')->input('room'))}}">{{$filter_data['main_category'] ?? ''}}</a></li>
               @endif
               @if(isset($filter_data['category']))

               / <li><a href="{{url('/best-buys?room='.app('request')->input('room').'&category='.app('request')->input('category'))}}">{{$filter_data['category'] ?? ''}}</a></li>
               @endif
               @if(isset($filter_data['collection']))

                / <li><a href="{{url('/best-buys?room='.app('request')->input('room').'&category='.app('request')->input('category').'&collection='.app('request')->input('collection'))}}">{{$filter_data['collection'] ?? ''}}</a></li>
                @endif

                @if(isset($filter_data['style']))

                / <li><a href="{{url('/best-buys?room='.app('request')->input('room').'&category='.app('request')->input('category').'&collection='.app('request')->input('collection').'&style='.app('request')->input('style'))}}">{{$filter_data['style'] ?? ''}}</a></li>
                @endif

            </ul>
        </div>
    </div>
</section>
<form action="{{url('/best-buys')}}" method="get">
<div class="containerch">
    <div class="row">
        <div class="col-md-3 col-lg-3">

            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="false">

                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                Main Category ({{$categories_count}})
                            </a>
                        </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                        <div class="panel-body">
                            <ul class="ullorem">
                            @foreach($categories as $category)

                                <li><a href="{{url('/best-buys/?room='.$category->slug)}}">{{$category->title}}</a></li>
                               
                            @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                COLLECTIONS ({{$collections_count}})
                            </a>
                        </h4>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
                        aria-labelledby="headingThree">
                        <div class="panel-body">
                            <ul class="ullorem">
                                 @foreach($collections as $collection)

                                          <li><a href="{{url('/best-buys/?collection='.$collection->slug.'&room='.app('request')->input('room').'&category='.app('request')->input('category'))}}">{{$collection->title}}</a></li>

                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                href="#collapseThree4" aria-expanded="false" aria-controls="collapseThree4">
                                LIFESTYLES ({{$styles_count}})
                            </a>
                        </h4>
                    </div>
                    <div id="collapseThree4" class="panel-collapse collapse" role="tabpanel"
                        aria-labelledby="headingThree">
                        <div class="panel-body">
                            <ul class="ullorem">
                                @foreach($styles as $style)
                                <li><a href="{{url('/best-buys/?style='.$style->slug.'&room='.app('request')->input('room').'&category='.app('request')->input('category').'&collection='.app('request')->input('collection'))}}">{{$style->title}}</a></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                {{--
                <!-- <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                href="#collapseThree5" aria-expanded="false" aria-controls="collapseThree5">
                               
                                SHAPES ({{$shapes_count}})
                            </a>
                        </h4>
                    </div>
                    <div id="collapseThree5" class="panel-collapse collapse" role="tabpanel"
                        aria-labelledby="headingThree">
                        <div class="panel-body">
                            <ul class="ullorem">
                            @foreach($shapes as $shape)
                                <li><a href="{{url('/best-buys/?shape='.$shape->slug.'?room='.app('request')->input('room').'?category='.app('request')->input('category'))}}">{{$shape->shape}}</a></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>

                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                href="#collapseThree6" aria-expanded="false" aria-controls="collapseThree5">
                               
                                Brands ({{$brands_count}})
                            </a>
                        </h4>
                    </div>
                    <div id="collapseThree6" class="panel-collapse collapse" role="tabpanel"
                        aria-labelledby="headingThree">
                        <div class="panel-body">
                            <ul class="ullorem">
                            @foreach($all_brands as $brand)
                                <li><a href="{{url('/best-buys/?brand='.$brand->slug .'?room='.app('request')->input('room').'?category='.app('request')->input('category'))}}">{{$brand->title}}</a></li>
                                @endforeach
                            </ul>
                        </div>
                    </div>

                </div> -->
                --}}
            </div>

        </div>
        <div class="col-md-9 col-lg-9">
            <div class="row">
                <div class="col-md-2 col-lg-2 resu">
                    <b>{{$count}} RESULTS</b>
                    <!-- <p><span class="badge badge-pill badge-secondary">Living Room : sofa <i class="fa fa-times"
                                aria-hidden="true"></i></span> &nbsp; Clear all</p> -->
                </div>
                <div class="col-md-9 col-lg-9">

                    <ul class="filter">
                        
                        <li>BRANDS :</li>
                        <li> <select class="form-control" id="sel2" name="brand">
                                <option value=""  > All</option>
                                @foreach($all_brands as $brand)

                                <option value="{{$brand->slug}}" @if($filter['brand'] ==$brand->slug ) selected @endif>{{$brand->title}}</option>
                                @endforeach
                            </select>
                        </li>
                        <li>SHAPES :</li>
                        <li> <select class="form-control" id="sel3" name="shape">
                                 <option value="" >All</option>
                                 @foreach($shapes as $shape)

                                <option value="{{$shape->slug}}"  @if($filter['shape'] ==$shape->slug ) selected @endif >{{$shape->shape}}</option>
                                @endforeach
                            </select>
                        </li>

                        <li> <button type="submit" class="btn btn-secondary">Filter</button></li>
                        <li> <a href="{{url('/best-buys')}}" class="btn mazinbtn2">Clear</a></li>
                        <input type="hidden" name="room" value="{{app('request')->input('room')}}" class="form-control">
                                <input type="hidden" name="style" value="{{app('request')->input('style')}}" class="form-control">
                                <input type="hidden" name="category" value="{{app('request')->input('category')}}" class="form-control">
                                <input type="hidden" name="collection" value="{{app('request')->input('collection')}}" class="form-control">

                      {{--
                       <!-- <li>
                            <div class="input-group mb-3  goserc">
                                <input type="text" name="s" value="{{app('request')->input('s')}}" class="form-control" placeholder="Search">
                                
                                <div class="input-group-append">
                                    <button class="btn btn-white" type="submit"><i class='bx bx-search'></i></button>
                                </div>
                            </div>
                        </li> -->

                        --}} 

                        <!-- </i><span>IN STOCKING PROGRAM</span></li>
                        <li><i class="fa fa-list-ul" aria-hidden="true"></i></li>
                        <li><i class="fa fa-th-list" aria-hidden="true"></i></li> -->
                    </ul>
                </div>
            </div>

            <div class="row">

                <div class="clearfix"></div>
                @foreach($results as $result)


                    @include('Frontend.products.inc.product_item',['item'=>$result])

                @endforeach



            </div>
            <div class="dataTables_paginate paging_simple_numbers pull-right" id="example1_paginate">
                        {{ $results->appends(request()->except('page'))->links() }}
        </div>
        </div>
        
    </div>
</div>
</form>





@endsection