@extends('Frontend.Master')
@section('style')
@stop
@section('title')
{{  $data['Brand']->fa_name.' '.GetPageTitle() }}
@stop
@section('seo_description')
      {{  $data['Brand']->description}}
@stop
@section('key_words')
@stop
@section('content')
    <div class="w90">
        <div class="prodactcell">
            <div id="contactpro" class="overhid product">
                <div class="options">
                    <ul>
                        <li><a href="/"> <span>خانه</span> <i class="fa fa-chevron-left"></i> </a></li>
                        <li><a href="#"> <span>برند ها</span> <i class="fa fa-chevron-left"></i> </a></li>
                        <li><a href="{{ url("Brands/" . $data['Brand']->slug )  }}">
                                <span>{{ $data['Brand']->fa_name }}</span> </a></li>
                    </ul>
                </div>
                <div class="options-titel-container"><span class="options-text"> (
                            <span class="options-meta">نمایش</span> <span
                                class="options-meta-first">{{  $data["Proudct"]->currentPage() * 10 - 9 }}</span>
                            <span class="options-meta">-</span> <span
                                class="options-meta-first">{{  $data["Proudct"]->currentPage() * 10  }}</span>
                            <span class="options-meta">محصول از </span> <span
                                class="options-meta-first"> {{ $data["Proudct"]->total()  }}</span> ) <span>&nbsp;&nbsp;&nbsp;</span> </span>
                </div>
                {{--sorter--}}
                 <div class="categore-des">
                    <div class="title-categore"><h1>{{ $data['Brand']->fa_name }}</h1></div>
                </div>
                <div class="option-sort">
                    <ul>
                        <li>مرتب سازی بر اساس:</li>
                        <li class="active sort"><a href="#a" data-sort="1">پربازدیدترین</a></li>
                        <li class="sort"><a data-sort="2">جدیدترین</a></li>
                        <li class="sort"><a data-sort="3">پرفروش ترین</a></li>
                        <li class="sort"><a data-sort="4">ارزانترین</a></li>
                        <li class="sort"><a data-sort="5">گرانترین</a></li>
                    </ul>
                </div>
                {{-- product--}}
                <div class="prodacts col-xs-12">
                    @if(count($data["Proudct"]))
                        @foreach($data["Proudct"] as $item )
                            <article class="col-lg-3 col-md-3 col-sm-6 col-xs-12 pull-right">
                                <a href="{{  url('product/' . $item->id .'/' . $item->slug )}}">
                                    <img src="{{ url("images/400/400" . $item->imageUrl)}}" alt="{{ $item->seo_title }}"  title="{{$item->fa_name}}">
                                    <div class="footer"><span>{{ $item->summary }}</span>
                                     @if($showPrice)
                                        @if($item->status == 'normal')
                                            <span class="price-pro">{{ $item->price }} تومان </span>
                                        @elseif($item->status == 'discount')
                                            <span class="old-price-pro">{{ $item->price }}</span>
                                            <span class="price-pro">{{ $item->discount }} تومان </span>
                                        @else
                                            <span class="price-pro">ناموجود </span></div>
                                     @endif
                                    @endif

                                </a>
                            </article>
                        @endforeach
                    @else
                        <article class="col-xs-12">

                            <p> محصولی در این برند یافت نشد </p>

                        </article>
                    @endif

                </div>
                {{--pagination--}}
                <div class="overhid text-center pagination">
                    {!! $data['Proudct']->appends(['status' => request('status') , 'sort' => request('sort')])->render() !!}

                </div>
                {{----}}
            </div>
            {{-- side bar--}}
            <div id="sidebar-menu" class="overhid">
                <div class="menu-list">
                    <form method="get" id="filter">
                        <ul id="menu-content" class="menu-content collapse out">
                            <input id="SortInp" name="sort" value="{{ request('sort') }}" type="hidden">
                             @if($showPrice)
                            <li>
                                <input type="checkbox" name="status" value="1" @if(request('status') == "1")  checked @endif>
                                <label>فقط کالا های موجود </label>
                            </li>
                            @endif
                            <li>
                                <button type="submit" class="btnprice">اعمال فیلتر</button>
                            </li>
                            
                        </ul>

                    </form>
                </div>
            </div>
            {{--  side bar --}}
        </div>
        {{-- coo  --}}
       
        {{--  --}}
    </div>


@stop
@section('script_area')
    <script>
        $(document).on('click', 'li.sort a', function () {
            var this_btn = $(this);
            var sort = this_btn.attr('data-sort');
            this_btn.parent().siblings().removeClass('active');
            this_btn.parent().addClass('active');
            $('input#SortInp').val(sort);
            $('form#filter').submit();
        });
        $(document).ready(function () {
            @if(app('request')->input('sort') != null)
            $('li.sort').removeClass('active');
            $('li.sort').find('a[data-sort={{ request('sort') }}]').parent().addClass('active');
            @endif
        });
    </script>
@endsection