@extends('frontend.layouts.app')
@section('title', 'प्रशंसापत्रहरू')
@section('meta', 'Welcome to Om Hospital and Research Center PVt. Ltd.')
@section('content')
    <!-- BREADCRUMB
           ============================================= -->
    <div id="breadcrumb" class="division">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class=" breadcrumb-holder">
                        <h4 class="h4-sm text-white">हाम्रो बिरामीको प्रशंसापत्र
                        </h4>
                        <!-- Breadcrumb Nav -->
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('homepage') }}" class="text-white">गृहपृष्ठ</a>
                                </li>
                                <li class="breadcrumb-item active text-white" aria-current="page">प्रशंसापत्र</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Title -->
                </div>
            </div>
        </div> <!-- End row -->
    </div> <!-- End container -->
    <div class="slider-overlay"></div>

    <!-- START SECTION BLOG -->
    <section class="bg_gray">
        <div class="container">
            <div class="row g-5">
                @forelse ($testimonials as $testimonial)
                    <!-- BLOG POST #1 -->
                    <div class="col-lg-3 col-md-4 col-12">
                        <div class="blog-post wow fadeInUp" data-wow-delay="0.4s">

                            <!-- BLOG POST IMAGE -->
                            <div class="blog-post-img">
                                <img class="img"
                                    src="{{ $testimonial->image ? asset($testimonial->image_path) : asset('assets/images/omhospital/favicon.png') }}"
                                    alt="{{ $testimonial->title }}" loading="lazy" width="100%" />
                            </div>

                            <!-- BLOG POST TITLE -->
                            <div class="blog-post-txt">

                                <!-- Post Title -->
                                <h5 class="h5-sm steelblue-color"><a
                                        href="{{ route('testimonial.detail', $testimonial->slug) }}">{{ Str::limit($testimonial->title_np ? $testimonial->title_np : $testimonial->title, 25) }}</a>
                                </h5>

                                <!-- Post Text -->
                                <p>{!! Str::limit($testimonial->content_np ? $testimonial->content_np : $testimonial->content, 75) !!}
                                </p>

                            </div>

                        </div>
                    </div> <!-- END  BLOG POST #1 -->
                @empty
                    <div class="col-lg-12 col-12">
                        <h4>No content is available at the moment</h4>
                    </div>
                @endforelse

            </div>

        </div>
    </section>
    <!-- END SECTION BLOG -->

@endsection