@extends('layouts.site')

@section('content')
    @php

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

        $description = 'description_' . $lang;
        $img_alt = 'img_alt_' . $lang;
         $slug = 'slug_' . $lang;
       // $slug = 'slug_en';
    @endphp
 

    <!--Start Page Header-->
    <section class="page-header">
        <div class="page-header__bg" style="background-image: url({{ asset('assets/front/img/services.webp') }} )">
        </div>
        <div class="container">
            <div class="page-header__inner text-center">
                <h2>{{ app()->getLocale() == 'ar' ? 'الوحدات  ' : 'Units' }}</h2>
                <ul class="thm-breadcrumb">
                    <li><a href="{{ route('home_index') }}">{{ __('Home') }}</a></li>
                    <li><span class="icon-right-arrow-5"></span></li>
                    <li>{{ app()->getLocale() == 'ar' ? 'الوحدات  ' : 'Units' }}</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>
 
@php
    /**/ [
        $name1,
        $email,
        $phone,
        $whatsapp,
        $google_map_url,
        $addresss,
        $facebook,
        $instagram,
        $twitter,
        $youtube,
        $tiktok,
        $snapchat,
    ] = getGeneralSettings();

@endphp
    <section class="blog-two wow fadeInDown direction" data-wow-delay=".3s">
        <div class="blog-two__pattern" style="background-image: url({{ asset('assets/front/img/blog-v2-pattern.webp') }});"></div>
        <div class="container">
            <div class="row">
                <!--Start Blog Two Single-->
                @if ($posts && $posts->count() > 0)
                    @foreach ($posts as $post)
                        <div class="col-xl-4 col-lg-4 col-md-6 wow fadeInLeft" data-wow-delay="0ms">
                            <div class="blog-two__single">
                                <div class="blog-two__single-img">
                                    
                                    <a href="{{ route('site.postDetails', ['slug' => $post->$slug]) }}">
                                        <div class="inner"
                                            style="background-image: url({{ asset('assets/images/posts/' . $post['img']) ?? '' }});" alt="Units img"> </div>
                                    </a>
                                </div>
                                <div class="blog-two__single-content">
                                    
                                    <h2><a href="{{ route('site.postDetails', ['slug' => $post->$slug]) }}">{{ $post->$name }}</a>  </h2>

<p>{{ $post->$img_alt ?? 'blog img' }}"</p>
 
                                   <div class="btn-box">
    <a href="{{ route('site.postDetails', ['slug' => $post->$slug]) }}" class="half-button">
        {{ app()->getLocale() == 'ar' ? 'المزيد' : 'Read More' }}
        <span class="icon-right-arrow-5"></span>
    </a>
    <a href="https://api.whatsapp.com/send/?phone={{ $whatsapp }}" target="_blank" class="half-button second-button">
     <span class="fab fa-whatsapp"></span>
       {{ app()->getLocale() == 'ar' ? 'واتساب' : 'WhatsApp' }}
       
    </a>
</div>
 
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif

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


@stop
<!--remove-from-cart
-->
@section('scripts')
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    </script>
     

@stop