@extends('web.layouts.layout')
@section('content')


    <main>
        <!-- Start pg_header -->
        @include('web.pages.components.header.header')

        <!-- Start section -->
        <section class="contact_pg section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="contact_card">
                            <div class="circle_box">
                                <div class="content">
                                    <div class="icon_box">
                                        <i class="fal fa-phone-alt"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="txt_box">
                                <h6 class="label mb-3 mainColor"> {{__('web.phone_numbers')}} </h6>
                                <p class="data" > {{$settings['site_phone']}} </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="contact_card">
                            <div class="circle_box">
                                <div class="content">
                                    <div class="icon_box">
                                        <i class="fa-light fa-envelope"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="txt_box">
                                <h6 class="label mb-3 mainColor">  {{__('web.email')}}   </h6>
                                <p class="data" > {{$settings['site_email']}} </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="contact_card">
                            <div class="circle_box">
                                <div class="content">
                                    <div class="icon_box">
                                        <i class="fa-light fa-location-dot"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="txt_box">
                                <h6 class="label mb-3 mainColor"> {{__('web.address')}}   </h6>
                                <p class="data" > {{$settings['site_address_'.getCurrentLocale()]}} </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="contact_card">
                            <div class="circle_box">
                                <div class="content">
                                    <div class="icon_box">
                                        <i class="fa-light fa-share-nodes"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="txt_box">
                                <h6 class="label mb-3 mainColor">{{__('web.follow_us')}}   </h6>
                                <div class="social_links d-flex flex-wrap justify-content-center">
                                    @if($settings['instagram'])
                                    <a href="{{$settings['instagram']}}" target="_blank"> <img src="{{url('')}}/assets/web/images/icons/social-1.svg" class="socaiIcon" alt="" /> </a>
                                    @endif
                                    @if($settings['snapchat'])
                                        <a href="{{$settings['snapchat']}}" target="_blank"> <img src="{{url('')}}/assets/web/images/icons/social-2.svg" class="socaiIcon" alt="" /> </a>
                                    @endif
                                    @if($settings['x'])
                                        <a href="{{$settings['x']}}" target="_blank"> <img src="{{url('')}}/assets/web/images/icons/social-3.svg" class="socaiIcon" alt="" /> </a>
                                    @endif
                                    @if($settings['facebook'])
                                        <a href="{{$settings['facebook']}}" target="_blank"> <img src="{{url('')}}/assets/web/images/icons/social-4.svg" class="socaiIcon" alt="" /> </a>
                                    @endif
                                    @if($settings['whatsapp'])
                                        <a href="https://api.whatsapp.com/send/?phone={{$settings['whatsapp']}}" target="_blank"> <img src="{{url('')}}/assets/web/images/icons/social-5.svg" class="socaiIcon" alt="" /> </a>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-5 pt-4">
                    <div class="col-lg-6">
                        <div class="form_box">
                            <div class="sec_head mb-5">
                                <h4 class="sec_title fs-4 fw-bold">{{__('web.send_to_us_your_message')}}</h4>
                            </div>
                            <form method="POST" action="{{$action}}" onsubmit="formAction(this)">
                                @CSRF
                                <div class="form-group mb-4">
                                    <input class="form-control" name="name" placeholder=" {{__('visitorMessages.name')}} "/>
                                    <img src="{{url('')}}/assets/web/images/icons/form-1.png" class="icon filterPrimary" alt=""/>
                                </div>
                                <div class="form-group mb-4">
                                    <input class="form-control" name="email" placeholder="{{__('visitorMessages.email')}}"/>
                                    <img src="{{url('')}}/assets/web/images/icons/form-2.png" class="icon filterPrimary" alt=""/>
                                </div>
                                <div class="form-group phone_group mb-4">
                                    <input class="form-control" name="phone" placeholder="{{__('visitorMessages.phone')}}"/>
                                    <select class="phoneSelect">
                                        <option>966</option>
                                    </select>
                                    <img src="{{url('')}}/assets/web/images/icons/form-5.png" class="icon filterPrimary" alt=""/>
                                </div>
                                <div class="form-group mb-4">
                                    <input class="form-control" name="subject" placeholder="{{__('visitorMessages.subject')}}"/>
                                    <img src="{{url('')}}/assets/web/images/icons/form-3.png" class="icon filterPrimary" alt=""/>
                                </div>
                                <div class="form-group mb-4">
                                    <textarea class="form-control" name="message" placeholder="{{__('web.write_message')}} ... " rows="5"></textarea>
                                    <img src="{{url('')}}/assets/web/images/icons/form-4.png" class="icon filterPrimary" alt=""/>
                                </div>
                                <button type="submit" class="butn primary_butn m-auto"><span class="zi-5">{{__('web.send')}}</span></button>

                            </form>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="map_box">
                            <iframe width="100%" height="700" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{{$settings['map_url']}}"><a href="https://www.gps.ie/">gps trackers</a></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </section>


    </main>

@stop
