@extends('template.master')

@section('content')
<!--==================================
=            Our Feature             =
===================================-->
<section class="feature section pt-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!-- Heading -->
                <div class="section-title">
                    <h2>Benefits</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium quia temporibus ex repudiandae recusandae molestias dignissimos officiis unde aut eveniet.</p>
                </div>
                <div class="row">
                    <div class="col-lg-6 mr-auto justify-content-center order-2 order-md-1">
                        <!-- Feature mockup -->
                        <div class="image-content rounded shadow p-5 m-3" data-aos="fade-right">
                            <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-02.jpg" alt="ipad">
                        </div>
                    </div>
                    <div class="col-lg-6 ml-auto align-self-center order-1 order-md-2" data-aos="fade-left">
                        <div class=" feature-content">
                            <h2>Loan Watch</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<!--==================================
    =            Feature Grid            =
    ===================================-->
@foreach ($req as $key => $data)
@if($key == 1)
<section class="feature section pt-0">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 ml-auto align-self-center">
                <div class="feature-content">
                    <!-- Feature Title -->
                    <h2>{{ $data['benefit_title'] }}</h2>
                    <!-- Feature Description -->
                    <p class="desc">{!! $data['benefit_description'] !!}</p>

                </div>
            </div>
            <div class="col-lg-6 mr-auto justify-content-center">
                <!-- Feature mockup -->
                <div class="image-content" data-aos="fade-left">
                    <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-02.jpg" alt="ipad">
                </div>
            </div>
        </div>
    </div>
</section>
@endif
@endforeach

@foreach ($req as $key => $data)
@if($key == 0)
<section class="feature section pt-0">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 ml-auto justify-content-center">
                <!-- Feature Mockup -->
                <div class="image-content" data-aos="fade-right">
                    <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-01.jpg" alt="iphone">
                </div>
            </div>
            <div class="col-lg-6 mr-auto align-self-center">
                <div class="feature-content">
                    <!-- Feature Title -->
                    <h2>{{ $data['benefit_title'] }}</h2>
                    <!-- Feature Description -->
                    <p class="desc">{!! $data['benefit_description'] !!}</p>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
@endforeach


<!--=================================
    =            Testimonial            =
    ==================================-->
<section class="section testimonial" id="testimonial">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!-- Testimonial Slider -->
                <div class="testimonial-slider owl-carousel owl-theme">
                    <!-- Testimonial 01 -->
                    <div class="item">
                        <div class="block shadow">
                            <!-- Speech -->
                            <p>
                                Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Donec sollicitudin molestie malesuada.
                                Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor
                                sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi,
                                pretium ut lacinia in, elementum id enim.
                            </p>
                            <!-- Person Thumb -->
                            <div class="image">
                                <img src="{{ env('ASSET_URL') }}images/testimonial/feature-testimonial-thumb.jpg" alt="image">
                            </div>
                            <!-- Name and Company -->
                            <cite>Abraham Linkon , Themefisher.com</cite>
                        </div>
                    </div>
                    <!-- Testimonial 01 -->
                    <div class="item">
                        <div class="block shadow">
                            <!-- Speech -->
                            <p>
                                Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Donec sollicitudin molestie malesuada.
                                Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor
                                sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi,
                                pretium ut lacinia in, elementum id enim.
                            </p>
                            <!-- Person Thumb -->
                            <div class="image">
                                <img src="{{ env('ASSET_URL') }}images/testimonial/feature-testimonial-thumb.jpg" alt="image">
                            </div>
                            <!-- Name and Company -->
                            <cite>Abraham Linkon , Themefisher.com</cite>
                        </div>
                    </div>
                    <!-- Testimonial 01 -->
                    <div class="item">
                        <div class="block shadow">
                            <!-- Speech -->
                            <p>
                                Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Donec sollicitudin molestie malesuada.
                                Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor
                                sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi,
                                pretium ut lacinia in, elementum id enim.
                            </p>
                            <!-- Person Thumb -->
                            <div class="image">
                                <img src="{{ env('ASSET_URL') }}images/testimonial/feature-testimonial-thumb.jpg" alt="image">
                            </div>
                            <!-- Name and Company -->
                            <cite>Abraham Linkon , Themefisher.com</cite>
                        </div>
                    </div>
                    <!-- Testimonial 01 -->
                    <div class="item">
                        <div class="block shadow">
                            <!-- Speech -->
                            <p>
                                Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Donec sollicitudin molestie malesuada.
                                Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor
                                sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi,
                                pretium ut lacinia in, elementum id enim.
                            </p>
                            <!-- Person Thumb -->
                            <div class="image">
                                <img src="{{ env('ASSET_URL') }}images/testimonial/feature-testimonial-thumb.jpg" alt="image">
                            </div>
                            <!-- Name and Company -->
                            <cite>Abraham Linkon , Themefisher.com</cite>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


@include('template.contact_information')

@endsection