@extends('frontend.m9')
@section('styles')
<link rel="stylesheet" type="text/css" href="{{asset('css/shoppage.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/slick-theme.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/slick.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/promotions.css')}}">
<style media="screen">
button.product_btn_one.disabled {
  opacity: 0.5;
}
.set_product_design_storage.active span {
    border: 2px solid #0099ff;
}
.storage_size .set_product_design_storage{
  display:none;
}
.storage_size .slider{
  /* display:flex; */
  min-height:24px;
}
.set_product_design_storage.active{
  display:inline-block;
}
.d-show{
  display:inline-block!important;
}
.d-none{
  display:none!important;
}
.set_product_design_storage span{
  padding:2px 0px;
}
a.product_btn_one.full-width,
.full-width{
  width:100%;
}
</style>
@endsection
@section('content')
@php $language = session()->get('language'); @endphp
<div id="content">
    <div class="title_promo">Shop offers by category:</div>
  <div class="gb-gnb__bar"></div>
  <div class="cm-breadcrumb">
    <div class="cm-breadcrumb__inner">
    </div>
  </div>

  <!-- banner title -->
  <div class="pr-flagship-header shop-header">
    <div class="pr-flagship-header__wrap">

    </div>
  </div>

  <!-- banner title -->
  <!-- content layout -->
  <div class="filter-sort__head-wrap">
      <div class="filter-sort__head">

        <div class="filter-sort-info__results-text">
          <p class="filter-count"></p>
        </div>

        <div class="filter-sort-applied">
            <span class="filter_text_on">Sort By: </span>
        </div>

        <div class="filter-select-box-meta promo">
            <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>
    <!-- content product -->

    @include('flash-message')
    <div class="product-whole-area">
    <!-- left side -->
    <!-- left side -->

    <!-- right side -->
    <div class="product-filter-list">
        <div class="product-grid-list">
            <section class="product-card-nature">
                <div id="sort-promotion" class="product-card-nature-group__list">
                   @php
                    $check_id = '';
                    @endphp

                    @foreach ($promotions as $key => $promotion)
                     @if($check_id != $promotion->product->id)
                    @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="product_item newest" data-date="{{$promotion->product->created_at}}" data-pricemin=".price{{$price_min->id}}" data-pricemax=".price{{$price_max->id}}" data-min="{{$price_min->price}}" data-max="{{$price_max->price}}" data-tag="{{$promotion->product->name_en}}">
                        <div data-date="{{$promotion->product->created_at}}" data-min="{{$price_min->price}}" data-max="{{$price_max->price}}">
                            <form action="{{ url('/cart/add') }}" name="addtocartForm" id="addtocartForm" method="POST">
                                @csrf

                                @if (count($color) >0)