@extends('front.include.app')
@section('content')

<section class="logo-sec">
    <figure class="custom-logo">
        <img src="{{ asset('front/images/custom-top.png') }}" class="img-fluid" alt="">
    </figure>
</section>

<div class="inner-ban">
    <img src="{{ pagesSingleImage('PagesSection', 'contact_us_top_banner_image') }}" class="img-fluid" alt="">
    <div class="overlay">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>{{ $pageData['PagesSection']['contact_us_top_title'] ?? '' }}</h2>
                </div>
            </div>
        </div>
    </div>
</div>


<section class="pricingpage contact-page contact-page-new">
    <div class="container">
        <div class="row no-gutters">
            <div class="col-md-6">
                <div class="contact-content">
                    <h3>{{ $pageData['PagesSection']['contact_us_heading'] ?? '' }}<br>  {{ $pageData['PagesSection']['contact_us_sub_heading'] ?? '' }}</h3>
                    <span class="line"></span>
                    <ul class="contact-list">
                        <li>
                            <a href="tel:+123-456 7890">
                                <span class="icon"><i class="fas fa-phone"></i></span>
                                <div>
                                    <h4>Phone <span>123-456 7890</span></h4>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="mailto:Info@yourname.com">
                                <span class="icon"><i class="fas fa-envelope"></i></span>
                                <div>
                                    <h4>E-Mail <span>Info@yourname.com</span></h4>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://maps.app.goo.gl/uG4fYfnf9GdTHzMY7" target="_blank">
                                <span class="icon"><i class="fal fa-globe"></i></span>
                                <div>
                                    <h4>Website<span>www.yourwebsite.com</span>
                                    </h4>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6">
                <div class="contact-form-wrapper">
                    <form class="contact-form" action="{{ route('contact.send') }}" method="POST">
                        @csrf
                        <label>Full Name*</label>
                        <input type="text" name="name" required>
                        <label>E-Mail*</label>
                        <input type="email" name="email" required>
                        <label>Phone Number*</label>
                        <input type="tel" name="phone" required>
                        <label>Message*</label>
                        <textarea rows="4" name="msg" required></textarea>
                        <button type="submit" class="themeBtn">Send Message</button>
                        <div id="contactFormResult"></div>
                    </form>

                </div>

            </div>
        </div>
    </div>
</section>


<section class="customer-sec about-customer">
    <div class="container">
        <div class="row">
            <div class="col-md-5" data-aos="fade-up" data-duration="1000">
                <div class="customer-content">
                    <h4>Customer reviews</h4>
                    <p>Trusted by over 400,000 individual and corporate customers. <a href="">all reviews</a></p>
                </div>
            </div>
        </div>
        <div class="row" data-aos="fade-up" data-duration="1000">
            <div class="col-md-10">
                <div class="swiper customer-slider">
                    <div class="swiper-wrapper">
                        @forelse($get_web_review as $web_review)

                        <div class="swiper-slide">
                            <div class="customer-wrapp">
                                <div class="clinet-content">
                                    <p>{!! $web_review->description ? : '' !!}</p>

                                    <figure class="customer-imag">
                                        <img src="{{ $web_review->webReviewsImage('review_image')}}" class="img-fluid" alt="">
                                        <h5>{{$web_review->customer_name ? : ''}} <span>{{$web_review->created_at->diffForHumans() ? : ''}}</span></h5>
                                    </figure>
                                </div>
                            </div>
                        </div>
                        @empty
                            <h2> We Reviews Data Not Available</h2>

                        @endforelse
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <figure class="customer-bg">
            <img src="{{ pagesSingleImage('Reviews', 'home_review_right_side_section_image') }}" class="img-fluid" alt="">
        </figure>
    </div>
</section>

@endsection