@extends('layout.app')

@section('page-title', 'Contact us')

@section('breadcrumb')
    <div class="tf-breadcrumb">
        <div class="container">
            <div class="tf-breadcrumb-wrap d-flex justify-content-between flex-wrap align-items-center">
                <div class="tf-breadcrumb-list">
                    <a href="{{ url('/new-design/home.php') }}" class="text">Home</a>
                    <i class="icon icon-arrow-right"></i>
                    <a href="{{ url('/new-design/home.php') }}" class="text">About</a>
                    <i class="icon icon-arrow-right"></i>
                    <span class="text">Contact</span>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div id="contact-us" class="wt-pages">

        <!-- Form -->
        <section class="flat-spacing-wt form-background">
            <div class="container">
                <div id="error-message" class="tf-grid-layout text-center alert alert-danger" style="display: none;">
                    <div class="tf-content-wrap wow shake" data-wow-delay="1s">
                        Please, fix the following errors.
                        <div class="error-message-detail"></div>
                    </div>
                </div>
                @if($show_success_message)
                    <div id="success-message" class="tf-grid-layout text-center alert alert-success">
                        <div class="tf-content-wrap wow shake" data-wow-delay="1s">
                            Thank you for contacting us!.<br>
                            We will respond as quickly as we can!
                        </div>
                    </div>

                    @if(DEV_ENV !== true)
                        <script type="text/javascript">
                            /* <![CDATA[ */
                            var google_conversion_label = "aLPSCLrisQIQybix_wM";

                            gtag('event', 'conversion', {
                                'send_to': window.ADWORDS_ACCOUNT_ID + '/' + google_conversion_label,
                                'value': 1,
                                'currency': 'USD',
                                'transaction_id': ''
                            });

                            /* ]]> */
                        </script>
                    @endif
                @endif
                <div class="tf-grid-layout md-col-1-3">
                    <div class="tf-content-wrap wow fadeInUp" data-wow-delay="0s" style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                        <div class="heading title">Contact Us</div>
                        <p class="description">Leave us a message, and we will reply shortly.</p>
                    </div>
                    <div class="tf-content-wrap wow fadeInUp" data-wow-delay="0s" style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                        <div class="container">
                            <form id='contact-us-form' class="tf-contact-us" name='form' method='POST'>
                                <input type="hidden" name="action_name" value="contact_us"/>
                                <div class="tf-grid-layout md-col-2">
                                    <div id="name_wrapper" class="tf-content-wrap wow fadeInUp" data-wow-delay="0s" style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                                        <label for="name" class="input-label">Name *</label>
                                        <p class="input">
                                            <input id="name" type="text" name="name">
                                        </p>
                                    </div>
                                    <div id="lastname_wrapper" class="tf-content-wrap wow fadeInUp" data-wow-delay="0s" style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                                        <label for="lastname" class="input-label">Last Name *</label>
                                        <p class="input">
                                            <input id="lastname" type="text" name="lastname">
                                        </p>
                                    </div>
                                </div>
                                <div class="tf-grid-layout">
                                    <div id="email_wrapper" class="tf-content-wrap wow fadeInUp" data-wow-delay="0s" style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                                        <label for="email" class="input-label">Email *</label>
                                        <p class="input">
                                            <input id="email" type="email" name="email">
                                        </p>
                                    </div>
                                </div>
                                <div class="tf-grid-layout">
                                    <div id="subject_wrapper" class="tf-content-wrap wow fadeInUp" data-wow-delay="0s" style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                                        <label for="subject" class="input-label">Subject *</label>
                                        <p class="input">
                                            <input id="subject" type="text" name="subject">
                                        </p>
                                    </div>
                                </div>
                                <div class="tf-grid-layout">
                                    <div id="message_wrapper" class="tf-content-wrap wow fadeInUp" data-wow-delay="0s" style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                                        <label for="message" class="input-label">Message *</label>
                                        <p class="input">
                                            <textarea id="message" name="message"></textarea>
                                        </p>
                                    </div>
                                </div>
                                <!-- Honeypot field - hidden from users but visible to bots -->
                                <div style="display: none;">
                                    <label for="website">Website</label>
                                    <input type="text" name="website" id="website" autocomplete="off">
                                </div>

                                <div class="tf-grid-layout">
                                    <div id="recaptcha_wrapper" class="tf-content-wrap wow fadeInUp" data-wow-delay="0s" style="visibility: visible; animation-delay: 0s; animation-name: fadeInUp;">
                                        <!-- Google reCAPTCHA -->
                                        <div class="g-recaptcha" data-sitekey="<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function getAntiSpamConfig() in /home/staging/wt-git/wt/new-design/views/contact-us.blade.php:113
Stack trace:
#0 {main}
  thrown in <b>/home/staging/wt-git/wt/new-design/views/contact-us.blade.php</b> on line <b>113</b><br />