@extends('front.layout.master')
@section('meta_tags')
<title>Contact Us to Get More Info - Artiner</title>
<meta content="If you want more information about the website and artwork, please contact us here. We look forward to your message." name="description" />
@endsection
@section('body')
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<div class="no-top">
   <section id="section-hero" class="myAccount section_mt" aria-label="section">
      <div class="container">
         <div class="breadcrumb">
            <div class="container-fluid">
               <div class="breadcrumb-inner">
                  <ul class="bread-crumbs-pdp list-inline list-unstyled d-flex">
                     <li><a href="{{ url('/') }}">{{ __('staticwords.Home') }}</a></li>
                     <li class='active'>{{ __('staticwords.ContactUs') }}</li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="body-content bg-white2">
            <div class="container-fluid">
               <div class="contact-page">
                  <div class="row px-2">
                     <div class="col-lg-6 mt-2 mb-4 col-12">
                        <div class="col-md-12 contact-title">
                           <h2>Get in Touch!</h2>
                        </div>
                        <div class="contact-title">
                           <p class="mb-2"> Fill up the form and our team will get back to you within 24 hours</P>
                        </div>
                        <div class="spacer-cotact"></div>
                        <p class="mb-2"> You can also mail us</P>
                        <div class="clearfix p-1 contactInfo">
                           <span class="contact-i"><i class="fa fa-envelope"></i></span>
                           <span class="contact-span"><a
                              href="mailto:{{ $settings['email'] }}">{{ $settings['email'] }}</a></span>
                        </div>
                     </div>
                     <div class="col-lg-6 col-12 contact-form contact-container">
                        <form id="contact_form" action="{{ route('get.connect') }}" method="POST" novalidate
                           class="form form-border">
                           @csrf
                           <div class="row">
                              <div class="col-md-6 ">
                                 <div class="form-group">
                                    <label>{{ __('staticwords.YourName') }}: <span
                                       class="text-danger">*</span></label>
                                    <input required id="name" name="name" type="text"
                                       class="@error('name') 'is-invalid' @enderror form-control unicase-form-control text-input"
                                       id="name" value="{{ old('name') }}"
                                       placeholder="{{ __('staticwords.EnterYourName') }}">
                                    @error('name')
                                    <p class="text-danger">{{ $message }}</p>
                                    @enderror
                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <div class="form-group register-form">
                                    <label class="info-title"
                                       for="email">{{ __('staticwords.eaddress') }}
                                    <span class="text-danger">*</span></label>
                                    <input required id="email" name="email" type="text"
                                       class="@error('email') 'is-invalid' @enderror form-control unicase-form-control text-input"
                                       id="email" value="{{ old('email') }}"
                                       placeholder="{{ __('staticwords.Enteryouremailaddress') }}">
                                    @error('email')
                                    <p class="text-danger">{{ $message }}</p>
                                    @enderror
                                 </div>
                              </div>
                              <div class="col-md-12">
                                 <div class="form-group register-form">
                                    <label class="info-title"
                                       for="subject">{{ __('staticwords.Subject') }}: <span
                                       class="text-danger">*</span></label>
                                    <input required id="subject" name="subject" required type="text"
                                       class="@error('subject') 'is-invalid' @enderror form-control unicase-form-control text-input"
                                       id="subject" value="{{ old('subject') }}"
                                       placeholder="{{ __('staticwords.PleaseEnterSubject') }}">
                                    @error('subject')
                                    <p class="text-danger">{{ $message }}</p>
                                    @enderror
                                 </div>
                              </div>
                              <div class="col-md-12">
                                 <div class="form-group register-form">
                                    <label class="info-title"
                                       for="message">{{ __('staticwords.Message') }}
                                    <span class="text-danger">*</span></label>
                                    <textarea rows="5" cols="30" id="message" name="message" required
                                       placeholder="{{ __('staticwords.PleaseEnterMessage') }}"
                                       class="form-control @error('message') 'is-invalid' @enderror unicase-form-control"
                                       id="message">{{ old('message') }}</textarea>
                                    @error('message')
                                    <p class="text-danger">{{ $message }}</p>
                                    @enderror
                                 </div>
                              </div>
                              <div class="spacer-half"></div>
                              @if($genrals_settings->captcha_enable == 1)
                              <div class=" col-md-6">
                                 @error('g-recaptcha-response')
                                 <p class="text-danger"><b style="color:red;">{{ $message }}</b></p>
                                 @enderror
                              </div>
                              <div class="col-md-12">
                                 <div class="form-group register-form">
                                    <div class="g-recaptcha" data-sitekey="{{ env('NOCAPTCHA_SITEKEY') }}"
                                       data-callback="recaptchaCallback"></div>
                                    <input type="hidden" class="hiddenRecaptcha required" name="hiddenRecaptcha"
                                       id="hiddenRecaptcha">
                                 </div>
                              </div>
                              @endif
                              <div class="col-md-12 outer-bottom-small m-t-20">
                                 <button type="submit"
                                    class="btn-upper btn btn-main checkout-page-button btn-golden btn-mobile">{{ __('staticwords.Send') }}</button>
                                 <div class="spacer-single"></div>
                              </div>
                        </form>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
</div>
</section>
@endsection
@section('script')
<script>
   function recaptchaCallback() {
       $('#hiddenRecaptcha').valid();
   };
</script>
<script>
   $("#contact_form").validate({
      ignore: ".ignore",
      errorClass: "invalid-error-login form-error",
      errorElement: 'span',
   
       rules: {
           name: {
               required: true,
               maxlength: 255,
           },
           email: {
               required: true,
               email: true,
               maxlength: 255,
           },
           subject: {
               required: true,
           },
           message: {
               required: true,
           },
           hiddenRecaptcha: {
               required: function() {
                   if (grecaptcha.getResponse() == '') {
                       return true;
                   } else {
                       return false;
                   }
               }
           }
       },
       messages: {
           name: {
               required: "{{ __('staticwords.PleaseEnterName') }}",
               maxlength: "{{ __('staticwords.255char') }}",
           },
           email: {
               required: "{{ __('staticwords.PleaseEnterEmail') }}",
               email: "{{ __('staticwords.validemailaddress') }}",
               maxlength: "{{ __('staticwords.255charemail') }}",
           },
           subject: {
               required: "{{ __('staticwords.PleaseEnterSubject') }}",
   
           },
           message: {
               required: "{{ __('staticwords.PleaseEnterMessage') }}",
   
           },
           hiddenRecaptcha: {
               required: "Please check the captcha"
           }
       }
   });
</script>
@if($genrals_settings->captcha_enable == 1)
{!! no_captcha()->script() !!}
@endif
@endsection