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

<main>
    <!-- Start section -->
    @include('web.layouts.header')

    <!-- Start section -->
    <section class="contact_pg section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="text_box">
                        <h2 class="sec_title text-uppercase color-primary fw-bold mb-5">
                            {!! $pages[1]->title !!}
                            <img src="{{url('')}}/assets/web/images/title_line.svg" class="d-block " alt="">
                        </h2>
                        <p class="p mb-5">
                            {!! $pages[1]->description !!}
                        </p>
                        <div class="row mt-4">
                            <div class="col-6">
                                <div class="item">
                                    <h5 class="label">{{ __('web.email_us') }}</h5>
                                    <p class="data">{{$settings['site_email']}}</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="item">
                                    <h5 class="label">{{ __('web.contactus') }}</h5>
                                    <p class="data">{{$settings['site_phone']}}</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="item">
                                    <h5 class="label">{{ __('web.headquarter') }}</h5>
                                    <p class="data">{{$settings['site_address']}}</p>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="item">
                                    <h5 class="label">{{ __('web.social_media') }}</h5>
                                    <div class="social_links d-flex mt-3">
                                        @if($settings['facebook'])
                                            <a target="_blank" href="{{$settings['facebook']}}"><i class="fab fa-facebook-f"></i></a>
                                        @endif
                                        @if($settings['twitter'])
                                            <a target="_blank" href="{{$settings['twitter']}}"><i class="fab fa-twitter"></i></a>
                                        @endif
                                        @if($settings['instagram'])
                                            <a target="_blank" href="{{$settings['instagram']}}"><i class="fab fa-instagram"></i></a>
                                        @endif
                                        @if($settings['telegram'])
                                            <a target="_blank" href="{{$settings['telegram']}}"><i class="fas fa-paper-plane"></i></a>
                                        @endif
                                        <!-- <a href="#"><i class="fab fa-linkedin-in"></i></a> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="map_box">
                        <iframe width="100%" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{{$settings['map_link']}}"><a href="https://www.maps.ie/distance-area-calculator.html">area maps</a></iframe>
                    </div>
                </div>
            </div>
            <div class="inner mt-5">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="box">
                            <div class="zi-5">
                                <h6 class="subtitle text-white text-uppercase mb-3">{{ __('web.send_message') }}</h6>
                                <h3 class="title fs-1  fw-bold text-white mb-4">
                                    {!! $pages[0]->title !!}
                                </h3>
                                <p class="p mb-0 text-white">
                                    {!! $pages[0]->description !!}
                                </p>
                            </div>
                            <img src="{{url('')}}/assets/web/images/header_bg_1.svg" class="bg" alt=""/>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <form action="{{$action}}" method="POST" onsubmit="formAction(this)" class="form">
                            @CSRF
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group mb-4">
                                        <label class="label fw-bold">{{__('web.your_name')}} <span class="text-danger">*</span></label>
                                        <input type="text" name="name" class="form-control" placeholder="" />
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-4">
                                        <label class="label fw-bold">{{__('web.your_phone')}} <span class="text-danger">*</span></label>
                                        <input type="number" name="phone" class="form-control" placeholder="" />
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-4">
                                        <label class="label fw-bold">{{__('web.your_email')}} <span class="text-danger">*</span></label>
                                        <input type="email" name="email" class="form-control" placeholder="" />
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group mb-4">
                                        <label class="label fw-bold">{{__('web.subject')}} <span class="text-danger">*</span></label>
                                        <input type="text" name="subject" class="form-control" placeholder="" />
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="form-group mb-4">
                                        <label class="label fw-bold">{{__('web.message')}} <span class="text-danger">*</span></label>
                                        <textarea rows="6" name="message" class="form-control" ></textarea>
                                    </div>
                                </div>
                            </div>
                            <button type="submit" class="butn primary_butn mt-4 fs-6">{{ __('web.submit') }} </button>


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

    <!-- Start section -->
    @if(settings('email_us'))
    <section class="offer_sec offer_sec2 section pt-4 ">
        <div class="container">
            <div class="inner align-items-center d-flex justify-content-cente w-100">
                <div class="row zi-5 align-items-center w-100">
                    <div class="col-lg-5">
                        <div class="text_box">
                            <h2 class="title fw-bold text-white mb-5">
                                {{ __('web.company_contact') }}
                            </h2>

                            <a href="#" data-bs-toggle="modal" data-bs-target="#emailModal" class="butn primary_butn">{{ __('web.email_us') }}</a>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <img src="{{url('')}}/assets/web/images/buildings-1.png" class="sec-img" alt="">
                    </div>
                </div>
                <img src="{{url('')}}/assets/web/images/offer-bg2.svg" class="bg" alt=""/>
            </div>
        </div>
    </section>
    @endif

    <!-- Start section -->
    @include('web.layouts.newsletter')
</main>


@stop
