One Hat Cyber Team

View File Name : contact-page.blade.php

@extends('frontend.frontend-page-master')
@section('site-title')
    {{get_static_option('contact_page_'.$user_select_lang_slug.'_name')}}
@endsection
@section('page-title')
    {{get_static_option('contact_page_'.$user_select_lang_slug.'_name')}}
@endsection
@section('page-meta-data')
<meta name="description" content="{{get_static_option('contact_page_'.$user_select_lang_slug.'_meta_description')}}">
<meta name="tags" content="{{get_static_option('contact_page_'.$user_select_lang_slug.'_meta_tags')}}">
@endsection

@section('content')
    <!-- contact-section -->
    <div class="contact-area padding-bottom-120">
        <div class="bg-image" data-parallax='{"x": -50, "y": 0}' {!! render_background_image_markup_by_attachment_id(get_static_option('home_page_contact_us_bg_1')) !!}></div>
        <div class="bg-image-02" data-parallax='{"x": 50, "y": 0}' {!! render_background_image_markup_by_attachment_id(get_static_option('home_page_contact_us_bg_2')) !!}></div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <div class="section-title sass desktop-center padding-bottom-25">
                        <span class="sub-title">{{get_static_option('home_page_contact_us_section_'.$user_select_lang_slug.'_subtitle')}} </span>
                        <h4 class="title">{{get_static_option('home_page_contact_us_section_'.$user_select_lang_slug.'_title')}} </span></h4>
                    </div>
                    @include('backend.partials.message')
                    @include('backend.partials.error')
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 offset-lg-1 col-md-4">
                    <div class="content-area">
                        <div class="single-contact-item">
                            <div class="icon">
                                <i class="flaticon-call"></i>
                            </div>
                            <div class="content">
                                <p class="details">
                                    @foreach(explode(',',get_static_option('home_page_contact_us_section_'.$user_select_lang_slug.'_contact')) as $item)
                                    {{$item}}<br>
                                    @endforeach
                                </p>
                            </div>
                        </div>
                        <div class="single-contact-item">
                            <div class="icon">
                                <i class="flaticon-open"></i>
                            </div>
                            <div class="content">
                                <p class="details">
                                    @foreach(explode(',',get_static_option('home_page_contact_us_section_'.$user_select_lang_slug.'_email')) as $item)
                                    {{$item}}<br>
                                    @endforeach
                                </p>
                            </div>
                        </div>
                        <div class="single-contact-item">
                            <div class="icon">
                                <i class="flaticon-placeholder"></i>
                            </div>
                            <div class="content">
                                <p class="details">
                                    @foreach(explode(',',get_static_option('home_page_contact_us_section_'.$user_select_lang_slug.'_address')) as $item)
                                    {{$item}}<br>
                                    @endforeach
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-8">
                    <div class="contact-form">
                        <form action="{{route('frontend.contact.message')}}" method="POST" class="contact-page-form style-01" id="contact_us_form" >@csrf
                            <input type="hidden" name="captcha_token" id="gcaptcha_token">
                            <div class="row">
                                <div class="error-message"></div>
                                <div class="success-message"></div>
                                <div class="col-md-12">
                                    {!! render_form_field_for_frontend(get_static_option('contact_page_contact_form_fields')) !!}
                                </div>
                                <div class="col-md-12">
                                    <div class="btn-wrapper">
                                        <button type="submit" id="contact_us_submit_btn" class="boxed-btn btn-saas"><span>{{__('Submit Message')}}</span></button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if(get_static_option('contact_page_map_section_status'))
    <!-- map-section -->
    <div class="map-area padding-top-85 padding-bottom-120">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div class="contact_map">
                        {!! render_embed_google_map(get_static_option('contact_page_map_section_location'),get_static_option('contact_page_map_section_zoom')) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
@endsection
@section('scripts')
    @if(!empty(get_static_option('site_google_captcha_v3_site_key')))
        <script
                src="https://www.google.com/recaptcha/api.js?render={{get_static_option('site_google_captcha_v3_site_key')}}"></script>
        <script>
            (function() {
                "use strict";

                grecaptcha.ready(function () {
                    grecaptcha.execute("{{get_static_option('site_google_captcha_v3_site_key')}}", {action: 'homepage'}).then(function (token) {
                        document.getElementById('gcaptcha_token').value = token;
                    });
                });
            })();
        </script>
    @endif
    <script>
        (function($){
        "use strict";
        $(document).ready(function () {
            function removeTags(str) {
              if ((str===null) || (str==='')){
                   return false;
              }
              str = str.toString();
              return str.replace( /(<([^>]+)>)/ig, '');
           }
       
            $(document).on('click', '#contact_us_submit_btn', function (e) {
                e.preventDefault();
                var el = $(this);
                var myForm = document.getElementById('contact_us_form');
                var formData = new FormData(myForm);
                $.ajax({
                    type: "POST",
                    url: "{{route('frontend.contact.message')}}",
                    data: formData,
                    processData: false,
                    contentType: false,
                    beforeSend: function(){
                        el.html('<i class="fas fa-spinner fa-spin mr-1"></i> {{__("Submitting")}}');
                    },
                    success: function (data) {
                        var errMsgContainer = $('#contact_us_form').find('.error-message');
                        errMsgContainer.html('');
                        errMsgContainer.html('<div class="alert alert-'+data.type+'">'+removeTags(data.msg)+'</div>');
                        $('#contact_us_form').find('.form-control').val('');
                        el.text('{{__("Submit")}}');
                    },
                    error: function (data) {
                        var error = data.responseJSON;
                        var errMsgContainer = $('#contact_us_form').find('.error-message');
                        errMsgContainer.html('<div class="alert alert-danger"></div>');
                        $.each(error.errors,function (index,value) {
                            errMsgContainer.find('.alert').append('<span>'+removeTags(value)+'</span>');
                        });
                        el.text('{{__("Submit")}}');
                    }
                });
            });
        }); 
        })(jQuery);
    </script>
@endsection