@extends('frontend.layout')

@section('pageHeading')
    {{ __('Home') }}
@endsection
@section('metaKeywords')
    @if (!empty($seoInfo))
        {{ $seoInfo->meta_keyword_home }}
    @endif
@endsection

@section('metaDescription')
    @if (!empty($seoInfo))
        {{ $seoInfo->meta_description_home }}
    @endif
@endsection

@section('content')
    @php
        $position = $currencyInfo->base_currency_symbol_position;
        $symbol = $currencyInfo->base_currency_symbol;
    @endphp
    @if (count($sliderInfos) > 0)
        <!-- Home-area start-->
        <section class="hero-banner hero-banner_v3" data-aos="fade-up">
            <div class="container">
                <div class="row">
                    <div class="col-xl-8 col-xxl-7">
                        <div class="swiper home-slider" id="home-slider-3">
                            <div class="swiper-wrapper">
                                @foreach ($sliderInfos as $sliderInfo)
                                    <div class="swiper-slide">
                                        <div class="banner-content">
                                            <h1 class="title mb-20" data-animation="animate__fadeInUp" data-delay=".1s">
                                                {{ !empty($sliderInfo->title) ? $sliderInfo->title : '' }}
                                            </h1>
                                            <p class="text" data-animation="animate__fadeInUp" data-delay=".2s">
                                                {{ !empty($sliderInfo->text) ? $sliderInfo->text : '' }}</p>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="banner-filter-form mt-40" data-aos="fade-up">
                            <div class="form-wrapper p-20 radius-md">
                                <form action="{{ route('all_equipment') }}" method="GET">
                                    <div class="grid">
                                        <div class="item">
                                            <div class="form-group">
                                                <div class="form-block">
                                                    <div class="icon color-primary"><i class="far fa-search"></i></div>
                                                    <input class="form-control" type="text" name="keyword"
                                                        placeholder="{{ __('Search title') }}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="form-group">
                                                <div class="form-block">
                                                    <div class="icon color-primary"><i class="far fa-th-large"></i></div>
                                                    <select class="niceselect" id="category" name="category">
                                                        <option selected value="">
                                                            {{ __('Categories') }}</option>
                                                        @foreach ($equipCategories as $category)
                                                            <option value="{{ $category->slug }}">{{ $category->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="form-group">
                                                <div class="form-block">
                                                    <div class="icon color-primary"><i class="fal fa-calendar-alt"></i>
                                                    </div>
                                                    <input type="text" class="form-control" name="date"
                                                        placeholder="{{ __('Search By Date') }}" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <button class="btn btn-lg btn-primary radius-sm w-100" type="submit"
                                                aria-label="button">{{ __('Search') }}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper home-img-slider" id="home-img-slider-3">
                    <div class="swiper-wrapper">
                        @foreach ($sliderInfos as $sliderInfo)
                            <div class="swiper-slide">
                                <div class="lazyload bg-img"
                                    data-bg-img="{{ asset('assets/img/hero/sliders/' . $sliderInfo->background_image) }}">
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>
        <!-- Home-area end -->
    @endif

    <!-- Works-area start -->
    @if ($secInfo->work_process_section_status == 1)
        <section class="works-area works-area_v3 pt-100 pb-70">
            <div class="container">
                <div class="section-title title-inline mb-50">
                    <div>
                        <span
                            class="subtitle color-primary">{{ !empty($workProcessSecInfo->subtitle) ? $workProcessSecInfo->subtitle : '' }}</span>
                        <h2 class="title mt-0">{{ !empty($workProcessSecInfo->title) ? $workProcessSecInfo->title : '' }}
                        </h2>
                    </div>
                </div>
                <div class="row">
                    @if (count($processes) == 0)
                        <h3>{{ __('No Work Process Found') . '!' }}</h3>
                    @else
                        @foreach ($processes as $process)
                            <div class="col-lg-3 col-md-6" data-aos="fade-up">
                                <div class="card radius-md p-25 mb-30">
                                    <span
                                        class="card_number h3 mb-20">{{ str_pad($loop->index + 1, 2, '0', STR_PAD_LEFT) }}</span>
                                    <div class="card_icon mb-25">
                                        <i class="{{ $process->icon }}"></i>
                                    </div>
                                    <div class="card_content">
                                        <h5 class="card_title lc-1 mb-0">{{ $process->title }}</h5>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </section>
    @endif
    <!-- Works-area end -->

    <!-- Video-area start -->
    @if ($secInfo->video_section_status == 1)
        <div class="video-area video-area_v1 pb-100" data-aos="fade-up">
            <div class="container">
                <div class="section-title title-center mb-50">
                    <span class="subtitle color-primary">{{ $videoSection->title }}</span>
                    <h2 class="title mt-0">{{ $videoSection->subtitle }}</h2>
                </div>
                <div class="banner-img z-1">
                    <div class="lazy-container border radius-md ratio ratio-21-10">
                        <img class="lazyload" src="{{ asset('assets/front/theme3456/images/placeholder.png') }}"
                            data-src="{{ asset('assets/img/video-images/' . $videoSection->image) }}" alt="Image">
                    </div>
                    <a href="{{ $videoSection?->link }}" class="video-btn video-btn-white youtube-popup p-absolute"
                        title="Play Video">
                        <i class="fas fa-play"></i>
                    </a>
                </div>
            </div>
        </div>
    @endif
    <!-- Video-area end -->

    <!-- Featured equipments start -->
    @if ($secInfo->featured_equipment_section_status == 1)
        <section class="product-area featured-product pb-75">
            <div class="container">
                <div class="row">
                    <div class="col-12" data-aos="fade-up">
                        <div class="section-title title-inline mb-30">
                            <div>
                                <span class="subtitle">
                                    {{ !empty($equipmentSecInfo->featured_section_subtitle) ? $equipmentSecInfo->featured_section_subtitle : '' }}
                                </span>
                                <h2 class="title mw-100 mt-0">
                                    {{ !empty($equipmentSecInfo->featured_section_title) ? $equipmentSecInfo->featured_section_title : '' }}
                                </h2>
                            </div>
                            <a href="{{ route('all_equipment') }}" class="btn btn-lg btn-primary radius-sm"
                                title="{{ __('View All') }}" target="_self">{{ __('View All') }}</a>
                        </div>
                    </div>
                    <div class="col-12" data-aos="fade-up">
                        <div class="swiper product-slider" id="product-slider-1">
                            @if (count($allEquipment) == 0)
                                <div class="row text-center">
                                    <div class="col">
                                        <h3>{{ __('No Equipment Found') . '!' }}</h3>
                                    </div>
                                </div>
                            @else
                                <div class="swiper-wrapper">
                                    @foreach ($allEquipment as $equipment)
                                        <div class="swiper-slide">
                                            <div class="product-default product-default-2 border bg-light radius-sm mb-25">
                                                <figure class="product_img bg-light-2">
                                                    <a href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                        target="_self" title="{{__('Link')}}"
                                                        class="lazy-container ratio ratio-5-3">
                                                        <img class="lazyload"
                                                            src="{{ asset('assets/front/theme3456/images/placeholder.png') }}"
                                                            data-src="{{ asset('assets/img/equipments/thumbnail-images/' . $equipment->thumbnail_image) }}"
                                                            alt="Product">
                                                    </a>
                                                    <div class="product_price">
                                                        <div class="price">
                                                            @if (!empty($equipment->lowest_price))
                                                                <span class="font-sm">{{ __('Starts From') }}</span>
                                                                <div class="h4 mb-0 lh-1">
                                                                    @if (!empty($equipment->lowest_price))
                                                                        {{ $position == 'left' ? $symbol : '' }}{{ $equipment->lowest_price }}{{ $position == 'right' ? $symbol : '' }}
                                                                    @endif
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </figure>
                                                <div class="product_details">
                                                    <div class="product_title text-center mt-20">
                                                        <span class="product_tag lh-1 font-sm mb-10">
                                                            <a href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                                target="_blank"
                                                                title="{{__('Link')}}">{{ $equipment->categoryName }}</a>
                                                        </span>
                                                        <h4 class="title lc-1 mb-0"><a
                                                                href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                                target="_self"
                                                                title="{{__('Link')}}">{{ strlen($equipment->title) > 25 ? mb_substr($equipment->title, 0, 25, 'UTF-8') . '...' : $equipment->title }}</a>
                                                        </h4>
                                                    </div>
                                                    <div class="pricing_option mt-20 px-20">
                                                        @if (!empty($equipment->per_day_price))
                                                            <span
                                                                class="">{{ $position == 'left' ? $symbol : '' }}{{ $equipment->per_day_price }}{{ $position == 'right' ? $symbol : '' }}{{ '/' . __('Day') }}</span>
                                                        @endif
                                                        @if (!empty($equipment->per_week_price))
                                                            <span
                                                                class="active">{{ $position == 'left' ? $symbol : '' }}{{ $equipment->per_week_price }}{{ $position == 'right' ? $symbol : '' }}{{ '/' . __('Week') }}</span>
                                                        @endif
                                                        @if (!empty($equipment->per_month_price))
                                                            <span
                                                                class="">{{ $position == 'left' ? $symbol : '' }}{{ $equipment->per_month_price }}{{ $position == 'right' ? $symbol : '' }}{{ '/' . __('Month') }}</span>
                                                        @endif
                                                    </div>
                                                    <div class="product_feature py-20 text-center">
                                                        @php $features = explode(PHP_EOL, $equipment->features); @endphp
                                                        <ul class="product_feature_list toggle-list list-unstyled"
                                                            data-toggle-list="pricingToggle" data-toggle-show="3">
                                                            @foreach ($features as $feature)
                                                                <li>{{ $feature }}</li>
                                                            @endforeach
                                                        </ul>
                                                        <span class="show-more mt-15" data-toggle-btn="toggleListBtn">
                                                            {{ __('Show More +') }}
                                                        </span>
                                                    </div>
                                                    <div class="product_bottom p-20 border-top text-center">
                                                        <div class="ratings justify-content-center mb-20">
                                                            <div class="rate bg-img"
                                                                data-bg-img="{{ asset('assets/front/theme3456/images/rate-star.png') }}">
                                                                <div class="rating-icon bg-img"
                                                                    style="width: {{ $equipment->avgRating * 20 . '%;' }}"
                                                                    data-bg-img="{{ asset('assets/front/theme3456/images/rate-star.png') }}">
                                                                </div>
                                                            </div>
                                                            <span
                                                                class="ratings-total font-sm">{{ number_format($equipment->avgRating, 2) }}
                                                                ({{ $equipment->ratingCount . ' ' . __('rating') }})
                                                            </span>
                                                        </div>
                                                        <a href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                            class="btn btn-md btn-primary radius-sm"
                                                            title="{{ __('View') }}"
                                                            target="_self">{{ __('View') }}</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- product-default -->
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                            <div class="swiper-pagination position-static mt-15 mb-25" id="product-slider-1-pagination">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    <!-- Featured equipments end -->

    <!-- Counter-area start -->
    @if ($secInfo->counter_section_status == 1)
        <div class="counter-area counter-area_v2" data-aos="fade-up">
            <div class="counter-inner bg-img bg-cover"
                data-bg-img="{{ asset('assets/img/' . $counterSectionInfo->counter_section_image) }}">
                <div class="overlay"></div>
                <div class="container">
                    <div class="row justify">
                        @if (count($counters) == 0)
                            <div class="row text-center">
                                <div class="col">
                                    <h3>{{ __('No Information Found') . '!' }}</h3>
                                </div>
                            </div>
                        @else
                            @foreach ($counters as $counter)
                                <div class="col-lg col-sm-6">
                                    <div class="card text-center mb-30">
                                        <div class="card_icon mb-15">
                                            <i class="{{ $counter->icon }}"></i>
                                        </div>
                                        <div class="card_content">
                                            <h2 class="card_title color-white mb-1">
                                                <span class="counter">{{ $counter->amount }}</span>+
                                            </h2>
                                            <p class="card_text color-white lh-1">
                                                {{ $counter->title }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endif
    <!-- Counter-area end -->

    <!-- Latest Equipments start -->
    @if ($secInfo->equipment_section_status == 1)
        <section class="product-area pt-100 pb-75">
            <div class="container">
                <div class="row">
                    <div class="col-12" data-aos="fade-up">
                        <div class="section-title title-center pb-30">
                            <span class="subtitle color-primary">
                                {{ !empty($equipmentSecInfo->subtitle) ? $equipmentSecInfo->subtitle : '' }}
                            </span>
                            <h2 class="title mt-0 mb-30">
                                {{ !empty($equipmentSecInfo->title) ? $equipmentSecInfo->title : '' }}</h2>
                            </h2>
                            <div class="tabs-navigation mb-20">
                                <ul class="nav nav-tabs" data-hover="fancyHover">
                                    <li class="nav-item active">
                                        <button class="nav-link hover-effect active btn-md radius-sm" data-bs-toggle="tab"
                                            data-bs-target="#tab1" type="button">{{ __('All') }}</button>
                                    </li>
                                    @foreach ($equipment_featured_Categories as $eq_cat)
                                        <li class="nav-item">
                                            <button class="nav-link hover-effect btn-md radius-sm" data-bs-toggle="tab"
                                                data-bs-target="#tab{{ $eq_cat->slug }}"
                                                type="button">{{ $eq_cat->name }}</button>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="tab-content" data-aos="fade-up">

                            <div class="tab-pane fade show active" id="tab1">
                                <div class="row">
                                    @foreach (array_slice($cat_equipments, 0, 6) as $equipment)
                                        <div class="col-md-6 col-lg-4 col-xl-6">
                                            <div
                                                class="row g-0 product-default product-column border radius-md mb-30 align-items-center">
                                                <figure class="product_img col-xl-6">
                                                    <a href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                        target="_self" title="{{__('Link')}}"
                                                        class="lazy-container radius-sm ratio ratio-5-4">
                                                        <img class="lazyload"
                                                            src="{{ asset('assets/front/theme3456/images/placeholder.png') }}"
                                                            data-src="{{ asset('assets/img/equipments/thumbnail-images/' . $equipment->equipment->thumbnail_image) }}"
                                                            alt="Product">
                                                    </a>
                                                </figure>
                                                <div class="product_details col-xl-6 p-3">
                                                    <div class="product_title">
                                                        <span class="product_tag lh-1 font-xsm mb-1">
                                                            <a href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                                target="_blank"
                                                                title="{{__('Link')}}"> {{ $equipment->category->name }} </a>
                                                        </span>
                                                        <h5 class="title lc-1 mb-0"><a
                                                                href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                                target="_self"
                                                                title="{{__('Link')}}">{{ strlen($equipment->title) > 25 ? mb_substr($equipment->title, 0, 25, 'UTF-8') . '...' : $equipment->title }}</a>
                                                        </h5>
                                                    </div>
                                                    <div class="product_price mt-15">
                                                        <div class="price">
                                                            <span class="font-sm">{{ __('Starts From') }}</span>
                                                            <div class="h5 mb-0 lh-1">
                                                                @if (!empty($equipment->equipment->lowest_price))
                                                                    {{ $position == 'left' ? $symbol : '' }}{{ $equipment->equipment->lowest_price }}{{ $position == 'right' ? $symbol : '' }}
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="product_feature mt-15">
                                                        <ul class="product_feature_list list-unstyled icon-start toggle-list"
                                                            data-toggle-list="pricingToggle" data-toggle-show="2">
                                                            @php $features = explode(PHP_EOL, $equipment->features); @endphp
                                                            @foreach ($features as $feature)
                                                                <li class="font-xsm lc-1"><i class="far fa-check"></i>{{ $feature }}</li>
                                                            @endforeach
                                                        </ul>
                                                        <span class="show-more mt-1 font-xsm" data-toggle-btn="toggleListBtn">
                                                          {{ __('Show More +') }}
                                                        </span>
                                                    </div>
                                                    <div class="product_bottom mt-15">
                                                        <a href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                            class="btn btn-md btn-primary radius-sm" title="Book Now"
                                                            target="_self">{{ __('View') }}</a>
                                                        <div class="ratings flex-column align-items-start gap-2">
                                                            <div class="rate bg-img"
                                                                data-bg-img="{{ asset('assets/front/theme3456/images/rate-star.png') }}">
                                                                <div class="rating-icon bg-img"
                                                                    data-bg-img="{{ asset('assets/front/theme3456/images/rate-star.png') }}">
                                                                </div>
                                                            </div>
                                                            <span
                                                                class="ratings-total font-xsm">{{ number_format($equipment->avgRating, 2) }}
                                                                ({{ $equipment->ratingCount . ' ' . __('rating') }})</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- product-default -->
                                            <!-- product-default -->
                                        </div>
                                    @endforeach
                                </div>
                                <div class="text-center mt-15 mb-25">
                                    <a href="{{ route('all_equipment') }}" class="btn btn-lg btn-primary radius-sm" title="{{ __('View All') }}"
                                        target="_self">{{ __('View All') }}</a>
                                </div>
                            </div>
                            @foreach ($equipment_featured_Categories as $eq_cat)
                            <div class="tab-pane fade" id="tab{{ $eq_cat->slug }}">
                                <div class="row">
                                    @foreach ($eq_cat->equipmentContent as $equipment)
                                    <div class="col-md-6 col-lg-4 col-xl-6">
                                        <div
                                            class="row g-0 product-default product-column border radius-md mb-30 align-items-center">
                                            <figure class="product_img col-xl-6">
                                                <a href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                    target="_self" title="{{__('Link')}}"
                                                    class="lazy-container radius-sm ratio ratio-5-4">
                                                    <img class="lazyload"
                                                        src="{{ asset('assets/front/theme3456/images/placeholder.png') }}"
                                                        data-src="{{ asset('assets/img/equipments/thumbnail-images/' . $equipment->equipment->thumbnail_image) }}"
                                                        alt="Product">
                                                </a>
                                            </figure>
                                            <div class="product_details col-xl-6 p-3">
                                                <div class="product_title">
                                                    <span class="product_tag lh-1 font-xsm mb-1">
                                                        <a href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                            target="_blank"
                                                            title="{{__('Link')}}"> {{ $equipment->category->name }} </a>
                                                    </span>
                                                    <h5 class="title lc-1 mb-0"><a
                                                            href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                            target="_self"
                                                            title="{{__('Link')}}">{{ strlen($equipment->title) > 25 ? mb_substr($equipment->title, 0, 25, 'UTF-8') . '...' : $equipment->title }}</a>
                                                    </h5>
                                                </div>
                                                <div class="product_price mt-15">
                                                    <div class="price">
                                                        <span class="font-sm">{{ __('Starts From') }}</span>
                                                        <div class="h5 mb-0 lh-1">
                                                            @if (!empty($equipment->equipment->lowest_price))
                                                                {{ $position == 'left' ? $symbol : '' }}{{ $equipment->equipment->lowest_price }}{{ $position == 'right' ? $symbol : '' }}
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="product_feature mt-15">
                                                  <ul class="product_feature_list list-unstyled icon-start toggle-list"
                                                      data-toggle-list="pricingToggle" data-toggle-show="2">
                                                      @php $features = explode(PHP_EOL, $equipment->features); @endphp
                                                      @foreach ($features as $feature)
                                                          <li class="font-xsm lc-1"><i class="far fa-check"></i>{{ $feature }}</li>
                                                      @endforeach
                                                  </ul>
                                                  <span class="show-more mt-1 font-xsm" data-toggle-btn="toggleListBtn">
                                                    {{ __('Show More +') }}
                                                  </span>
                                                </div>
                                                <div class="product_bottom mt-15">
                                                    <a href="{{ route('equipment_details', ['slug' => $equipment->slug]) }}"
                                                        class="btn btn-md btn-primary radius-sm" title="Book Now"
                                                        target="_self">{{ __('View') }}</a>
                                                    <div class="ratings flex-column align-items-start gap-2">
                                                        <div class="rate bg-img"
                                                            data-bg-img="{{ asset('assets/front/theme3456/images/rate-star.png') }}">
                                                            <div class="rating-icon bg-img"
                                                                data-bg-img="{{ asset('assets/front/theme3456/images/rate-star.png') }}">
                                                            </div>
                                                        </div>
                                                        <span
                                                            class="ratings-total font-xsm">{{ number_format($equipment->avgRating, 2) }}
                                                            ({{ $equipment->ratingCount . ' ' . __('rating') }})</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><!-- product-default -->
                                        <!-- product-default -->
                                    </div>
                                    @endforeach
                                    <div class="text-center mt-15 mb-25">
                                        <a href="{{ route('all_equipment') . "?category=". $eq_cat->slug }}" class="btn btn-lg btn-primary radius-sm" title="{{ __('View All') }}"
                                            target="_self">{{ __('View All') }}</a>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    <!-- Latest Equipments end -->

    <!-- Testimonial-area start -->
    @if ($secInfo->testimonial_section_status == 1)
        <section class="testimonial-area testimonial-area_v3" data-aos="fade-up">
            <div class="container">
                <div class="row flex-lg-nowrap gx-xl-5 align-items-center">
                    <div class="col-lg-5">
                        <div class="content-title mb-5 mb-lg-0">

                            <span class="subtitle color-primary">
                                {{ !empty($testimonialSecInfo->subtitle) ? $testimonialSecInfo->subtitle : '' }}
                            </span>
                            <h2 class="title mt-0 mb-25">
                                {{ !empty($testimonialSecInfo->title) ? $testimonialSecInfo->title : '' }}
                            </h2>
                            <div class="clients-avatar mt-30">
                                <div class="client-img">
                                    @foreach ($testimonials as $testimonial)
                                        @if (is_null($testimonial->image))
                                            <img class="blur-up lazyload"
                                                src="{{ asset('assets/front/theme3456/images/placeholder.png') }}"
                                                data-src="{{ asset('assets/img/profile.jpg') }}" alt="Client Image">
                                        @else
                                            <img class="blur-up lazyload"
                                                src="{{ asset('assets/front/theme3456/images/placeholder.png') }}"
                                                data-src="{{ asset('assets/img/clients/' . $testimonial->image) }}"
                                                alt="Client Image">
                                        @endif
                                    @endforeach
                                    <span>{{ count($testimonials) }}+</span>
                                </div>
                            </div>
                            <!-- Slider navigation buttons -->
                            <div class="slider-navigation mt-30">
                                <button type="button" title="Slide prev" class="slider-btn rounded-circle btn-outline"
                                    id="testimonial-slider-2-prev">
                                    <i class="fal fa-angle-left"></i>
                                </button>
                                <button type="button" title="Slide next" class="slider-btn rounded-circle btn-outline"
                                    id="testimonial-slider-2-next">
                                    <i class="fal fa-angle-right"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-10">
                        <div class="swiper" id="testimonial-slider-2">
                            @if (count($testimonials) == 0)
                                <div class="row text-center">
                                    <div class="col">
                                        <h3>{{ __('No Testimonial Found') . '!' }}</h3>
                                    </div>
                                </div>
                            @else
                                <div class="swiper-wrapper row">
                                    @foreach ($testimonials as $testimonial)
                                        <div class="swiper-slide col-lg-6">
                                            <div class="slider-item border-0 radius-md">
                                                <div class="client mb-25">
                                                    <div class="client-info d-flex align-items-center">
                                                        <div class="client-img">
                                                            <div class="lazy-container rounded-pill ratio ratio-1-1">
                                                                @if (is_null($testimonial->image))
                                                                    <img class="lazyload"
                                                                        src="{{ asset('assets/front/theme3456/images/placeholder.png') }}"
                                                                        data-src="{{ asset('assets/img/profile.jpg') }}"
                                                                        alt="Person Image">
                                                                @else
                                                                    <img class="lazyload"
                                                                        src="{{ asset('assets/front/theme3456/images/placeholder.png') }}"
                                                                        data-src="{{ asset('assets/img/clients/' . $testimonial->image) }}"
                                                                        alt="Person Image">
                                                                @endif
                                                            </div>
                                                        </div>
                                                        <div class="content">
                                                            <h6 class="name">{{ $testimonial->name }}</h6>
                                                            <span
                                                                class="designation">{{ $testimonial->occupation }}</span>
                                                        </div>
                                                    </div>
                                                    <span class="icon"><i class="fal fa-quote-right"></i></span>
                                                </div>
                                                <div class="quote">
                                                    <p class="text mb-0">{{ $testimonial->comment }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    <!-- Testimonial-area end -->

    <!-- Blog-area start -->
    @if ($secInfo->blog_section_status == 1)
        <section class="blog-area blog-area_v3 pt-100 pb-70" data-aos="fade-up">
            <div class="container">
                <div class="section-title title-inline mb-50">
                    <div>
                        <span class="subtitle color-primary">
                            {{ !empty($blogSecInfo->subtitle) ? $blogSecInfo->subtitle : '' }}
                        </span>
                        <h2 class="title mt-0">
                            {{ !empty($blogSecInfo->title) ? $blogSecInfo->title : '' }}
                        </h2>
                    </div>
                    <a href="{{ route('blog') }}" class="btn btn-lg btn-primary" title="{{ __('View All') }}"
                        target="_self">{{ __('View All') }}</a>
                </div>
                <div class="row">
                    @foreach ($blogs as $blog)
                        <div class="col-md-6 col-xl-4">
                            <article class="card border radius-md mb-30">
                                <div class="card_top">
                                    <div class="card_img radius-sm">
                                        <a href="{{ route('blog_details', ['slug' => $blog->slug]) }}" target="_self"
                                            title="{{__('Link')}}" class="lazy-container ratio ratio-2-3">
                                            <img class="lazyload"
                                                src="{{ asset('assets/front/theme3456/images/placeholder.png') }}"
                                                data-src="{{ asset('assets/img/blogs/' . $blog->image) }}"
                                                alt="Blog Image">
                                        </a>
                                    </div>
                                    <ul class="card_list rounded-pill list-unstyled">
                                        <li class="icon-start">
                                            <a href="{{ route('blog') }}" target="_self" title="{{__('Link')}}"><i
                                                    class="fal fa-user"></i>{{ $blog->author }}</a>
                                        </li>
                                        <li class="icon-start">
                                            <a href="{{ route('blog') }}" target="_self" title="{{__('Link')}}"><i
                                                    class="fal fa-calendar-check"></i>{{ date_format($blog->created_at, 'M d, Y') }}</a>
                                        </li>
                                        <li class="icon-start">
                                            <a href="{{ route('blog') }}" target="_self" title="{{__('Link')}}"><i
                                                    class="fal fa-tag"></i>{{ $blog->categoryName }}</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="card_content p-25">
                                    <h4 class="card_title lc-1 mb-15">
                                        <a href="{{ route('blog_details', ['slug' => $blog->slug]) }}" target="_self"
                                            title="{{ __('Details') }}">
                                            {{ strlen($blog->title) > 30 ? mb_substr($blog->title, 0, 30, 'UTF-8') . '...' : $blog->title }}
                                        </a>
                                    </h4>
                                    <p class="card_text lc-2">
                                        {{ strlen(strip_tags($blog->content)) > 90 ? mb_substr(strip_tags($blog->content), 0, 90, 'UTF-8') . '...' : $blog->content }}
                                    </p>
                                    <div class="cta-btn mt-15">
                                        <a href="{{ route('blog_details', ['slug' => $blog->slug]) }}"
                                            class="btn-text color-primary" target="_self"
                                            title="{{ __('READ MORE') }}">{{ __('READ MORE') }}</a>
                                    </div>
                                </div>
                            </article>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    @endif
    <!-- Blog-area end -->
@endsection
@section('script')
    <script type="text/javascript" src="{{ asset('assets/js/equipment.js') }}"></script>

    <script type="text/javascript" src="{{ asset('assets/js/product.js') }}"></script>
@endsection