@extends('layouts.user.app')

@section('page_content')
    <x-public.container>
        <div class="py-6 md:py-8 lg:py-12">
            <div class="mb-12 text-center">
                <h1 class="sm:text-title-3 md:text-title-1 lg:text-lg-title tracking-tight font-semibold font-display leading-tight">
                    {{ __('contact.index-title') }}
                </h1>
                <p class="text-par-s md:text-par-m text-lab-pr2">
                    {!! __('contact.index-desc') !!}
                </p>
            </div>
            <div class="flex justify-center">
                <div class="flex-1 max-w-xl">
                    <form action="{{ route('feedback.contact.store') }}" method="POST">
                        @csrf
                        <div class="mb-4">
                            <x-forms.input value="{{ auth_check() ? me()->full_name : '' }}" name="name" labelText="{{ __('labels.what-name') }}" placeholder="{{ __('labels.full-name') }}"></x-forms.input>
                        </div>
                        <div class="mb-4">
                            <x-forms.input value="{{ auth_check() ? me()->email : '' }}"  type="email" name="email" labelText="{{ __('labels.email') }}" placeholder="{{ __('labels.email') }}"></x-forms.input>
                        </div>
                        <div class="mb-2">
                            <x-forms.text name="message" labelText="{{ __('labels.message') }}" placeholder="{{ __('contact.enter-your-message') }}"></x-forms.text>
                        </div>
                        <div class="block mb-6">
                            <p class="text-par-s text-lab-sc">
                                {!! __('labels.tos', [
                                    'privpol_link' => route('document.privacy.index'),
                                    'tos_link' => route('document.terms.index')    
                                ]) !!}
                            </p>
                        </div>
                        <div class="block">
                            <x-forms.button width="w-full" text="{{ __('labels.submit-request') }}" classes="bg-brand-900 text-white w-full"></x-forms.button>
                        </div>
                    </form>
                </div>
            </div>
        </div> 
    </x-public.container>
@endsection