@extends('front.layouts.layout')
@section('meta_title'){{ $index_meta->{'title_' . App::getLocale()} }}@stop
@section('meta_description'){{ $index_meta->{'description_' . App::getLocale()} }}@stop
@section('meta_keywords')
    {{ $index_meta->{'kewords_' . App::getLocale()} }}
@stop
@section('meta')
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="{{ $index_meta->{'title_' . App::getLocale()} }}">
    <meta itemprop="description" content="{{ $index_meta->{'description_' . App::getLocale()} }}">
    <!-- Twitter Card data -->
    <meta name="twitter:card" content="site">
    <meta name="twitter:site" content="@publisher_handle">
    <meta name="twitter:title" content="{{ $index_meta->{'title_' . App::getLocale()} }}">
    <meta name="twitter:description" content="{{ $index_meta->{'description_' . App::getLocale()} }}">
    <!-- Twitter Card data -->
    <meta name="twitter:creator" content="@author_handle">
    <meta name="twitter:image" content="{{ url($index_meta->{'image_' . App::getLocale()}) }}">
    <!-- Open Graph data -->
    <meta property="og:title" content="{{ $index_meta->{'title_' . App::getLocale()} }}" />
    <meta property="og:description" content="{{ $index_meta->{'description_' . App::getLocale()} }}" />
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="image" content="{{ url($index_meta->{'image_' . App::getLocale()}) }}">
    <!-- Open Graph data -->
    <meta property="og:type" content="og:site">
    <meta property="og:url" content="{{ route('home') }}">
    <meta property="og:image" content="{{ url($index_meta->{'image_' . App::getLocale()}) }}">
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="{{ $index_meta->{'title_' . App::getLocale()} }}">
    <meta itemprop="description" content="{{ $index_meta->{'description_' . App::getLocale()} }}">
@endsection
@section('content')
    <div class="container head-text-container">
        <div class="row">
            <h1>{{ translate('Contact Us') }}
            </h1>
            <p class="text fs-5">
                {{ translate('Create your shop with alot of products and publish it to thousands of users to increase your sales and help to spread your work and bussiness') }}
            </p>
        </div>
    </div>

    <!-- FORM CONTAINER START -->
    <section class="container-fluid contact-form-container">
        <div class="row">
            <div class="col-lg-10 col-md-10 col-sm-12 m-auto">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 form-wrapper">
                        {!! Form::open(['method' => 'post', 'action' => 'Front\HomeController@sendMail', 'files' => true]) !!}
                        <div class="form-group mb-3">
                            <label for="name" class="visually-hidden">{{ translate('Full Name') }}</label>
                            <input type="text" name="name" required class="form-control" id="name"
                                placeholder="{{ translate('Full Name') }}">
                        </div>
                        <div class="form-group mb-3">
                            <label for="emailAddress" class="visually-hidden">{{ translate('Email Address') }}</label>
                            <input type="email" name="emailAddress" required class="form-control" id="emailAddress"
                                placeholder="{{ translate('Email Address') }}">
                        </div>
                        <div class="form-group mb-3">
                            <label for="phoneNumber" class="visually-hidden">{{ translate('Phone Number') }}</label>
                            <input type="tel" name="phoneNumber" required class="form-control" id="phoneNumber"
                                placeholder="{{ translate('Phone Number') }}">
                        </div>
                        <div class="form-group mb-3">
                            <label for="messageContent"
                                class="visually-hidden">{{ translate('Message Content') }}</label>
                            <textarea class="form-control" name="messageContent" required id="messageContent"
                                placeholder="{{ translate('Message Content') }}"></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary text-white">{{ translate('Send') }}</button>
                        {!! Form::Close() !!}
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 vector-wrapper">
                        <img src="{{ url('front_layout/assets/imgs/contact-vector.png') }}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- FORM CONTAINER END -->

@endsection
@section('modal')

@endsection
@section('script')

@endsection