@extends('front.master')


@section('seo')
    {!! json_field($seo,'contact_page_scripts') !!}
@endsection




@section('content')
    <section class="page-cover back-size" id="cover-flight-grid-list" style="background: url('{{getImage(SETTINGS_PATH.json_field($site_content,'contact_cover_img'))}}') 50% 40%;
    background-size: 140%;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-title"> {{json_field($site_content,'contact')}} </h1>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{route('front.get.home.index')}}">{{json_field($site_content,'home')}}</a></li>
                        <li class="breadcrumb-item"> {{json_field($site_content,'contact')}} </li>
                    </ul>
                </div><!-- end columns -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section>

    <form id="FormContact" method="post" action="{{route('front.ajax.post.contact')}}">
    <section class="innerpage-wrapper">
        <div id="contact-us" class="innerpage-section-padding">
            <div class="container">
                <div class="row">

                    <div class="col-md-12 col-lg-5 no-pd-r">
                        <div class="custom-form contact-form">
                            <h3>{{json_field($site_content,'contact')}}</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
                            <form id="frm_contact" name="frm_contact" method="post" novalidate="novalidate">

                                <div class="form-group">
                                    <input type="text" name="name" class="form-control" placeholder="{{json_field($site_content,'name')}}" required>
                                    <span><i class="fa fa-user"></i></span>
                                </div>

                                <div class="form-group">
                                    <input type="email" name="email" class="form-control" placeholder="{{json_field($site_content,'email')}}" required>
                                    <span><i class="fa fa-envelope"></i></span>
                                </div>

                                <div class="form-group">
                                    <input type="tel" name="phone" class="form-control" placeholder="{{json_field($site_content,'phone')}}" required>
                                    <span><i class="fa fa-phone"></i></span>
                                </div>

                                <div class="form-group">
                                    <select class="form-control" name="country">
                                        <option>{{json_field($site_content,'select_country')}}</option>
                                        @include('front.partials.countries')
                                    </select>
{{--                                    <span><i class="fa fa-globe"></i></span>--}}
                                </div>

                                <div class="form-group">
                                    <input type="text" name="msg_title" class="form-control" placeholder="{{json_field($site_content,'subject')}}"
                                           id="subject" required>
                                    <span><i class="fa fa-pen"></i></span>
                                </div>

                                <div class="form-group">
                                        <textarea class="form-control" rows="6" placeholder="{{json_field($site_content,'write_message')}}"
                                                  id="message" name="msg_body" required></textarea>
                                    <span><i class="fa fa-pencil"></i></span>
                                </div>
                                <div class="col-md-12 text-center" id="result_msg"></div>
                                <button name="submit" id="submit" class="btn btn-orange btn-block" type="submit">{{json_field($site_content,'send_message')}}</button>
                            </form>
                        </div><!-- end contact-form -->
                    </div><!-- end columns -->

                    <div class="col-md-12 col-lg-7 no-pd-l">
                        <div class="map">
                            {!! $settings->iframe !!}
                        </div><!-- end map -->
                    </div><!-- end columns -->

                </div><!-- end row -->
            </div><!-- end container -->
        </div><!-- end contact-us -->
    </section>

    </form>





    <section id="best-features" class="banner-padding black-features">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-lg-4">
                    <div class="b-feature-block">
                        <span><i class="fa fa-map-marker"></i></span>
                        <h3>{{json_field($site_content,'address')}}</h3>
                        <p>{{$settings->address}}</p>
                    </div><!-- end b-feature-block -->
                </div><!-- end columns -->

                <div class="col-md-6 col-lg-4">
                    <div class="b-feature-block">
                        <span><i class="fa fa-envelope"></i></span>
                        <h3>{{json_field($site_content,'email')}}</h3>
                        <p>{{$settings->email}} <br> {{$settings->gmail}}</p>
                    </div><!-- end b-feature-block -->
                </div><!-- end columns -->

                <div class="col-md-6 col-lg-4">
                    <div class="b-feature-block">
                        <span><i class="fa fa-phone"></i></span>
                        <h3>{{json_field($site_content,'phone')}}</h3>
                        <p>{{$settings->phone}} <br> {{$settings->mobile}}</p>
                    </div><!-- end b-feature-block -->
                </div><!-- end columns -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section>

@endsection