@extends('web.layouts.container')
@section('css')
    <link rel="stylesheet" href="{{asset('assets/web/css/pages_style.css')}}">
@endsection
@section('content')
    <section class="inner_header">
        <div class="container">
            <h2> {{$title}} </h2>
            <div class="links">
                <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('home'), [], true)}}">{{__('main.home')}}</a>
                <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('contact.index'), [], true)}}">{{$title}}</a>
            </div>
        </div>
    </section>


    <!--Start contact-pg -->
    <section class="contact-pg section">
        <div class="container">
            <div class="col-lg-12 m-auto">
                <div class="row">
                    @if($settings['site_address_'.$lang] ?? null)
                        <div class="col-md-4">
                            <div class="data-group">
                                <img src="{{asset('assets/web/images/icons/map.svg')}}" alt="" class="icon"/>
                                <div class="content text-center">
                                    <h5 class="title"><b>{{__('settings.site_address')}}</b></h5>
                                    <p class="p mb-0">{{$settings['site_address_'.$lang]}}</p>
                                </div>
                            </div>
                        </div>
                    @endif
                    @if($settings['site_email'] ?? null)
                        <div class="col-md-4">
                                <div class="data-group">
                                    <img src="{{asset('assets/web/images/icons/mail.svg')}}" alt="" class="icon"/>
                                    <div class="content text-center">
                                        <h5 class="title"><b>{{__('settings.site_email')}}</b></h5>
                                        <p class="p mb-0">{{$settings['site_email']}}</p>
                                    </div>
                                </div>
                            </div>
                    @endif
                    @if($settings['site_phone'] ?? null)
                        <div class="col-md-4">
                                <div class="data-group">
                                    <img src="{{asset('assets/web/images/icons/phone.svg')}}" alt="" class="icon"/>
                                    <div class="content text-center">
                                        <h5 class="title"><b>{{__('settings.site_phone')}}</b></h5>
                                        <p style="direction: ltr" class="p mb-0">{{$settings['site_phone']}}</p>
                                    </div>
                                </div>
                            </div>
                    @endif
                </div>
            </div>
            <div class="row mt-5 pt-4">
                <div class="col-md-6">
                    <div class="form-wrapper center-vr">
                        <div class="sec-heading mb-5">
                            <h1 class="title"><b>{{__('visitorMessages.glade_connect_you')}}</b></h1>
                        </div>
                        <form action="{{route('contact.store')}}" method="post" class="form contact_us_form">
                            <div class="form-group">
                                <input class="form-control" name="name" placeholder="{{__('visitorMessages.name')}}" type="text"/>
                            </div>
                            <div class="form-group">
                                <input class="form-control" name="email" type="email" placeholder="{{__('visitorMessages.email')}}"/>
                            </div>
                            <div class="form-group">
                                <input class="form-control" name="phone" type="tel" placeholder="{{__('visitorMessages.phone')}}"/>
                            </div>
                            <div class="form-group">
                                <input class="form-control" name="subject" type="tel" placeholder="{{__('visitorMessages.subject')}}"/>
                            </div>
                            <div class="form-group">
                                <textarea class="form-control" rows="7" name="message" placeholder="{{__('visitorMessages.message')}}"></textarea>
                            </div>
                            <a href="#0" class="butn borderd-drbutn mt-5 contact_us_button" data-toggle="modal" data-target="#modal_booking_msg">
                                <span> <i class="fas fa-paper-plane"></i>  {{__('visitorMessages.send')}} </span>
                            </a>
                        </form>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="map-box mt-5 mt-lg-0">
                        <iframe width="100%" height="580" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"><a href="https://www.gps.ie/sport-gps/">swimming watch</a></iframe>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('inner_js')

    <script>

    </script>

@endsection