@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" id="page-container">
        <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">{{ __('Become an official partner') }}</h2>
                <p class="fs-lg">
                    {{ __('To become our official partner, please fill out the form below. Then, our staff will contact you.') }}
                </p>

                @if($errors->any())
                    <ul>
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>   
                        @endforeach
                    </ul>
                @endif

                <form action="{{ route('web.become-seller.verification.store') }}" method="POST" class="contact-form" enctype="multipart/form">
                    @csrf

                    <input type="hidden" name="phone_number" value="{{ request('phone') }}">

                    <label class="label-required">{{ __('Phone') . ' ' . __('verification code') }}</label>
                    <input type="text" value="{{ old('phone_verification_code') }}" name="phone_verification_code" placeholder="{{ __('Phone') . ' ' . __('verification code') }}" required="required">

                    <input type="hidden" name="email"  value="{{ request('email') }}">

                    <label class="label-required">{{ __('Email') . ' ' . __('verification code') }}</label>
                    <input type="text" value="{{ old('email_verification_code') }}" name="email_verification_code" placeholder="{{ __('Email') . ' ' . __('verification code') }}" required="required">

                    <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
