@extends('layouts.front')
@section('page_title')
@parent
{{$defaultset->metatitle}}
@endsection
@section('meta')
    <!-- SEO -->
    <meta name="description" content="{{$defaultset->metadescr}}">
    <link rel="canonical" href="{{url('/')}}" />
    <!-- <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="{{asset('/')}}" /> -->

    <!-- OG -->
    <meta property="og:site_name" content="{{$defaultset->metatitle}}">
    <meta property="og:locale" content="fa_IR" />
    <meta property="og:type" content="website">
    <meta property="og:url" content="{{url('/')}}">
    <meta property="og:title" content="{{$defaultset->metatitle}}">
    <meta property="og:description" content="{{$defaultset->metadescr}}">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@Netito28592456" />
    <meta name="twitter:description" content="{{$defaultset->metadescr}}" />
    <meta name="twitter:title" content="{{$defaultset->metatitle}}" />
@stop
@section('head-js')
    <link href="/assets/frontends/js/plugins/fliptimer/flipclock.css" rel="stylesheet" />
@stop
@section('main')
<main class="main default">
@if(count($slides) > 0)
  <div class="container">
    <div class="row">
          <aside class="sidebar col-12 col-lg-4 order-2 order-lg-1">
            <div class="row">
            @foreach($banners as $banner)
              @if($banner->position == 'slider_side')
              <div class="col-6 col-lg-12 mb10">
                <a href="{{$banner->link}}" class="banner-box">
                    <figure>
                        <img src="{{asset('uploads/banners/'.$banner->src)}}" class="img-fluid" alt="{{$banner->title}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy">
                    </figure>
                </a>
              </div>
              @endif
            @endforeach
            </div>
          </aside>
          <div class="col-12 col-lg-8 order-1 order-lg-2">
            <section class="main-slider owl-carousel owl-theme">
              @foreach($slides as $slide)
              <a href="{{$slide->link}}" class="slide">
                <img class="img-fluid" src="{{asset('/uploads/sliders/'.$slide->src)}}" alt="{{$slide->src}}" onerror="this.src='/no-image-available.jpg';"  loading="lazy">
              </a>
              @endforeach
            </section>
          </div>
      </div>
  </div>
@endif

@if(count($sales) > 0)
<div class="container offer-box-homepage">
  <div class="row mb40 text-center">
      <div class="col-md-8 GoldOfferCol">
          <div class="offer-box-header">
            <h4 class="section-title-dralipor">پیشنهاد طلایی امروز <span><img src="/AGHAYE-DARO-LOGO-6-min.png" class="img-fluid" width="120"></span></h4>
            <a href="{{asset('/shop?off=1&')}}" class="more-product">تخفیف های بیشتر</a>
          </div>
          <div class="OfferSection">
            <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
              @foreach($sales as $key => $value)
              <li class="nav-item">
                <a class="nav-link @if($key == 0) active @endif" id="pills-home-tab" data-toggle="pill" href="#pills{{$value->id}}" role="tab" aria-controls="pills-home" aria-selected="true">@if($value->salesprice) {{round((1-($value->salesprice / $value->price))*100)}} @endif %</a>
              </li>
              @endforeach
            </ul>
            <div class="tab-content OffersectionContent" id="pills-tabContent">
              @foreach($sales as $key => $value)
                  <div class="tab-pane fade @if($key == 0 ) show active @endif" id="pills{{$value->id}}" role="tabpanel" aria-labelledby="pills-home-tab">
                      <a href="{{asset('/shop/'.$value->slug)}}">
                          <div class="offerdescr-col">
    
                            <h3>{{$value->title}}</h3>
                            <p>{{$value->subtitle}}</p>
                            @if($value->salestimer)