@extends('layouts.front-end.app')

@section('title', $web_config['company_name'].' '.translate('online_Shopping').' | '.$web_config['company_name'].' '.translate('ecommerce'))

@push('css_or_js')
    <meta name="robots" content="index, follow">
    <meta property="og:image" content="{{$web_config['web_logo']['path']}}"/>
    <meta property="og:title" content="Welcome To {{$web_config['company_name']}} Home"/>
    <meta property="og:url" content="{{env('APP_URL')}}">
    <meta property="og:description" content="{{ substr(strip_tags(str_replace('&nbsp;', ' ', $web_config['about']->value)),0,160) }}">

    <meta property="twitter:card" content="{{$web_config['web_logo']['path']}}"/>
    <meta property="twitter:title" content="Welcome To {{$web_config['company_name']}} Home"/>
    <meta property="twitter:url" content="{{env('APP_URL')}}">
    <meta property="twitter:description" content="{{ substr(strip_tags(str_replace('&nbsp;', ' ', $web_config['about']->value)),0,160) }}">

    <link rel="stylesheet" href="{{theme_asset(path: 'assets/front-end/css/home.css')}}"/>
    <link rel="stylesheet" href="{{ theme_asset(path: 'assets/front-end/css/owl.carousel.min.css') }}">
    <link rel="stylesheet" href="{{ theme_asset(path: 'assets/front-end/css/owl.theme.default.min.css') }}">
@endpush

@section('content')
    @php($decimalPointSettings = !empty(getWebConfig(name: 'decimal_point_settings')) ? getWebConfig(name: 'decimal_point_settings') : 0)
    @php($featuredProductsList = App\Utils\ProductManager::getPriorityWiseFeaturedProductsQuery(query: App\Models\Product::active(), dataLimit: 12))
    <section class="blog-section">
        <div class="container" style="min-height: 50vh; direction: ltr">
            <div class="row align-items-center">
                <div class="col-lg-6 col-12" style="padding: 50px 0;text-align: center;">
                    <img src="{{asset('assets/front-end/img/404.png')}}" alt="" style="width: 290px">
                </div>
                <div class="col-lg-6 col-12 text-right fw-bold" dir="rtl">
                    <h3>
                        هذه الصفحة غير موجودة ..
                    </h3>
                    <h3>
                        <a href="{{route('home')}}" style="color: var(--web-primary);">
                            العودة للصفحة الرئيسية
                        </a>
                    </h3>
                </div>
            </div>
        </div>
    </section>
    <div class="container py-4 rtl px-0 px-md-3">
        <div class="__inline-62 pt-3">

            <div class="feature-product">
                <div class="carousel-wrap p-1">
                    <div class="owl-carousel owl-theme" id="featured_products_list">
                        @foreach($featuredProductsList as $product)
                            <div>
                                @include('web-views.partials._feature-product',['product'=>$product, 'decimal_point_settings'=>$decimalPointSettings])
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="text-center pt-2 d-md-none">
                    <a class="text-capitalize view-all-text web-text-primary" href="{{route('products',['data_from'=>'featured','page'=>1])}}">
                        {{ translate('view_all')}}
                        <i class="czi-arrow-{{Session::get('direction') === "rtl" ? 'left mr-1 ml-n1 mt-1' : 'right ml-1'}}"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script src="{{theme_asset(path: 'assets/front-end/js/owl.carousel.min.js')}}"></script>
    <script src="{{ theme_asset(path: 'assets/front-end/js/home.js') }}"></script>
@endpush