@extends('website.layouts.master')
{{--@section('title') {{__('website.special_offers')}} @stop--}}
@section('css')
    <link rel="stylesheet" href="{{asset('website/css/subpages.css')}}">
@stop
{{--@section('script.title') @stop--}}
@section('content')
<style>
    .checkbox, .radio {
        position: relative;
        display: block;
        margin-top: -5px;
        margin-bottom: 0;
    }
</style>
    <nav class="breadcrumb-area">
        <div class="container">
            <ol class="breadcrumb-list">
                <li class="breadcrumb-item active"><a href="{{ url('/') }}">{{ trans('theme.nav.home') }}</a></li>
                @if (Request::has('ingrp'))
                    @php
                        $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                    @endphp
                    <li class="breadcrumb-item active">{{ $category_translation->name ?? $category->name }}</li>
                @elseif(Request::has('insubgrp') && Request::get('insubgrp') != 'all')
                    @php
                        $category_group_translation = $category->group->translations->where('language_id',getLocaleId())->first();
                        $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                    @endphp
                    <li class="breadcrumb-item active">
                        <a class="link-filter-opt" data-name="ingrp" data-value="{{ $category->group->slug }}">
                            {{ $category_group_translation->name ?? $category->group->name }}
                        </a>
                    </li>
                    <li class="breadcrumb-item active">{{ $category_translation->name ?? $category->name }}</li>
                @elseif(Request::has('in'))
                    @php
                        $category_subGroup_group_translation = $category->subGroup->group->translations->where('language_id',getLocaleId())->first();
                        $category_subGroup_translation = $category->subGroup->translations->where('language_id',getLocaleId())->first();
                        $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                    @endphp
                    <li class="breadcrumb-item active">
                        <a class="link-filter-opt" data-name="ingrp" data-value="{{ $category->subGroup->group->slug }}">
                            {{ $category_subGroup_group_translation->name ?? $category->subGroup->group->name }}
                        </a>
                    </li>

                    <li class="breadcrumb-item active">
                        <a class="link-filter-opt" data-name="insubgrp" data-value="{{ $category->subGroup->slug }}">
                            {{ $category_subGroup_translation->name ?? $category->subGroup->name }}
                        </a>
                    </li>
                    <li class="breadcrumb-item active">{{ $category_translation->name ?? $category->name }}</li>
                @endif
                <li class="breadcrumb-item active">
                    "<strong class="text-primary">{{ Request::get('q') }}</strong>"
                    <span class="ml-1">({{ trans('app.search_result_found', ['count' => $products->total()]) }})</span>
                </li>

            </ol>

        </div>
    </nav>
    <section class="sub-page agriculural-sector">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="well">
                        <div class="row">
                            <div class="btn-group col-md-1">
                                <a href="#" id="list" class="btn btn-default btn-sm">
                                    <i class="bi bi-list-ul"></i>
                                </a> <a href="#" id="grid" class="btn btn-default btn-sm">
                                    <i class="bi bi-grid"></i>
                                </a>
                            </div>
                            <div class="view-options__control col-md-4" style="float: right; margin-left: 0; margin-right: 90px">
                                <label>@lang('theme.sort_by'):</label>
                                <div class="select-icon">
                                    <i class="bi bi-caret-down-fill"></i>
                                    {{--                                    <select class="form-control s-n">--}}
                                    <select name="sort_by" class="form-control s-n" id="filter_opt_sort">
                                        <option value="best_match">@lang('theme.best_match')</option>
                                        <option value="newest" {{ Request::get('sort_by') == 'newest' ? 'selected' : '' }}>@lang('theme.newest')</option>
                                        <option value="oldest" {{ Request::get('sort_by') == 'oldest' ? 'selected' : '' }}>@lang('theme.oldest')</option>
                                        <option value="price_acs" {{ Request::get('sort_by') == 'price_acs' ? 'selected' : '' }}>@lang('theme.price'): @lang('theme.low_to_high')</option>
                                        <option value="price_desc" {{ Request::get('sort_by') == 'price_desc' ? 'selected' : '' }}>@lang('theme.price'): @lang('theme.high_to_low')</option>
                                    </select>
                                </div>
                            </div>
                            <div class="checkbox col-md-2">
                                <label style="margin-top: 10px;">
                                    <input name="free_shipping" class=" i-check  filter_opt_checkbox" type="checkbox" {{ Request::has('free_shipping') ? 'checked' : '' }}> @lang('theme.free_shipping') <span class="small">({{ $products->where('free_shipping', 1)->count() }})</span>
                                </label>
                            </div>
                            <div class="checkbox col-md-2">
                                <label style="margin-top: 10px;">
                                    <input name="has_offers" class="i-check filter_opt_checkbox" type="checkbox" {{ Request::has('has_offers') ? 'checked' : '' }} />
                                    @lang('theme.has_offers')
                                    <span class="small">({{ $products->where('offer_price', '>', 0)->where('offer_start', '<', \Carbon\Carbon::now())->where('offer_end', '>', \Carbon\Carbon::now())->count() }})</span>
                                </label>
                            </div>

                            <div class="checkbox col-md-2">
                                <label style="margin-top: 10px;">
                                    <input name="new_arrivals" class="i-check filter_opt_checkbox" type="checkbox" {{ Request::has('new_arrivals') ? 'checked' : '' }} />
                                    @lang('theme.new_arrivals')
                                    <span class="small">
                                            ({{ $products->where('created_at', '>', \Carbon\Carbon::now()->subDays(config('system.filter.new_arraival', 7)))->count() }})
                                        </span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3 col-lg-3 col-md-3 co-xs-12">
                    <div class="card">
                        <div class="widget-filters">
                            <div class="widget-filters__item">
                                <div class=".widget__title">
                                    <h4 class="widget__title">
                                        @if (Request::is('search'))
                                            <a class="link-filter-opt" data-name="insubgrp" data-value="all"></a>
                                        @else
                                            <a href="{{ route('categories') }}">
                                        @endif
                                        @lang('theme.all_categories')</a>
                                    </h4>
                                </div>
                                <div class="widget-filters__list">
                                    <ul class="filter-categories__list">

                                        @if (Request::is('search'))
                                            <li >
                                                @if (Request::has('ingrp'))
                                                    @php
                                                        $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                    @endphp

                                                    <h6>{{ $category_translation->name ?? $category->name }}</h6>
                                                    @php
                                                        $t_categories = $products
                                                            ->pluck('product.categories')
                                                            ->flatten()
                                                            ->unique();
                                                        $t_categories = $t_categories
                                                            ->pluck('subGroup.slug')
                                                            ->flatten()
                                                            ->unique()
                                                            ->toArray();
                                                    @endphp
                                                    <ul>
                                                        @foreach ($category->subGroups as $slug => $category)
                                                            @if (in_array($category->slug, $t_categories))
                                                                @php
                                                                    $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                                @endphp
                                                                <li class="filter-categories__item">
                                                                    <a data-name="insubgrp" data-value="{{ $category->slug }}">
                                                                        {{ $category_translation->name ??  $category->name }}
                                                                    </a>
                                                                </li>
                                                            @endif
                                                        @endforeach
                                                    </ul>

                                                @elseif(Request::has('insubgrp') && Request::get('insubgrp') != 'all')

                                                    @php
                                                        $t_categories = $products
                                                            ->pluck('product.categories')
                                                            ->flatten()
                                                            ->unique();
                                                        $t_categories = $t_categories
                                                            ->pluck('slug')
                                                            ->flatten()
                                                            ->unique()
                                                            ->toArray();
                                                            $category_group_translation = $category->group->translations->where('language_id',getLocaleId())->first();
                                                            $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                    @endphp

                                                    <h6>
                                                        <a data-name="ingrp" data-value="{{ $category->group->slug }}">
                                                            {{ $category_group_translation->name ?? $category->group->name }}
                                                        </a>
                                                    </h6>
                                                    <h6>
                                                        <a data-name="ingrp" data-value="{{ $category->slug }}">
                                                            {{ $category_translation->name ?? $category->name }}
                                                        </a>
                                                    </h6>

                                                    <ul>
                                                        @foreach ($category->categories as $category)
                                                            @if (in_array($category->slug, $t_categories))
                                                                @php
                                                                    $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                                @endphp
                                                                <li class="filter-categories__item">
                                                                    <a data-name="in" data-value="{{ $category->slug }}">
                                                                        {{ $category_translation->name ?? $category->name }}
                                                                    </a>
                                                                </li>
                                                            @endif
                                                        @endforeach
                                                    </ul>

                                                @elseif(Request::has('in'))
                                                    @php
                                                        $category_subGroup_group_translation = $category->subGroup->group->translations->where('language_id',getLocaleId())->first();
                                                        $category_subGroup_translation = $category->subGroup->translations->where('language_id',getLocaleId())->first();
                                                        $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                    @endphp
                                                    <h5 class="filter-categories__item">
                                                        <a data-name="ingrp" data-value="{{ $category->subGroup->group->slug }}">
                                                            {{ $category_subGroup_group_translation->name ?? $category->subGroup->group->name }}
                                                        </a>
                                                    </h5>
                                                    <h6>
                                                        <a data-name="insubgrp" data-value="{{ $category->subGroup->slug }}">
                                                            {{ $category_subGroup_translation->name ?? $category->subGroup->name }}
                                                        </a>
                                                    </h6>

                                                    <ul>
                                                        <li class="filter-categories__item">{{ $category_translation->name ?? $category->name }}</li>
                                                    </ul>

                                        @else

                                            @php
                                                $t_categories = $products
                                                    ->pluck('product.categories')
                                                    ->flatten()
                                                    ->unique();
                                                $t_categories = $t_categories
                                                    ->pluck('subGroup.group')
                                                    ->flatten()
                                                    ->unique();
                                            @endphp

                                            @foreach ($t_categories as $category)
                                                @php
                                                    $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                @endphp
                                                <li>
                                                    <a data-name="ingrp" data-value="{{ $category->slug }}">
                                                        {{ $category_translation->name ?? $category->name }}
                                                    </a>
                                                </li>
                                                @endforeach
                                                @endif
                                                </li>
                                                @elseif(Request::is('categorygrp/*'))
                                                    <li>
                                                        @php
                                                            $categoryGroup_translation = $categoryGroup->translations->where('language_id',getLocaleId())->first();
                                                        @endphp
                                                        <h4>{{ $categoryGroup_translation->name ?? $categoryGroup->name }}</h4>
                                                        <ul>
                                                            @foreach ($categoryGroup->subGroups as $slug => $category)
                                                                @if ($category->categories->count())
                                                                    @php
                                                                        $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                                    @endphp
                                                                    <li><a href="{{ route('categories.browse', $category->slug) }}">{{ $category_translation->name ?? $category->name }}</a></li>
                                                                @endif
                                                            @endforeach
                                                        </ul>
                                                    </li>
                                                @elseif(Request::is('categories/*'))
                                                    @php
                                                        $categorySubGroup_group_translation = $categorySubGroup->group->translations->where('language_id',getLocaleId())->first();
                                                        $categorySubGroup_translation = $categorySubGroup->translations->where('language_id',getLocaleId())->first();
                                                    @endphp
                                                    <li>
                                                        <h6>
                                                            <a href="{{ route('categoryGrp.browse', $categorySubGroup->group->slug) }}">
                                                                {{ $categorySubGroup_group_translation->name ?? $categorySubGroup->group->name }}
                                                            </a>
                                                        </h6>
                                                        <h6>{{ $categorySubGroup_translation->name ?? $categorySubGroup->name }}</h6>
                                                        <ul>
                                                            @foreach ($categorySubGroup->categories as $slug => $category)
                                                                @php
                                                                    $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                                @endphp
                                                                <li><a href="{{ route('category.browse', $category->slug) }}">{{ $category_translation->name ?? $category->name }}</a></li>
                                                            @endforeach
                                                        </ul>
                                                    </li>
                                                @elseif(Request::is('category/*'))
                                                    @php
                                                        $category_subGroup_group_translation = $category->subGroup->group->translations->where('language_id',getLocaleId())->first();
                                                        $category_subGroup_translation = $category->subGroup->translations->where('language_id',getLocaleId())->first();
                                                        $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                    @endphp
                                                    <li class="filter-categories__item">
                                                        <h6>

                                                            <a href="{{ route('categoryGrp.browse', $category->subGroup->group->slug) }}">
                                                                {{ $category_subGroup_group_translation->name ?? $category->subGroup->group->name }}
                                                            </a>
                                                        </h6>
                                                        <h6>

                                                            <a href="{{ route('categories.browse', $category->subGroup->slug) }}">
                                                                {{ $category_subGroup_translation->name ?? $category->subGroup->name }}
                                                            </a>
                                                        </h6>
                                                        <h6>{{ $category_translation->name ?? $category->name }}</h6>
                                                    </li>
                                                @else
                                                    @foreach ($categories as $slug => $category)
                                                        @php
                                                            $category_translation = $category->translations->where('language_id',getLocaleId())->first();
                                                        @endphp
                                                        <li class="filter-categories__item">
                                                            <a href="{{ route('category.browse', $category->slug) }}">{{ $category_translation->name ?? $category->name }}
                                                                {{-- <span class="small">({{ $category->listings_count }})</span> --}}
                                                            </a>
                                                        </li>
                                                    @endforeach
                                                @endif
                                    </ul>
                                </div>
                            </div>

                            {{-- Condition --}}
                            @if (config('system_settings.show_item_conditions'))
                            <div class="widget-filters__item" >
                                <div class=".widget__title">
                                    <h4 class="widget__title">{{ trans('theme.condition') }}</h4>
                                </div>

                                <label class="next-checkbox-wrapper" style="display: block;" >
                                    <span class="next-checkbox">
                                        <span class="next-checkbox-inner">
                                            <i class="next-icon next-icon-select next-xs"></i>
                                        </span>
{{--                                        <input name="condition[New]" class="i-check filter_opt_checkbox" type="checkbox" {{ Request::has('condition.New') ? 'checked' : '' }}> @lang('theme.new')--}}
                                        <input type="checkbox" name="condition[New]" aria-checked="false" class="next-checkbox-input i-check filter_opt_checkbox" {{ Request::has('condition.New') ? 'checked' : '' }}> @lang('theme.new')
                                    </span>
{{--                                    <span class="small">({{ $products->where('condition', trans('app.new'))->count() }})</span>--}}
                                    <span class="next-checkbox-label" data-spm-anchor-id="a2g0o.productlist.0.i69.57a11ec2QieMSe">({{ $products->where('condition', trans('app.new'))->count() }})</span>
                                </label>

                                <label class="next-checkbox-wrapper" style="display: block;">
                                    <span class="next-checkbox">
                                        <span class="next-checkbox-inner">
                                            <i class="next-icon next-icon-select next-xs"></i>
                                        </span>
                                        <input type="checkbox" name="condition[Used]" aria-checked="false" class="next-checkbox-input i-check filter_opt_checkbox" {{ Request::has('condition.Used') ? 'checked' : '' }}> @lang('theme.used')
                                    </span>
                                    <span class="next-checkbox-label" data-spm-anchor-id="a2g0o.productlist.0.i69.57a11ec2QieMSe">({{ $products->where('condition', trans('app.used'))->count() }})</span>
                                </label>

                                <label class="next-checkbox-wrapper" style="display: block;">
                                    <span class="next-checkbox">
                                        <span class="next-checkbox-inner">
                                            <i class="next-icon next-icon-select next-xs"></i>
                                        </span>
                                        <input type="checkbox" name="condition[Refurbished]" aria-checked="false" class="next-checkbox-input i-check filter_opt_checkbox" {{ Request::has('condition.Refurbished') ? 'checked' : '' }}> @lang('theme.refurbished')
                                    </span>
                                    <span class="next-checkbox-label" data-spm-anchor-id="a2g0o.productlist.0.i69.57a11ec2QieMSe">({{ $products->where('condition', trans('app.refurbished'))->count() }})</span>
                                </label>
                            </div>
                            @endif
                            @unless(Request::is('search*'))
                            <div class="widget-filters__item">
                                <div class=".widget__title">
                                    <h4 class="widget__title">
                                        {{ trans('theme.rating') }}
                                        @if (Request::has('rating'))
                                            <a href="javascript:void(0)" data-name="rating" class="clear-filter small text-lowercase pull-right">@lang('theme.button.clear')</a>
                                        @endif
                                    </h4>
                                </div>
                                <ul class="widget-filters__item">
                                    @for ($i = 4; $i > 0; $i--)
                                        <li class="filter-categories__item">
                                            <a href="javascript:void(0)" data-name="rating" data-value="{{ $i }}" class="link-filter-opt product-info-rating">
                                                @for ($j = 0; $j < 5; $j++)
                                                    @if ($j < $i)
                                                        <span class="rated">&#9733;</span>
                                                    @else
                                                        <span>&#9734;</span>
                                                    @endif
                                                @endfor
                                                <span class="small {{ Request::get('rating') == $i ? 'active' : '' }}">&amp; @lang('theme.up')</span>
                                            </a>
                                        </li>
                                    @endfor
                                </ul>
                            </div>
                            @endunless

                            @if ($priceRange['max'] - $priceRange['min'] > 0)
                            <div class="widget-filters__item">
                                <div class=".widget__title">
                                    <h4 class="widget__title">
                                        {{ trans('theme.price') }}

                                        @if (Request::has('price'))
                                            <a href="javascript:void(0)" data-name="price" class="clear-filter small text-lowercase pull-right">@lang('theme.button.clear')</a>
                                        @endif
                                    </h4>
                                </div>
                                <ul  class="filter-categories__list">
                                    @foreach (generate_ranges($priceRange['min'], $priceRange['max'], 5) as $ranges)
                                        <li class="filter-categories__item">
                                            <a href="javascript:void(0)" data-name="price" data-value="{{ $ranges['lower'] . '-' . $ranges['upper'] }}" class="link-filter-opt {{ Request::get('price') == $ranges['lower'] . '-' . $ranges['upper'] ? 'active' : '' }}">
                                                @if ($loop->first)
                                                    {{ trans('theme.price_under', ['value' => get_formated_currency($ranges['upper'])]) }}
                                                @elseif($loop->last)
                                                    {{ trans('theme.price_above', ['value' => get_formated_currency($ranges['lower'])]) }}
                                                @else
                                                    <span class="text-lowercase">{{ get_formated_currency($ranges['lower']) .' ' .trans('theme.to') .' ' .get_formated_currency($ranges['upper']) }}</span>
                                                @endif
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                                <input type="text" id="price-slider" />
                            </div>
                            @endif

                            @if (count($brands))
                                <div class="widget-filters__item">
                                    <div class=".widget__title">
                                        <h4 class="widget__title">{{ trans('theme.brand') }}</h4>
                                        @foreach ($brands as $brand)
                                            <div class="checkbox">
                                                <label>
                                                    <input name="brand[{{ str_replace(' ', '%20', $brand) }}]" class="i-check filter_opt_checkbox" type="checkbox" {{ Request::has('brand.' . $brand) ? 'checked' : '' }}> {{ \Str::title(\Str::limit($brand, 30)) }}
                                                </label>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif


                        </div>
                    </div>
                </div>
                <div class="col-sm-9 col-lg-9 col-md-9 co-xs-12">
                    <div class="sb-cat-items">

                        <div id="products" class="row">
                            @if ($products->count())
                                @foreach ($products as $item)
                                    @php
                                        $item_translation = $item->translations->where('language_id',getLocaleId())->first();
                                    @endphp

                                    <div class="item  col-xs-4 col-lg-4">
                                        <div class="card wow fadeInUp animated">
                                            <div class="card-body">
                                                <div class="product-wrapper">
                                                    <div class="thumbnail-wrapper img-hover">

                                                        <a href="{{ route('show.product', $item->slug) }}">
                                                            <img style="width: 229px; height: 185px; !important;" class="img-fluid img-hover" src="{{ get_product_img_src($item, 'medium', 'alt') }}" alt="{{ $item_translation->title ?? $item->title }}" title="{{ $item_translation->title ?? $item->title }}">
                                                        </a>
                                                    </div>
                                                    <div class="meta-wrapper">
                                                        <h3><a href="{{ route('show.product', $item->slug) }}">{{ $item_translation->title ?? $item->title}}</a></h3>
                                                        <p>{!! $item_translation->description ?? $item->description !!}</p>
                                                        <ul class="product-info-feature-list">
                                                            @if (config('system_settings.show_item_conditions'))
                                                                <li>{!! $item->condition !!}</li>
                                                            @endif
                                                            {{-- <li>{{ $item->manufacturer->name }}</li> --}}
                                                        </ul>
                                                        <ul class="product-info-labels">
                                                            @if ($item->shop->isVerified() && Route::current()->getName() != 'show.store')
                                                                <li>@lang('theme.from_verified_seller')</li>
                                                            @endif

                                                            @foreach ($item->getLabels() as $label)
                                                                <li>{!! $label !!}</li>
                                                            @endforeach
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <span>{!! get_formated_price($item->current_sale_price(), config('system_settings.decimals', 2)) !!}</span>
                                                        @if ($item->hasOffer())
                                                            <p style="color: #b0b0b0;text-decoration: line-through;font-size: 16px;line-height: 24px;font-family: Arimo,sans-serif;">
                                                                {!! get_formated_price($item->sale_price, config('system_settings.decimals', 2)) !!}
                                                            </p>
                                                        @endif
                                                    </div>
                                                    <div class="product-card-actions">
                                                        <a class="sc-add-to-cart" data-link="{{ route('cart.addItem', $item->slug) }}"><i class="bi bi-cart3"></i></a>
                                                        <a class="itemQuickView" href="{{ route('quickView.product', $item->slug) }}"><i class="bi bi-zoom-in"></i></a>
                                                        <a class="add-to-wishlist" href="javascript:void(0)" data-link="{{ route('wishlist.add', $item) }}"><i class="bi bi-heart"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="lead text-center my-5">
                                    <div class="mb-4">{{ trans('theme.no_product_found') }}</div>
                                    <div class="mb-4 text-center">
                                        <a href="{{ url('categories') }}" class="btn btn-primary btn-sm flat">
                                            {{ trans('theme.button.choose_from_categories') }}
                                        </a>
                                    </div>
                                </div>
                            @endif

                        </div>
                        {{ $products->links('vendor.pagination.default') }}


                    </div>

                </div>
            </div>
        </div>
    </section>

@stop

@section('script')
    <script>

        $('.slider').each(function() {
            var $this = $(this);
            var $group = $this.find('.slide_group');
            var $slides = $this.find('.slide');
            var bulletArray = [];
            var currentIndex = 0;
            var timeout;

            function move(newIndex) {
                var animateLeft, slideLeft;

                advance();

                if ($group.is(':animated') || currentIndex === newIndex) {
                    return;
                }

                bulletArray[currentIndex].removeClass('active');
                bulletArray[newIndex].addClass('active');

                if (newIndex > currentIndex) {
                    slideLeft = '100%';
                    animateLeft = '-100%';
                } else {
                    slideLeft = '-100%';
                    animateLeft = '100%';
                }

                $slides.eq(newIndex).css({
                    display: 'block',
                    left: slideLeft
                });
                $group.animate({
                    left: animateLeft
                }, function() {
                    $slides.eq(currentIndex).css({
                        display: 'none'
                    });
                    $slides.eq(newIndex).css({
                        left: 0
                    });
                    $group.css({
                        left: 0
                    });
                    currentIndex = newIndex;
                });
            }

            function advance() {
                clearTimeout(timeout);
                timeout = setTimeout(function() {
                    if (currentIndex < ($slides.length - 1)) {
                        move(currentIndex + 1);
                    } else {
                        move(0);
                    }
                }, 4000);
            }

            $('.next_btn').on('click', function() {
                if (currentIndex < ($slides.length - 1)) {
                    move(currentIndex + 1);
                } else {
                    move(0);
                }
            });

            $('.previous_btn').on('click', function() {
                if (currentIndex !== 0) {
                    move(currentIndex - 1);
                } else {
                    move(3);
                }
            });

            $.each($slides, function(index) {
                var $button = $('<a class="slide_btn">&bull;</a>');

                if (index === currentIndex) {
                    $button.addClass('active');
                }
                $button.on('click', function() {
                    move(index);
                }).appendTo('.slide_buttons');
                bulletArray.push($button);
            });

            advance();
        });
    </script>
    <script>
        $(document).ready(function() {
            $('#list').click(function(event){event.preventDefault();$('#products .item').addClass('list-group-item');});
            $('#grid').click(function(event){event.preventDefault();$('#products .item').removeClass('list-group-item');$('#products .item').addClass('grid-group-item');});
        });
    </script>

@stop