@extends('layouts.frontend.app')
@section('title', 'Success Stories')

@section('content')
<!-- Title/Breadcrumb END -->
@include('inner.breadcrumb', ['pageTitle' => 'Success Stories'])

<section class="section-padding  about-area">
    <div class="container">
        <div class="row justify-content-between">

            @forelse ($successStories as $story)
            <main class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                <article class="page">
                    <section class="page__main">
                        <div class="testimonial-title">
                            <div class="testimonial-image"><img
                                    src="{{ $story->image && file_exists('storage/thumbs/' . $story->image) ? asset('storage/thumbs/' . $story->image) : asset('assets/images/no-img.jpg') }}"
                                    alt=""></div>
                            <div class="testimonial-maintitle">
                                <div>{{ $story->name }}</div>
                                <span class="testimonial-second">{{ $story->designation }}</span>
                            </div>
                        </div>
                        <div class="readmore js-read-more" data-rm-words="30">
                            {!! $story->description !!}
                        </div>
                    </section>
                </article>
            </main>
            @empty
            <main class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                No records found.
            </main>
            @endforelse

        </div>

        @if(isset($successStories) && !empty($successStories) && !$successStories->isEmpty())
            {!! $successStories->appends(request()->query())->links('layouts.frontend.inc.pagination') !!}
        @endif

    </div>
</section>
@endsection