@extends('site.layout.layout')

@section('title',__('Contact Us'))

@section('content')
    <main class="orders_page shopping_cart_page product_details_page py-2">
        <!-- ------- breadcrumb ---------- -->
        <nav aria-label="breadcrumb" class="py-2 px-3 px-lg-4">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ route('home') }}"><i class="fas fa-arrow-right-long"></i> {{ __('Home') }}</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page"> {{ __('Contact Us') }}</li>
            </ol>
        </nav>
        <section class="all_products row py-3 px-3 px-lg-4 mb-5">
            <div class="col-sm-12 col-md-12">
                <section class="title_sec mb-4 text-center">
                    <h6 class="active" href="#" style="color:#e52982"> {{ __('Contact Us') }}</h6>
                    <h3 class="section_title my-3"> {{ __("Let's stay in touch!") }}</h3>
                    <p style="margin:auto"> {{ __('Whether you have a question, a suggestion, or need help buying or selling, the Tasahal team is ready to respond to you quickly and friendly.') }}</p>
                </section>
                <section class="container form-horizontal form-label-right">
                    <form class="general_form" action="{{ route('Site.ContactAction') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row justify-content-center">
                            <div class="form-group col-lg-5 mb-3">
                                <label for="name_input"> {{ __('First Name') }}</label>
                                <input type="text" name="first_name" class="form-control" placeholder="{{ __('Enter your first name') }}" value="{{ old('first_name') }}" id="name_input">
                            </div>
                            <div class="form-group col-lg-5 mb-3">
                                <label for="second_name"> {{ __('Second Name') }}</label>
                                <input type="text" name="second_name" class="form-control" placeholder="{{ __('Enter your second name') }}" value="{{ old('second_name') }}" id="second_name">
                            </div>
                            <div class="form-group col-lg-10 mb-3">
                                <label for="email"> {{ __('Email') }}</label>
                                <input type="email" name="email" class="form-control" placeholder="{{ __('Enter your email') }}" value="{{ old('email') }}" id="email">
                            </div>
                            <div class="form-group col-lg-10 mb-3">
                                <label for="subject"> {{ __('Inquiry type') }}</label>
                                <input type="text" name="subject" class="form-control" placeholder="{{ __('Enter your inquiry type') }}" value="{{ old('subject') }}" id="subject">
                            </div>
                            <div class="form-group col-lg-10 mb-3">
                                <label for="message"> {{ __('Message') }}</label>
                                <textarea id="message" name="message" class="form-control" placeholder="{{ __('Enter your message') }}">{{ old('message') }}</textarea>
                            </div>
                            {{-- Add reCAPTCHA --}}
                            <div class="col-md-10 mb-3">
                                <label for="message" class="form-label">{{ __('Are you a robot?') }}</label>
                                <div class="g-recaptcha" data-sitekey="6LfMYtArAAAAANgyzcj0Izlvi0s8QczJRsXCrBce"></div>
                            </div>
                            <div class="d-flex justify-content-center col-10 mt-5">
                                <button type="submit" class="primaryBgBtn floatBtn w-50 text-center d-block"> {{ __('Send the message') }}</button>
                            </div>
                        </div>
                    </form>
                </section>
            </div>
        </section>
    </main>
@endsection

@push('scripts')
    <script src='https://www.google.com/recaptcha/api.js'></script>
@endpush