@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 cat-search-section-s">
            <div class="container">
                <div class="col-md-4 col-sm-6 col-xs-12 cat-icon-container">
                </div>
                <div class="col-md-4">
                    <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=" {{{ $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 cont-lab-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 cont-lab-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="h-20"></div>
            <div class="col-md-12 col-xs-12">
                <div class="newest-container">
                    <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))