@extends('layouts.main')
@push('catalogue-nav')
    @include('partials.general.catalogue-nav')
@endpush

@section('content')

    <div id="tt-pageContent">
        <div class="container-indent">
            <div class="container container-fluid-custom-mobile-padding">


                <div class="tt-block-title">
                    <h1 class="tt-title">Search</h1>
                </div>

                @if(!$products)

                    <div class="row modal-form-container">
                        <div class="col-9 col-md-6 col-lg-6 colored-icons">
                            <a href="{{url()->previous()}}">
                                <i class="fa fa-arrow-left" aria-hidden="true">
                                    <span>Back To Home</span>
                                </i>
                            </a>
                        </div>
                        <div class="col-6 col-md-3 col-lg-3">

                        </div>
                        <div class="col-6 col-md-3 col-lg-3">

                        </div>
                    </div>

                    <div class="row tt-layout-product-item">

                        <h3 class="text-center">No Products available.</h3>

                    </div>

                @endif


                @if(isset($products))
                    @if($products)
                        <div class="row modal-form-container">
                            <div class="col-9 col-md-6 col-lg-6 colored-icons">
                                <a href="{{url()->previous()}}">
                                    <i class="fa fa-arrow-left" aria-hidden="true">
                                        <span>Back To Home</span>
                                    </i>
                                </a>
                            </div>
                            <div class="col-6 col-md-3 col-lg-3">
                                <div class="form-group">
                                    <label for="size">Sort by:</label>
                                    <select class="form-control" id="mysort">
                                        <option value="0" selected>None</option>
                                        <option value="1">Price: Low to High</option>
                                        <option value="2">Price: High to Low</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-6 col-md-3 col-lg-3">
                                <div class="form-group">
                                    <label for="size">Redemption Method:</label>
                                    <select class="form-control" id="mymethod">
                                        <option value= "0" selected>All</option>
                                        <option value= "1">Pick Up</option>
                                        <option value= "2">Delivery</option>
                                        <option value= "3">Pick Up + Delivery</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row tt-layout-product-item category_products">
                            @if(isset($products))
                                @foreach($products as $product)
                                    <div class="col-6 col-md-4 col-lg-3">
                                        <div class="tt-product thumbprod-center">
                                            <div class="tt-image-box">
                                                <a href="{{url('catalogue/product', [$product->product_code])}}" class="tt-btn-quickview" data-tooltip="Quick View" data-tposition="left"></a>
                                                <a href="#" class="tt-btn-wishlist" data-tooltip="Add to Wishlist" data-tposition="left"></a>
                                                <!-- <a href="#" class="tt-btn-compare" data-tooltip="Add to Compare" data-tposition="left"></a> -->
                                                <a href="{{url('catalogue/product', [$product->product_code])}}">
                                                    <span class="tt-img"><img src="{{asset('images/loader.svg')}}" data-src="{{$product->image}}" alt="{{$product->product}}"></span>
                                                    <span class="tt-img-roll-over"><img src="{{asset('images/loader.svg')}}" data-src="{{$product->image}}" alt="{{$product->product}}"></span>
                                                    <!-- <span class="tt-label-location">
                                                        <span class="tt-label-our-fatured">Fatured</span>
                                                    </span> -->
                                                </a>
                                            </div>
                                            <div class="tt-description">
                                                <div class="tt-row">
{{--                                                    <ul class="tt-add-info">--}}
{{--                                                        <li><a href="#">{{$products->category ? ucwords($products->category) : ''}}</a></li>--}}
{{--                                                    </ul>--}}
                                                    <!-- <div class="tt-rating">
                                                        <i class="icon-star"></i>
                                                        <i class="icon-star"></i>
                                                        <i class="icon-star"></i>
                                                        <i class="icon-star"></i>
                                                        <i class="icon-star"></i>
                                                    </div> -->
                                                </div>
                                                <h2 class="tt-title"><a href="{{url('catalogue/product', [$product->product_code])}}">{{str_limit($product->product, 12)}}</a></h2>
                                                <p class="sigma-price">@if(Auth::check())
                                                    @if(Auth::user()->currency->is_currency_fixed == '1')</span></p>
                                                <div class="product-price">
                                                    <span class="price">&#8358;{{transform_product_price($product->price, 1) }}</span>
                                                    @if($product->sale == 1)
                                                        <span class="price-before-discount">&#8358; {{transform_product_price($product->old_price, 1)}}</span>
                                                    @endif
                                                </div>
                                                @else
                                                    <div class="product-price">
                                                        @if($product->sale == 1)
                                                            <span class="price-before-discount">{{ transform_product_price($product->old_price, Auth::user()->currency->rate )  }} {{Auth::user()->currency->currency}}</span>
                                                        @endif
                                                        <span class="price">{{ transform_product_price($product->price, Auth::user()->currency->rate )  }} {{Auth::user()->currency->currency }}</span>
                                                    </div>
                                            @endif
                                            @endif
                                            <!-- <div class="tt-option-block">
                               <ul class="tt-options-swatch">
                                   <li class="active"><a class="options-color tt-color-bg-01" href="#"></a></li>
                                   <li><a class="options-color tt-color-bg-02" href="#"></a></li>
                               </ul>
                           </div> -->
                                                <div class="tt-product-inside-hover">
                                                    <div class="tt-row-btn">
                                                        <!-- <a>HELLO WORLD</a> -->
                                                        <a href="{{url('catalogue/product', [$product->product_code])}}" class="tt-btn-addtocart thumbprod-button-bg">VIEW PRODUCT</a>
                                                    </div>
                                                    <div class="tt-row-btn">
                                                        <a href="{{url('catalogue/product', [$product->product_code])}}" class="tt-btn-quickview" data-tooltip="Quick View" data-tposition="left"></a>
                                                        <a href="#" class="tt-btn-wishlist"></a>
                                                        <!-- <a href="#" class="tt-btn-compare"></a> -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach

                                @else
                                <p>No Products available</p>
                            @endif
                        </div>

                    @endif
                @endif


        </div>
    </div>


@endsection
@push('style')
    <link rel="stylesheet" type="text/css" href="{{asset('css/alertui.min.css')}}">
@endpush

@push('script')
    <script src="{{asset('js/alertui.min.js')}}"></script>
    <script>
        var baseUrl = "