@extends('view.layout.layout')
@section('title')
    {{{ get_option('site_title','') }}} - {{{ $category->title or 'Categories' }}}
@endsection
@section('page')

    <div class="container-fluid">
        <div class="row cat-search-section" style="background: url('{{{ $category->background or '' }}}');">
            <div class="container">
                <div class="col-md-6 col-sm-6 col-xs-12 tab-con cat-icon-container">
                    <span><img src="{{{ $category->icon or '' }}}" class="category-icon" /> </span>
                    <span><span>{{{ $category->title or '' }}}</span></span>
                </div>
                <div class="col-md-2 tab-con">
                    <div class="h-10"></div>
                </div>
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="box box-s">
                        <div class="container-2">
                            <form>
                            <input type="search" id="search" name="q" value="{{{ $_GET['q'] or '' }}}" placeholder="Search in  {{{ $category->title or 'Search in all categories' }}}" />
                            <span class="icon"><i class="homeicon mdi mdi-magnify"></i></span>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row cat-tag-section">
            <div class="container">
{{--                <div class="col-md-2 col-xs-12 tab-con">--}}
{{--                    <div class="btn-group" data-toggle="buttons">--}}
{{--                        <label class="btn btn-primary @if($pricing == 'all' || $pricing == '') active @endif">--}}
{{--                            <input type="radio" name="pricing" value="all" @if($pricing == 'all' || $pricing == '') checked @endif> {{{ trans('main.all') }}}--}}
{{--                        </label>--}}
{{--                        <label class="btn btn-primary @if($pricing == 'free') active @endif">--}}
{{--                            <input type="radio" name="pricing" value="free" @if($pricing == 'free') checked @endif> {{{ trans('main.free') }}}--}}
{{--                        </label>--}}
{{--                        <label class="btn btn-primary @if($pricing == 'price') active @endif">--}}
{{--                            <input type="radio" name="pricing" value="price" @if($pricing == 'price') checked @endif> {{{ trans('main.paid') }}}--}}
{{--                        </label>--}}
{{--                    </div>--}}
{{--                </div>--}}
                <div class="col-md-3 col-xs-12 tab-con">
                    <div class="btn-group" data-toggle="buttons">
                        <label class="btn btn-primary @if($course == 'all' || $course == '') active @endif">
                            <input type="radio" name="course" value="all" @if($course == 'all' || $course == '') checked @endif> {{{ trans('main.all') }}}
                        </label>
                        <label class="btn btn-primary @if($course == 'multi') active @endif">
                            <input type="radio" name="course" value="multi" @if($course == 'multi') checked @endif> {{{ trans('main.course') }}}
                        </label>
                        <label class="btn btn-primary @if($course == 'one') active @endif">
                            <input type="radio" name="course" value="one" @if($course == 'one') active @endif> {{{ trans('main.single') }}}
                        </label>
                    </div>
                </div>
                <div class="col-md-5 col-xs-12 text-left tab-con">
                    <div class="form-group">
{{--                        <label class="control-label form-label-s" for="inputDefault">{{{ trans('main.postal_delivery') }}}</label>--}}
{{--                        <div class="switch switch-sm switch-primary sw-prim-s">--}}
{{--                            <input type="hidden" value="0" name="post-sell">--}}
{{--                            <input type="checkbox" name="post-sell" value="1" @if(isset($_GET['post-sell']) && $_GET['post-sell'] == 1) checked @endif data-plugin-ios-switch />--}}
{{--                        </div>--}}
                        &nbsp;&nbsp;
                        <label class="control-label cont-lab-s" for="inputDefault">{{{ trans('main.supported_course') }}}</label>
                        <div class="switch switch-sm switch-primary sw-prim-s">
                            <input type="hidden" value="0" name="support">
                            <input type="checkbox" name="support" value="1" @if(isset($_GET['support']) && $_GET['support'] == 1) checked @endif data-plugin-ios-switch />
                        </div>
                        &nbsp;&nbsp;
                        <label class="control-label form-label-s" for="inputDefault">{{{ trans('main.discount') }}}</label>
                        <div class="switch switch-sm switch-primary sw-prim-s" >
                            <input type="hidden" value="0" name="post">
                            <input type="checkbox" name="off" value="1" @if($off == 1) checked @endif data-plugin-ios-switch />
                        </div>
                    </div>
                </div>
                <div class="col-md-2 col-xs-12 text-left tab-con">
                    <div class="form-group pull-left">
                        <select class="form-control" id="order order-s">
                            <option value="new" @if($order == 'new') selected @endif>{{{ trans('main.newest') }}}</option>
                            <option value="old" @if($order == 'old') selected @endif>{{{ trans('main.oldest') }}}</option>
                            <option value="price" @if($order == 'price') selected @endif>{{{ trans('main.price_ascending') }}}</option>
                            <option value="cheap" @if($order == 'cheap') selected @endif>{{{ trans('main.price_descending') }}}</option>
                            <option value="sell" @if($order == 'sell') selected @endif>{{{ trans('main.most_sold') }}}</option>
                            <option value="popular" @if($order == 'popular') selected @endif>{{{ trans('main.most_popular') }}}</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="h-20"></div>
<div class="container-fluid">
    <div class="row">
        <div class="container">
            <div class="col-md-3 col-xs-12 tab-con">
                @if(isset($category->id) && count($category->filters)>0)
                    <div class="ucp-section-box sbox3">
                    <div class="header back-orange header-new"><span>{{{ trans('main.filters') }}}</span></div>
                    <div class="body">
                        <ul id="accordion" class="cat-filters-li accordion">
                            @foreach($category->filters as $filter)
                                <li id="filter{{{ $filter->id or 0 }}}">
                                    <div class="link">{{{ $filter->filter or '' }}}<i class="mdi mdi-chevron-down"></i></div>
                                    @if(count($filter->tags)>0)
                                        <ul class="submenu">
                                            @foreach($filter->tags as $tag)
                                                <li><input type="checkbox" id="filter{{{ $tag->id or '' }}}" name="filters" value="{{{ $tag->id or '' }}}" @if(!is_null($filters) && in_array($tag->id,$filters)) checked @endif/><label for="filter{{{ $tag->id or '' }}}"><span></span>{{{ $tag->tag or '' }}}</label></li>
                                                @if(!is_null($filters) && in_array($tag->id,$filters)) <script>$(document).ready(function(){$('#filter{{{ $filter->id or 0 }}}').addClass('open');$('#filter{{{ $filter->id or 0 }}} .submenu').css('display','block');});</script> @endif
                                            @endforeach
                                        </ul>
                                    @endif
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                @endif
                @if(isset($setting['site']['category_most_sell_container']) && $setting['site']['category_most_sell_container'] == 1)
                @endif
                    <div class="row">
                        @if(isset($ads))
                            @foreach($ads as $ad)
                                @if($ad->position == 'category-side')
                                    <a href="{{{ $ad->url or '#' }}}"><img src="{{{ $ad->image or '' }}}" class="{{{ $ad->size or '' }}}" id="cat-side"></a>
                                @endif
                            @endforeach
                        @endif
                    </div>
            </div>
            <div class="col-md-9 col-xs-12">
                <div class="newest-container newest-container-s">
                    <div class="row body body-target body-target-s">
                                                @if(!empty($vip) && !isset($order) && !isset($pricing) && !isset($course) && !isset($off) && !isset($post_sell) && !isset($q) && !isset($support) && !isset($filters))
                            @foreach($vip as $content)
                                @if(isset($content->content->id))