@extends('layouts.site')

@section('content')
    @php
        /**/ [
            $name,
            $email,
            $phone,
            $whatsapp,
            $google_map_url,
            $addresss,
            $facebook,
            $instagram,
            $twitter,
            $youtube,
            $tiktok,
        ] = getGeneralSettings();
        $slug = 'slug_' . app()->getLocale();
     //   $slug = 'slug_en';
    @endphp
    @php

        $lang = app()->getLocale();
        $name = 'name_' . $lang;
        $details = 'details_' . $lang;

        $description = 'description_' . $lang;

        $img_alt = 'img_alt_' . $lang;

        // related_offers

    @endphp
    <!--Start Page Header-->
    <section class="page-header">
        <div class="page-header__bg" style="background-image: url({{ asset('assets/front/img/pages/blog.webp') }} )">
        </div>
        <div class="container">
            <div class="page-header__inner text-center">
                <h2>{{ __('Offers') }}</h2>
                <ul class="thm-breadcrumb">
                    <li><a href="{{ route('home_index') }}">{{ __('Home') }}</a></li>
                    <li><span class="icon-right-arrow-5"></span></li>
                    <li>{{ __('Offers details') }}</li>
                </ul>
            </div>
        </div>
        <svg class="wave" viewBox="0 0 1440 40" xmlns="http://www.w3.org/2000/svg">
            <path fill="#fff" fill-opacity="1" d="M0,40 Q360,10 720,30 T1440,40 L1440,50 L0,50Z">
            </path>
        </svg>
    </section>

    <!--Start Blog Details-->
    <section class="blog-details">
        <div class="container">
            <div class="row">
                <!--Start Blog Standard Page Content-->
                <div class="col-xl-8">
                    <div class="blog-details__content">

                        <!--Start Blog Standard Page Single-->
                        <div class="blog-standard-page__single wow fadeInUp" data-wow-delay=".2s">
                            <div class="blog-standard-page__single-img">
                                <div class="backservdetails"
                                    style="background-image: url({{ asset('assets/images/offers/' . $offer['img']) ?? '' }});"
                                   alt="{{ $offer->$img_alt ?? 'blog img' }}"></div>
                            </div>
                            <div class="blog-standard-page__single-content">
                                <ul class="meta-box">
                                    <li><a><i class="icon-date"></i> {{ $offer->created_at->format('j-n-Y') }} </a></li>
                                    <li><a><i class="icon-tag"></i>

    @if($offer->discount_price)
      <del>{{ number_format($offer->price, 2) }} RS</del>
      <span style="color: red; font-weight: bold; margin-right: 10px;">
        {{ number_format($offer->price - ($offer->price * $offer->discount_price / 100), 2) }} RS
      </span>
    @else
      {{ number_format($offer->price, 2) }} RS
    @endif


                                    </a></li>
                                </ul>
                                <h2> {{ $offer->$name }} </h2>

                                <p>
                                    {!! html_entity_decode($offer->$details) !!}
                                </p>


                            </div>
                        </div>
                    </div>
                </div>

                <!--Start Sidebar-->
                <div class="col-xl-4">
                    <div class="sidebar">
                        <!--Start Sidebar Single-->
                        <div class="sidebar__single sidebar__latest-post wow fadeInUp" data-wow-delay=".2s">
                            <div class="title-box">
                                <h2>
                                    {{ app()->getLocale() == 'ar' ? 'أحدث العروض' : 'Latest offer' }}
                                </h2>
                            </div>
                            @php
                                $offers = \App\Models\Offer::where('is_active', 1)->get();
                            @endphp
                            @if ($offers && $offers->count() > 0)
                                <ul class="sidebar__latest-post-list">
                                    @foreach ($offers as $offere)
                                        <li>
                                            <div class="img-box">
                                                <img src="{{ asset('assets/images/offers/' . $offere['img']) ?? '' }}" alt="{{ $offer->$img_alt ?? 'blog img' }}">
                                            </div>

                                            <div class="text-box">
                                                <p>{{ $offere->main_category->$name }}
                                                    -
                                                    {{ $offere->created_at->format('j-n-Y') }} </p>
                                                <h3><a href="{{ route('site.offerDetails', ['slug' => $offere->$slug]) }}">
                                                        {{ $offere->$name }}
                                                    </a></h3>
                                            </div>
                                        </li>
                                    @endforeach

                                </ul>
                            @endif
                        </div>

 <!--Start Sidebar Single-->
 {{-- <div class="sidebar__single sidebar__services wow fadeInUp" data-wow-delay=".3s">
    <div class="title-box">
        <h2>
            {{ app()->getLocale() == 'ar' ? 'الأقسام' : 'Categories' }}

        </h2>
    </div>
    @php
        $categories = \App\Models\MainCategory::where('is_active', 1)->get();
    @endphp
    @if ($categories && $categories->count() > 0)
        <ul class="sidebar__services-list">
            @foreach ($categories as $category)
                <li><a href="{{ route('ourBlog.index', ['cat_id' => $category->id]) }}">{{ $category->$name }} <span
                            class="icon-right-arrow-5"></span></a></li>
            @endforeach
        </ul>
    @endif
</div> --}}

                    </div>
                </div>
            </div>
            <!--End Sidebar-->
        </div>
    </section>





@stop

@section('scripts')

    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    </script>

@stop