@extends('front.include.app')
@section('content')
    <div class="inner-bann">
        <img src="{{ $contactCMS?->getFirstMediaUrl('banner_image') ?: asset('front/images/contact-banner.webp') }}"
            class="img-fluid" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row text-center">
                    <div class="col-md-12">
                        <h2>{{ $contactCMS->banner_title ?? 'Contact' }}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @php
        $contactEmail = isset($setting)
            ? json_decode($setting->content)->email ?? 'info@proactivepeers.com'
            : 'info@proactivepeers.com';

    @endphp
    <section class="contact-sec">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-md-5">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193596.2614489092!2d-74.14465460714703!3d40.69728414596829!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2s!4v1738237293153!5m2!1sen!2s"
                        width="550px" height="840px" style="border:0;" allowfullscreen="" loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
                <div class="col-md-4">
                    <h2>{{ $contactCMS->heading ?? 'Contact Us' }}</h2>
                    <form class="contact-form" method="POST" action="{{ route('contact.send') }}">
                        @csrf
                        <div class="row">
                            <div class="col-md-12">

                                <div class="form-group">
                                    <label>Full Name</label>
                                    <input type="text" name="first_name" class="form-control"
                                        placeholder="Enter your name" required>
                                </div>

                                <div class="form-group">
                                    <label>E-mail</label>
                                    <input type="email" name="email" class="form-control" placeholder="Enter your email"
                                        required>
                                </div>

                                <div class="form-group">
                                    <label>Message</label>
                                    <textarea name="message" class="form-control" rows="4" placeholder="Enter your message" required></textarea>
                                </div>

                                <div class="col-md-12 mt-3">
                                    <button type="submit" class="themeBtn">SUBMIT</button>
                                </div>

                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-md-2">
                    <h5>Contact<span>{{ $contactEmail }}</span></h5>
                    <h5>Based in<span>Get direction on map</span></h5>
                    <ul class="contact-social">
                        <li><a href="https://www.facebook.com/profile.php?id=61575049141"><i
                                    class="fab fa-facebook-f"></i></a></li>
                        {{-- <li><a href=""><i class="fab fa-youtube"></i></a></li> --}}
                        <li><a href="https://www.instagram.com/proactivepeers"><i class="fab fa-instagram"></i></a></li>
                        {{-- <li><a href=""><i class="fab fa-twitter"></i></a></li> --}}
                    </ul>
                </div>
            </div>
        </div>
    </section>
@endsection