@extends('web.layouts.container')

@section('header')
    <div class="container">
        <div class="inner">
            <div class="top">
                <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('home'), [], true)}}">{{__('main.home')}}</a>
                <span>{{$contactPage->title}}</span>
            </div>
            {{--            <h2>{{$contactPage->title}}</h2>--}}
            {{--            <p>{{stripText($contactPage->description)}}</p>--}}
        </div>
    </div>
@endsection

@section('content')
    <section class="contact_pg section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="contact_info">
                        <div class="items">
                            <div class="icons">
                                <i class="fas fa-home"></i>
                            </div>
                            <div class="info">
                                <h6>{{__('visitorMessages.address')}}</h6>
                                <h3>{{isset($settings['site_address_'.getCurrentLocale()]) ? $settings['site_address_'.getCurrentLocale()] : ''}}</h3>
                            </div>
                        </div>
                        <div class="items">
                            <div class="icons">
                                <i class="fas fa-envelope"></i>
                            </div>
                            <div class="info">
                                <h6>{{__('visitorMessages.email')}}</h6>
                                <h3>{{isset($settings['site_email']) ? $settings['site_email'] : 'info@familylawyer.com'}}</h3>
                            </div>
                        </div>
                        <div class="items">
                            <div class="icons">
                                <i class="fas fa-headset"></i>
                            </div>
                            <div class="info">
                                <h6>{{__('visitorMessages.phone')}}</h6>
                                <h3>{{isset($settings['site_phone']) ? $settings['site_phone'] : ''}}</h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="map">
                        <iframe src="{{isset($settings['map_link']) ? $settings['map_link'] : 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d927.4155922181174!2d39.122951470824454!3d21.599098399105774!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c3dba437eba9cb%3A0x4062890592934114!2z2YXZg9iq2Kgg2KfZhNmF2K3Yp9mF2Yog2YHZh9ivINij2KjZiCDYrdiz2YY!5e0!3m2!1sar!2seg!4v1632916945171!5m2!1sar!2seg'}}" width="100%" height="392" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                    </div>
                </div>
            </div>
            <div class="contact_form">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="img">
                            <img src="{{asset('assets/web/images/logo.png')}}" alt="" class="logo">
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <form method="post" action="{{route('send_contact_us')}}" class="form-row contact_us_form">
                            <div class="form_head col-12">
                                <h5>{{__('visitorMessages.happy_to_connection')}}</h5>
                                {{--                                <p>عند موافقة العميل المبدئية على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص النهائية المطلوبة للتصميم ويقول البعض ان وضع النصوص التجريبية</p>--}}
                            </div>
                            <div class="form-group col-12">
                                <input type="text" name="name" class="form-control" placeholder="{{__('visitorMessages.name')}}">
                            </div>
                            <div class="form-group col-12">
                                <input type="text" name="email" class="form-control" placeholder="{{__('visitorMessages.email')}}">
                            </div>
                            <div class="form-group col-12">
                                <input type="text" name="phone" class="form-control" placeholder="{{__('visitorMessages.phone')}}">
                            </div>
                            <div class="form-group col-12">
                                <textarea rows="6" class="form-control" name="message" placeholder="{{__('visitorMessages.message')}}"></textarea>
                            </div>
                            <div class="form-group col-12">
                                <a href="#" class="main-butn contact_us_button"><span>{{__('visitorMessages.send')}}</span></a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')
    <script>
        let url = "{{asset($contactPage->image)}}";
        $('header').addClass('inner_header').attr('style', 'background: url('+url+')');
        $('.navs-container').addClass('inner_nav');
    </script>
@endsection