@extends('website.layout') @section('content') <section id="index-top"> <div class="container"> <div class="grid"> <div class="display-block position-relative"> <div class="fa fa-mobile-alt fa-bg"></div> <h2 class="mt-5 ms-3"> {{\App\Helpers\getSetting('top1text')}} </h2> <div class="clearfix mt-5 mb-5"></div> <div id="owl2" class="owl-carousel owl-theme"> @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top1cat'),'id','desc',10) as $p) <div class="item"> <div class="box"> <a href="{{route('product',$p->slug)}}"> <img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}"> <h4> {{$p->name}} </h4> </a> <span> {{$p->getPrice()}} </span> <a href="{{route('card.add',$p->slug)}}" class="add-to-card btn btn-primary btn-block mt-2 mb-2"> <img src="{{asset('images/basket.svg')}}" class="basket-icon" alt=""> افزودن به سبد خرید </a> </div> </div> @endforeach </div> </div> <div class="position-relative"> @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top2cat'),'id','desc',2) as $p) <article> <a href="{{route('product',$p->slug)}}"> <img src="{{$p->thumbUrl()}}" alt="{{$p->name}}" title="{{$p->name}}"> <div> <div class="text-light"> {{$p->getPrice()}} </div> </div> </a> <span class="badge bg-secondary discount"> {{\App\Helpers\getSetting('top2text')}} </span> </article> @endforeach </div> <div class="position-relative"> @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top3cat'),'id','desc',2) as $p) <article> <a href="{{route('product',$p->slug)}}"> <img src="{{$p->thumbUrl()}}" alt="{{$p->name}}" title="{{$p->name}}"> <div> <div class="text-light"> {{$p->getPrice()}} </div> </div> </a> <span class="badge bg-secondary discount"> {{\App\Helpers\getSetting('top3text')}} </span> </article> @endforeach </div> </div> </div> </section> <section id="new-products" class="mt-5 long-box"> <div class="container pt-4 pb-4"> <h1 class="mb-4"> {{\App\Helpers\getSetting('sectext')}} </h1> <div id="owl1" class="owl-carousel owl-theme"> @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('seccat'),'id','desc',10) as $p) <div class="item "> <div class="box"> <a href="{{route('product',$p->slug)}}"> <img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}"> </a> <a href="{{route('product',$p->slug)}}"> <h4> {{$p->name}} </h4> <span> {{$p->getPrice()}} </span> </a> <div> <a href="{{route('card.add',$p->slug)}}" class="add-to-card btn btn-primary btn-block mt-2 mb-2 corner"> <img src="{{asset('images/basket.svg')}}" class="basket-icon" alt=""> افزودن به سبد خرید </a> </div> </div> </div> @endforeach </div> <a href="{{route('products')}}" class="float-end btn btn-outline-primary"> همه محصولات </a> <br> <br> </div> </section> <section id="filtering" class="pb-4 pt-4 bg long-box"> <div class="container"> <h1> {{\App\Helpers\getSetting('3text')}} </h1> <div class="btn-group mt-3" role="group" aria-label="Basic example"> <button type="button" class="btn btn-primary active" data-cat="all">همه</button> @foreach(\App\Helpers\getSubCats(\App\Helpers\getSetting('3cat')) as $cat) <button type="button" class="btn btn-primary" data-cat="cat{{$cat->id}}"> {{$cat->name}} </button> @endforeach </div> <div id="da-thumbs" class="da-thumbs"> @foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('3cat'),'stock_quantity','desc',12) as $p) <div class="item custom @foreach($p->categories()->pluck('id')->toArray() as $c) cat{{$c}} @endforeach shad pad"> <div class="box"> <a href="{{route('product',$p->slug)}}"> <img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}" > <h4> {{$p->name}} </h4> </a> <span> {{$p->getPrice()}} </span> </div> </div> @endforeach </div> </div> </section> <section id="brand" class="pt-4 pb-4"> <div class="container"> <h1> برندها </h1> <div class="row"> @foreach(\App\Helpers\getSubCats(\App\Helpers\getSetting('4cat')) as $cat) <div class="col-md-2 col-sm-3 col-4"> <a href="{{route('cat',$cat->slug)}}"> <img src="{{$cat->thumbUrl()}}" title="{{$cat->name}}" alt="{{$cat->name}}"> </a> </div> @endforeach </div> </div> </section> @endsection