@extends('web_site.layouts.master')
@section('content')
    <!-- :: Breadcrumb Header -->
    <!--Page Header Start-->
    <section class="page-header">
        <div class="page-header__bg" style="background-image: url({{asset('assets_web/img/newbaner/casestudies.webp')}})" loading="lazy" alt="breadcrumb img"></div>
        <div class="container">
            <div class="page-header__inner">
                <h2>{{trans('web_site.Case_Studies')}}</h2>
                <div class="thm-breadcrumb__box">
                    <ul class="thm-breadcrumb list-unstyled">
                        <li><a href="{{route('home')}}">{{trans('web_site.Home')}}</a></li>
                        <li><span>-</span></li>
                        <li>{{trans('web_site.insights')}}</li>
                    </ul>
                </div>
            </div>
        </div>

    </section>
    <section class="newspage bck">
        <!--------------------------------------------------------------------------------------------------->
        <!--Blog -->
        <section class="blog-two blog-page wow fadeInRight" data-wow-delay="200ms">
            <div class="container">
                <div class="section-title text-center">

                    <div class="titfirabout"> {{trans('web_site.Case_Studies_details')}} </div>
                </div>
                @if (isset($lastRow->images) && (!empty($lastRow->images)))

                <div class="row">
                    <div class="col-xl-12">
                        <div class="about-three__right text-center">
                            <div class="section-title text-center">
                                <h2 class="section-title__title" style="color: #7c1327;"> {{trans('web_site.Latest_Case_Studies')}}</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-12 col-lg-12">
                        <div class="blog-details__left mb-440 ">
                            <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                                <div class="carousel-inner">
                                    @foreach ($lastRow->images as $key => $img)
                                                                                <div class="carousel-item {{ $key == 0 ? 'active' : '' }}">
                                        <div class="blog-details__img servimgdetails" style="background-image: url({{$img_url}});"></div>
                                    </div>
                                    @endforeach

                                </div>

                                <!-- أزرار التنقل -->
                                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">{{trans('web_site.Previous')}}</span>
                                </button>
                                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">{{trans('web_site.Next')}}</span>
                                </button>

                            </div>

                            <div class="blog-details__content">
                                <div class="blog-details__text-1">
                                    {{Str::words((strip_tags($lastRow->details)),50,'..')}}</div>
                                <div><a class="aclrbtn font-weight" href="{{route('one_case_Studies',$lastRow->id)}}"> {{trans('web_site.read_more')}} <i
                                                class="fas fa-chevron-right"></i></a></div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            @if (isset($all) && (!empty($all)))


                    <div class="row">
                        <div class="col-xl-12">
                            <div class="about-three__right text-center">
                                <div class="section-title text-center">
                                    <h2 class="section-title__title" style="color: #7c1327;"> {{ trans('web_site.Recent_Case_Studies') }}</h2>
                                </div>
                            </div>
                        </div>
                        @foreach ($all as $item)


                                @php $img_url = $item->image_path; @endphp

                            <div class="col-xl-6 col-lg-6 col-md-6">
                                <div class="blog-two__single">
                                    <div class="blog-two__img-box ">
                                        <a href="{{route('one_case_Studies',$item->id)}}">
                                            <div class="blog-two__img blog-two-high"
                                                 style="background-image: url()"></div>
                                        </a>
                                    </div>
                                    <div class="blog-two__content blog-two__read ">

                                        <h3 class="blog-two__title   mt-0 font-weight"><a href="{{route('one_case_Studies',$item->id)}}">{{getDefultheader($item->title)}}</a>
                                        </h3>
                                        <p class="text">
{{--                                            {{\Illuminate\Support\Str::words(strip_tags($item->details), 30, '...')}}--}}
                                            {{getDefultText($item->details)}}
                                        </p>
                                        <div><a class="aclrbtn" href="{{route('one_case_Studies',$item->id)}}"> {{trans('web_site.read_more')}} <i class="fas fa-chevron-right"></i></a></div>

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

                        @endforeach

                        <div class="about-three__btn-box text-center">

                            {!! $all->withQueryString()->links('vendor/pagination/default') !!}

                        </div>
                    </div>
                @endif
            </div>
        </section>
@endsection