@extends('web.themes.shella.layouts.app')

@section('content')
<main id="MainContent">
    <div class="breadcrumbs mt-15">
        <div class="container">
            <ul class="list-unstyled d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
                <li><a href="">{{ __('Home') }}</a></li>
                <li><span>{{ __('Contact US') }}</span></li>
            </ul>
        </div>
    </div>
    <div class="container mb-60">
        <div class="row mt-30">
            <div class="col-12 col-md-4 mb-30">
                <div class="rte">
                    <h1 class="h3 mb-30">{{ __('Here to help') }}</h1>
                    <p>{{ __('Have a question? You may find an answer in our') }}: <a href="{{ route('web.faq') }}">{{ __('FAQ') }}</a>. {{ __('But you can also contact us') }}:</p>
                    <h5>
                        {{ __('Call us') }}: +993 (12) 92-14-95 <br>
                        Mäti Kösäýew 16, Aşgabat, 744000
                    </h5>
                    <ul class="list-unstyled">
                        <li>{{ __('Opening hours') }}:</li>
                        <li>{{ __('Mon-Fri') }}: 09:00-19:00</li>
                        <li>{{ __('Sat') }}: 09:00-18:00</li>
                        <li>{{ __('Sun') }}: 09:00–16:00</li>
                    </ul>
                </div>
                {{-- <div class="mt-30">
                    <div id="theme-section-contact-map" class="theme-section">
                        <div class="contact-map position-relative">
                            <iframe width="600" height="450" style="border:0"
                                    src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBwY_0PWuwH_A5y4iwNAqpaUbUjRPySkFc%0A%20%20%20%20&q=7563%20St.%20Vicent%20Place,%20Glasgow"
                            allowfullscreen=""></iframe>
                        </div>
                    </div>
                </div> --}}
            </div>
            <div class="col-12 col-md-8">
                <h2 class="h3 text-capitalize">{{ __('Drop us a line') }}</h2>
                <p class="fs-lg">{{ __('We’re happy to answer any questions you have or provide you with an estimate. Just send us a message in the form below with any questions you may have') }}.</p>
                <form action="{{ route('web.contact-us.store') }}" method="POST" id="contact_form" class="contact-form">
                    @csrf
                    <label for="ContactFormName" class="label-required">{{ __('Name') }}</label>
                    <input type="text" name="title" id="ContactFormName" placeholder="{{ __('Name') }}" required="required">
                    
                    <label for="ContactFormPhone" class="label-required">{{ __('Phone') }}</label>
                    <input type="text" class="form-control" name="phone" id="ContactFormPhone" placeholder="{{ __('Phone') }}" required="required">
                    
                    <label for="ContactFormMessage" class="label-required">{{ __('Content') }}</label> 
                    <textarea rows="8" name="content" id="ContactFormMessage" placeholder="{{ __('Content') }}" required="required"></textarea>

                    <div class="pt-10">
                        <button type="submit" class="btn btn--secondary">
                            <i class="mr-5">
                                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-196" viewBox="0 0 24 24">
                                    <path d="M21.842 2.54a.601.601 0 0 1 .186.439v12.5c0 .169-.062.315-.186.439s-.271.186-.439.186h-8.535l-5.449 4.238c-.065.052-.13.088-.195.107s-.13.029-.195.029c-.052 0-.101-.007-.146-.02l-.127-.039c-.104-.052-.188-.13-.254-.234s-.098-.215-.098-.332v-3.75h-3.75c-.169 0-.315-.062-.439-.186s-.186-.271-.186-.439v-12.5c0-.169.062-.315.186-.439s.271-.186.439-.186h18.75a.606.606 0 0 1 .438.187zm-1.065 1.064h-17.5v11.25h3.75c.169 0 .315.062.439.186s.186.271.186.439v3.105l4.609-3.594c.065-.052.13-.088.195-.107s.13-.029.195-.029h8.125V3.604z"/>
                                </svg>
                            </i>
                            {{ __('Send') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

</main>
@stop