@extends('front.layouts.main')

@section('title', $translate['info']['meta_title'] . ' | ' . getSiteName())

@section('meta-description', $translate['info']['meta_description'])
@section('meta-keywords', $translate['info']['meta_keywords'])
@section('og-type', 'page')
@section('og-url', url()->current())
@section('og-title', $translate['info']['meta_title'] . ' | ' . getSiteName())
@section('og-description', $translate['info']['meta_description'])
@section('og-image', asset('assets/images/app/og-image-new.png'))

@section('content')
    <div class="container">
        <h1 class="title title--contacts">{{ $translate['info']['seo_h1'] }}</h1>
        <form class="form" action="#">
            @csrf
            <div class="form__body">
                <div class="form__text">{!! $translate['info']['content'] !!}</div>
                <div class="form__block form__block--not-submited">
                    <div class="form__item">
                        <input
                            type="text"
                            class="form__input _req _name"
                            placeholder="{{ request()->translations['static']['contact_name'] }}"
                            name="name"
                        />
                        <span class="form__input-error">{{ request()->translations['static']['contact_error_name'] }}</span>
                    </div>
                    <div class="form__item">
                        <input
                            type="text"
                            class="form__input _req _email"
                            placeholder="{{ request()->translations['static']['contact_email'] }}"
                            name="email"
                        />
                        <span class="form__input-error">{{ request()->translations['static']['contact_error_email'] }}</span>
                    </div>
                    <div class="form__item">
                        <input
                            type="text"
                            class="form__input _req _phone"
                            placeholder="{{ request()->translations['static']['contact_phone'] }}"
                            name="phone"
                        />
                        <span class="form__input-error">{{ request()->translations['static']['contact_error_phone'] }}</span>
                    </div>
                    <div class="form__item">
                        <h5 class="form__item-title">{{ request()->translations['static']['contact_message'] }}</h5>
                        <textarea class="form__textarea" name="message"></textarea>
                    </div>
                    <button class="btn btn--main btn--submit" type="submit">
                        {{ request()->translations['static']['contact_submit'] }}
                    </button>
                </div>
                <div class="form__block form__block--submited">
                    <span class="form__text-accent">{{ request()->translations['static']['contact_confirmation'] }}</span>
                    					<img
                        class="form__icon"
                        src="{{ $dark ? asset('assets/images/app/hd-logo-d.svg') : asset('assets/images/app/hd-logo-n.svg') }}"
                        alt=""
                        width="87"
                        height="50"
                    />
                </div>
            </div>
        </form>
    </div>
@endsection