@extends('layouts.site')

@push('head')
@if (! empty($seo['meta_description']))
  <meta name="description" content="{{ $seo['meta_description'] }}">
@endif
@if (! empty($seo['meta_keywords']))
  <meta name="keywords" content="{{ $seo['meta_keywords'] }}">
@endif
@if (! empty($seo['meta_author']))
  <meta name="author" content="{{ $seo['meta_author'] }}">
@endif
@if (! empty($seo['meta_publisher']))
  <meta name="publisher" content="{{ $seo['meta_publisher'] }}">
@endif
@if (! empty($seo['meta_copyright']))
  <meta name="copyright" content="{{ $seo['meta_copyright'] }}">
@endif
@if (! empty($seo['meta_refresh']))
  <meta http-equiv="refresh" content="{{ $seo['meta_refresh'] }}">
@endif
<meta property="og:type" content="{{ $seo['og_type'] }}">
<meta property="og:title" content="{{ $seo['og_title'] }}">
@if (! empty($seo['og_description']))
  <meta property="og:description" content="{{ $seo['og_description'] }}">
@endif
@if (! empty($seo['og_image']))
  <meta property="og:image" content="{{ $seo['og_image'] }}">
@endif
<meta property="og:url" content="{{ request()->url() }}">
@endpush

@section('content')
  <div class="contact-area">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="contact-wrapper">
            <div class="contact-title">
              <h2>{{ trans('fp.LETS_MAKE_MAGIC') }}</h2>
              <p>{{ trans('fp.CONTACT_DESCRIPTION') }}</p>
            </div>

            <div class="contact-form">
              <form action="{{ route('contact.submit') }}" method="POST">
                @csrf

                @error('form')
                  <p class="text-danger mb-3">{{ $message }}</p>
                @enderror

                <div aria-hidden="true" style="position:absolute;left:-9999px;opacity:0;pointer-events:none;">
                  <label for="website">Website</label>
                  <input id="website" type="text" name="website" value="{{ old('website') }}" tabindex="-1" autocomplete="off">
                </div>

                <div class="single-item">
                  <input type="text" name="name" value="{{ old('name') }}" placeholder="{{ trans('fp.NAME') }}">
                  @error('name')
                    <p class="text-danger mt-2">{{ $message }}</p>
                  @enderror
                </div>

                <div class="single-item">
                  <input type="email" name="email" value="{{ old('email') }}" placeholder="{{ trans('fp.EMAIL') }}">
                  @error('email')
                    <p class="text-danger mt-2">{{ $message }}</p>
                  @enderror
                </div>

                <div class="single-item">
                  <textarea name="message" placeholder="{{ trans('fp.MESSAGE') }}">{{ old('message') }}</textarea>
                  @error('message')
                    <p class="text-danger mt-2">{{ $message }}</p>
                  @enderror
                </div>

                <div class="single-item submit-btn">
                  <button type="submit" class="btn__primary">
                    {{ trans('fp.SEND_IT') }}
                    <span><img src="{{ $assetBase }}/img/send.svg" alt="{{ trans('fp.SEND') }}"></span>
                  </button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <x-block keycode="CONTACT-NOTE"></x-block>
@endsection