@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 (65) 72-89-52 <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">
                    <h5 class="d-lg-block mb-10 text-uppercase">{{ __('Mobile APPS') }}</h5>
                    <div class="row justify-content-center" style="margin-right: 10px;">
                        <div class="col-6 row px-0 text-center m-auto">
                            <div class="col-12 px-0"><span style="color: #575454;">APP STORE</span></div>
                            <div class="col-12 px-0"><img src="/assets/images/app_seller_qr_codes/app_store.png" alt=""></div>
                        </div>
                        <div class="col-6 row px-0 text-center">
                            <div class="col-12 px-0"><span style="color: #575454;">GOOGLE PLAY</span></div>
                            <div class="col-12 px-0"><img src="/assets/images/app_seller_qr_codes/google_play.png" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-md-8">
                @if(auth()->check() && auth()->user()->hasRole('vendor'))
                    <div class="cursor-pointer" style="background: linear-gradient(45deg, #458edb, #6600ff80); padding: 5px; border-radius: 5px;font-size: 16px;">
                        <a href="/turkmenpostadmin" class="text-white">
                            {{ __('Go to panel') }} ➜
                        </a>
                    </div>
                @else
                    <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.store') }}" method="POST" class="contact-form" enctype="multipart/form-data">
                        @csrf

                        <label class="label-required">{{ __('First Name') }}</label>
                        <input type="text" value="{{ old('first_name') }}" name="first_name" placeholder="{{ __('First Name') }}" required="required">

                        <label class="label-required">{{ __('Last Name') }}</label>
                        <input type="text" value="{{ old('last_name') }}" name="last_name" placeholder="{{ __('Last Name') }}" required="required">

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

                        <label class="label-required">{{ __('Password') }}</label>
                        <input type="password" value="{{ old('password') }}" name="password" placeholder="{{ __('Password') }}" required="required">

                        <label class="label-required">{{ __('Shop name') }}</label>
                        <input type="text" value="{{ old('shop_name') }}" name="shop_name" placeholder="{{ __('Shop name') }}" required="required">

                        <label class="label-required">{{ __('Phone') }}</label>
                        <input type="text" value="{{ old('phone_number') }}" name="phone_number" placeholder="{{ __('Phone') }}" required="required">
                        
                        <label class="label-required">{{ __('Region') }}</label>
                        <select value="{{ old('region') }}" name="region">
                            <option value="ag">{{ __('Ashgabat') }}</option>
                            <option value="mr">{{ __('Mary') }}</option>
                            <option value="ah">{{ __('Ahal') }}</option>
                            <option value="dz">{{ __('Dashagoz') }}</option>
                            <option value="lb">{{ __('Lebap') }}</option>
                            <option value="bn">{{ __('Balkan') }}</option>
                        </select>

                        <label class="label-required">{{ __('City') }}</label>
                        <input type="text" value="{{ old('city') }}" name="city" placeholder="{{ __('City') }}" required="required">

                        <label class="label-required">{{ __('Street address') }}</label>
                        <input type="text" value="{{ old('street_address') }}" name="street_address" placeholder="{{ __('Street address') }}" required="required">

                        <label class="label-required">{{ __('Corparation type') }}</label>
                        <select value="{{ old('region') }}" name="corporation_type">
                            <option value="tel">{{ __('Entrepreneur') }}</option>
                            <option value="hk">{{ __('Private enterprise') }}</option>
                            <option value="hj">{{ __('Partnership enterprise') }}</option>
                        </select>

                        <label class="label-required">{{ __('Patent') }}</label>
                        <input type="file" name="patent_data" 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>
                @endif
            </div>
        </div>
    </div>

</main>
@stop
