@extends('frontend.m9')
@section('styles')
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="{{asset('css/bootstrap.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/promotions.css')}}">
@endsection
@section('content')
<div id="content" class="buth" role="main">
    <div class="title_promo">Shop offers by category:</div>
    <div class="slider">
        {{-- @foreach ($promotions as $key => $promotion)
        <div class="item">
            {{ $promotion->category->category_image ?? '' }}
            <span class="set_title">
            <a href="/">{{ $promotion->category->name_en ?? '' }}</a>
            </span>
        </div>
        @endforeach --}}
    </div>
    <div class="set_bg_color_for_promo">
        <div class="container">
            <div class="row pt-5">
                <div class="col-md-8"></div>
                <div class="col-md-2">
                    <span class="filter_text_on">Sort By: </span>
                </div>
                <div class="col-md-2">
                    <div class="filter-select-box">
                        <select name="my-select" class="js-my-select-promo">
                            <option value="new_date">Newest</option>
                            <option value="old_date">Oldest</option>
                            <option value="max">Price Highest</option>
                            <option value="min">Price Lowest</option>
                        </select>
                        </div>
                </div>
            </div>
            @include('flash-message')
            <div class="row mt-5" id="sort-promotion">
                @foreach ($promotions as $key => $promotion)
                    @php
                        $color      = [];
                        $price_max = $promotion->product->product_prices()->orderBy('price', 'desc')->first();
                        $price_min = $promotion->product->product_prices()->orderBy('price', 'asc')->first();
                        $product_specifications = $promotion->product->specification_values;
                        foreach ($product_specifications as $pskey => $psvalue) {
                            if ($psvalue->specification->name == "Color") {
                                $color [] = $psvalue;
                            }
                            if ($psvalue->specification->name == "Memory") {
                                $storage [] = $psvalue;
                            }
                        }
                    @endphp
                    @if(isset($promotion->product))
                        <div class="col-md-4 newest promo" data-date="{{$promotion->created_at}}" data-pricemin=".price{{$price_min->id}}" data-pricemax=".price{{$price_max->id}}" data-min="{{$price_min->price}}" data-max="{{$price_max->price}}">
                            <div class="promotion-sort" data-date="{{$promotion->created_at}}"  data-min="{{$price_min->price}}" data-max="{{$price_max->price}}">
                            <div class="product_promo" >
                                {{-- <div class="rating_fun">
                                    <i class="fa fa-heart-o unchecked" id="one" aria-hidden="true"></i>
                                </div> --}}
                                    <div class="img">
                                        @if (count($color) >0)