@extends('frontend.layouts.master')

@section('content')
    <div class="about_block">
        <div class="container">
            <div class="row align-items-center justify-content-start">
                <div class="col-md-7 aos-init aos-animate" data-aos="fade-right" data-aos-delay="0" data-aos-duration="800">
                    <div class="hero-block-content">
                        <h1 class="hero-block-content-title text-white pb-1 m-0">About Us</h1>
                        <div class="breadcrumb-div">
                            <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="{{ route('frontend.index') }}"
                                            class="breadcrumb-item-link fs-5">Home</a></li>
                                    <li class="breadcrumb-item text-white fs-5" aria-current="page">About</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if (!empty($homeContent) && $homeContent->count() > 0)
        <div class="about-block section-block d-md-block d-none">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-12">
                        <div class="about-block-image pe-4">
                            <img src="{{ $homeContent->about_image }}" class="img-fluid ps-3 pb-3 img-1">
                            <img src="{{ $homeContent->about_image1 }}" class="img-2">
                            <div class="white-box d-flex align-items-center">
                                <div class="number-box">
                                    <h2>{{ $homeContent->about_count }}</h2>
                                    <p>Years Experience</p>
                                </div>
                                <div class="content-box">
                                    <p> <b> {!! $homeContent->count_description !!} </b> </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-12 ps-4">
                        <span class="subtitle">
                            {{ $homeContent->about_title }}
                        </span>
                        <h2 class="about-block-content">
                            Find the most suitable Loans for your benifit
                        </h2>
                        <p class="pt-2">
                            <b> {!! $homeContent->about_longdescription !!}</b>
                        </p>
                        <p class="pt-2">
                            {!! $homeContent->about_description !!}
                        </p>

                        <div class="btn-container">
                            <div class="d-flex align-items-center">
                                <a href="{{ route('enquiry.index') }}" class="nav-btn me-4">Enquire Now</a>
                                {{-- <div class="d-flex align-items-center">
                          <a href="#" class="playbtn"><i class="bi bi-play-circle"></i></a>
                          <h4 class="ps-3 fw-bold">
                              Play Intro</h4>
                      </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <div class="about-block section-block d-md-none d-block">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-12 mb-5">
                    <div class="about-block-inner-content">
                        <span class="subtitle">
                            Who We Are
                        </span>
                        <h2 class="about-block-content">
                            Find the most suitable mortgage for your ideal property
                        </h2>
                        <b class="bold-font">Scelerisque natoque mauris augue tempus integer. Habitant dis facilisis
                            senectus
                            dapibus platea congue
                            volutpat.</b>
                        <p class="pt-2">
                            Morbi eget maximus habitasse id malesuada mi hendrerit. Magnis volutpat mi consectetur etiam
                            suspendisse
                            pellentesque nostra odio. Ridiculus inceptos eleifend dolor porttitor orci natoque
                            penatibus.
                        </p>
                        <p class="pb-2">
                            Magna non dolor facilisis sodales proin. Lobortis sagittis imperdiet litora laoreet erat
                            vivamus habitasse
                            at malesuada.
                        </p>
                        <div class="btn-container">
                            <div class="d-flex align-items-center">
                                <a class="nav-btn me-4">Get Free Quote</a>
                                <div class="d-flex align-items-center">
                                    <a href="#" class="playbtn"><i class="bi bi-play-circle"></i></a>
                                    <h4 class="ps-3 fw-bold">
                                        Play Intro</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-12">
                    <div class="about-block-image pe-md-4">
                        <img src="{{ asset('frontend/assets/image/about.jpg') }}" class="img-fluid ps-3 pb-3 img-1">
                        <img src="{{ asset('frontend/assets/image/about2.jpg') }}" class="img-2">
                        <div class="white-box d-flex align-items-center">
                            <div class="number-box">
                                <h2>20+</h2>
                                <p>Years Experience</p>
                            </div>
                            <div class="content-box">
                                <p>Vitae lorem risus venenatis facilisis mattis curabitur porttitor platea. Volutpat
                                    fringilla sapien
                                    fusce lectus urna placerat.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if (!empty($about) && $about->count() > 0)
        <div class="benfit-block about_us_img section-block">
            <div class="container">
                <div class="row text-center pb-4">
                    <div class="col-md-12">
                        <div class="what-we-block-text">
                            <span class="subtitle fs-1 text-white">
                                Our Expertise
                            </span>
                            {{-- <h2 class="about-block-content pt-2 text-white">
                                <b> We are here manage </b> Your finance
                            </h2> --}}
                        </div>
                    </div>
                </div>

                <div class="row">
                    @foreach ($about as $about)
                        @if (!empty($about->benifit_title))
                            <div class="col-md-4 pb-md-0 pb-3">
                                <div class="testimonial-section-card-main bg-white p-5 text-center">
                                    <div class="testimonial-section-card-icon">
                                        <i class="bi bi-building" style="font-size:40px; color:#2980b9;"></i>
                                    </div>
                                    <div class="testimonial-section-card-inner-text">
                                        <h3 class="fw-bold">{{ $about->benifit_title }}
                                        </h3>
                                        <p class="lh-lg">{!! $about->benifit_description !!}</p>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @endforeach
                </div>
                <div class="row mt-5 mb-5">
                    <div class="col-md-12">
                        <div class="row">
                            @foreach ($aboutChoose as $abt)
                                <div class="col-md-3">
                                    <div class="team-div">
                                        <div class="team-img-div position-relative">
                                            <img src="{{ $abt->choose_image }}" class="img-fluid">
                                            <div class="content-div">
                                                <div class="inner-content-div pt-3">
                                                    <h4 class="fw-bold m-0 text-white">{{ $abt->choose_title ?? '' }}</h4>
                                                    <p class="m-0 text-white">{!! $abt->choose_description ?? '' !!}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
    {{-- @if (!empty($about) && $about->count() > 0)
        <div class="team-block section-block">
             <div class="container">
                <div class="row text-center pb-4">
                    <div class="col-md-12">
                        <div class="what-we-block-text">
                            <span class="subtitle">
                                Why Choose Us
                            </span>
                            <h2 class="about-block-content pt-2">
                                <b> Meet The Reasons</b> To
                                Choose
                            </h2>
                        </div>
                    </div>
                </div>
               <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            @foreach ($aboutChoose as $abt)
                                <div class="col-md-3">
                                    <div class="team-div">
                                        <div class="team-img-div position-relative">
                                            <img src="{{ $abt->choose_image }}" class="img-fluid">
                                            <div class="content-div">
                                                <div class="inner-content-div pt-3">
                                                    <h4 class="fw-bold m-0 text-white">{{ $abt->choose_title ?? '' }}</h4>
                                                    <p class="m-0 text-white">{!! $abt->choose_description ?? '' !!}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="swiper_team pb-5">
                            <div class="swiper-wrapper">
                                    <div class="swiper_team_item swiper-slide">
                                        <div class="team-div">
                                            <div class="team-img-div position-relative">
                                                <img src="{{ asset('frontend/assets/image/team/team-01.jpg') }}"
                                                    class="img-fluid">
                                                <div class="content-div">
                                                    <div class="inner-content-div pt-3">
                                                        <h4 class="fw-bold m-0 text-white">{{ $abt->choose_title ?? '' }}</h4>
                                                        <p class="m-0 text-white">{{ $abt->choose_description ?? '' }}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                            <div class="swiper-pagination swiper_new_pagination"></div>
                            <div class="arrow-container d-flex align-items-center">
                                <div class="swiper-button-prev">
                                    <span class="slider-circle"><i class="bi bi-arrow-left"></i></span>
                                </div>
                                <div class="swiper-button-next">
                                    <span class="slider-circle"><i class="bi bi-arrow-right"></i></span>
                                </div>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    @endif --}}
@endsection