@extends('web.layouts.container')

@section('content')
    <section class="contact_pg">
        <div class="containerr">
            <div class="text-center">
                <div class="sec-heading mb-5 mt-5 pb-5 wow fadeInUp" data-wow-duration="2s">
                    <span>{{__('visitorMessages.head')}}</span>
                    <h1>{{__('visitorMessages.head')}}</h1>
                </div>
            </div>
            <div class="top">
                <div class="contact_info">
                    <div class="container">
                        <h3> {{__('visitorMessages.contact_info')}}</h3>
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="items">
                                    <div class="icon">
                                        <i class="fas fa-phone"></i>
                                    </div>
                                    <div class="info">
                                        <p>{{__('visitorMessages.phone')}}</p>
                                        <h6>{{isset($settings['site_phone']) ? $settings['site_phone'] : ''}}</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="items">
                                    <div class="icon">
                                        <i class="fas fa-map-marker-alt"></i>
                                    </div>
                                    <div class="info">
                                        <p>{{__('visitorMessages.address')}}</p>
                                        <h6>{{isset($settings['site_address']) ? $settings['site_address'] : ''}}</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="items">
                                    <div class="icon">
                                        <i class="fas fa-envelope"></i>
                                    </div>
                                    <div class="info">
                                        <p>{{__('visitorMessages.email')}}</p>
                                        <h6>{{isset($settings['site_email']) ? $settings['site_email'] : ''}}</h6>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="row no-gutters cont">
                    <div class="col-lg-5">
                        <div class="contact_form mt-0">
                            <h5>{{__('visitorMessages.reach_us_anytime')}}</h5>
                            <form action="{{route('send_contact_us')}}" method="post" class="contact_us_form">
                                <div class="form-group">
                                    <input name="name" type="text" placeholder="{{__('visitorMessages.name')}}">
                                </div>
                                <div class="form-group">
                                    <input name="email" type="email" placeholder="{{__('visitorMessages.email')}}">
                                </div>
                                <div class="form-group">
                                    <input name="subject" type="text" placeholder="{{__('visitorMessages.subject')}}">
                                </div>
                                <div class="form-group">
                                    <textarea name="message" placeholder="{{__('visitorMessages.message')}}" rows="6"></textarea>
                                </div>
                                <button class="butn w-100 contact_us_button">{{__('visitorMessages.send')}}</button>
                            </form>


                        </div>
                    </div>
                    <div class="col-lg-7">
                        <img class="contact_img" src="{{($settings['contact_us_image'] ?? null) ? getAgentPhotos($settings['contact_us_image']) : asset('assets/web/images/contact.jpg')}}" alt="">
                        <!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d927755.0521049668!2d46.2620167734785!3d24.725398072981186!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e2f03890d489399%3A0xba974d1c98e79fd5!2sRiyadh%2011564%2C%20Saudi%20Arabia!5e0!3m2!1sen!2seg!4v1622412472638!5m2!1sen!2seg"
                            width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe> -->
                    </div>
                </div>
            </div>
            <!-- <div class="contact_social">
                <h4>Follow us on Social Media</h4>
                <a href="#">
                    <img src="images/social/Instagram.svg" alt="">
                </a>
                <a href="#">
                    <img src="images/social/Facebook.svg" alt="">
                </a>
                <a href="#">
                    <img src="images/social/Twitter.svg" alt="">
                </a>
                <a href="#">
                    <img src="images/social/Youtube.svg" alt="">
                </a>
            </div> -->
        </div>
    </section>
@endsection

@section('inner_js')
    <script>

    </script>
@endsection