@extends('frontend.layouts.app')
@section('page_content')



   <div class="cursor"></div>
    @if(count($sliders) > 0)
        <div id="home-carousel" class="mainslider desktop-view carousel slide carousel-fade" data-ride="carousel"
                data-interval="false">

            <ol class="carousel-indicators">
                @foreach($sliders as $key => $slider)

                @if($slider->icon_id)

                    @php($icon_name = $slider->sliderIcon->icon)
                @else
                    @php($icon_name = 'icon_default.svg')
                @endif
                    
                    <li data-target="#home-carousel" data-slide-to="{{$key}}" class="{{($key==0)?'active':''}}">
                        <div class="item">
                            <div class="icon"><img src="{{asset('uploads/products/categories')}}/{{$icon_name}}"></div>
                            <p>{{LangTranslate::translate($slider->title ?? '', $slider->ar_title ?? '')}}</p>
                        </div>
                    </li>
                @endforeach
            </ol>

            <div class="carousel-inner" role="listbox">
                @foreach($sliders as $ckey => $cslider)
                    <div class="carousel-item {{($ckey==0)?'active':''}}" data-slide="{{$ckey}}">
                        <img src="{{asset($cslider->image)}}" alt="slide" class="d-block img-fluid">
                        <div class="overlay"></div>
                        <div class="carousel-caption justify-content-center">
                            <div class="content">
                                <h2 class="fw-medium fs-30">{{LangTranslate::translate($cslider->title ?? '',$cslider->ar_title ?? '')}}</h2>
                                <div class="buttons">
                                    <a href="{{$cslider->link}}" class="green_filled_btn fw-medium px-5 fs-14">{{LangTranslate::translate($cslider->sub_title ?? '',$cslider->ar_sub_title ?? '') ?? 'Discover Models'}}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            
        </div>

        <div class="mobile_mainslider">
            <div class="slick-slider mobile-slider">
                @foreach($sliders as $ckey => $mslider)
                    <div class="item">
                        <img src="{{asset($mslider->mobile_image)}}">
                        <div class="slide_desc">
                            <h2 class="fw-medium">{{LangTranslate::translate($mslider->title ?? '',$mslider->ar_title ?? '')}}</h2>
                            <div class="buttons">
                                <a href="{{$mslider->link}}" class="green_filled_btn fw-medium">{{LangTranslate::translate($mslider->sub_title ?? '',$mslider->ar_sub_title ?? '') ?? 'Discover Models'}}</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    @endif

    @if(isset($about_company) && isset($about_company->id))
        <section class="welcome py-5" data-aos="fade-up">
            <div class="container py-lg-5">
                <div class="row justify-content-center text-center">
                    <div class="col-lg-7 px-lg-5">
                        {!! LangTranslate::translate($about_company->description ?? '',$about_company->ar_description ?? '') !!}
                    </div>
                </div>
            </div>
        </section>
    @endif

    @if(isset($feature_products) && count($feature_products) > 0)
        <!-- Products -->
        <section class="gray_bg py-5">
            <div class="container py-lg-5">
                <div class="row">
                    <div class="col-md-12 px-lg-5">
                        <div class="sec_title text-center mb-4" data-aos="fade-up">
                            <h2 class="text_green fs-30 fw-medium mb-0">
                                {{LangTranslate::translate($fpc_page_title->title ?? 'Discover Our Featured Products',$fpc_page_title->ar_title ?? 'اكتشف منتجاتنا المميزة')}}
                            </h2>
                            <div class="fw-regular">
                                {!! LangTranslate::translate($fpc_page_title->description ?? '',$fpc_page_title->ar_description ?? '') !!}</div>
                        </div>
                        <div class="slick-slider featured-products" data-aos="fade-up">
                            @foreach($feature_products as $key => $feature_product)
                            <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;DB&quot; not found in /home/caferout/public_html/ledray/resources/views/frontend/index.blade.php:95
Stack trace:
#0 {main}
  thrown in <b>/home/caferout/public_html/ledray/resources/views/frontend/index.blade.php</b> on line <b>95</b><br />