@extends('layouts.app')

@section('content')

<div class="text-center mt-4 font-size-big fw-bold">
    {!! __('contact.title') !!}
</div>

<div class="yellow-box yellow-box-small">
    <div class="container yellow-box-container mt-4 mb-5">
        <div class="row">
            <div class="col m-0 p-0">

                <div class="card">
                    <div class="card-header text-center mt-4 pb-0 font-size-h1 fw-bold text-uppercase">{!! __('contact.title.callToAction') !!}</div>

                    <div class="card-body p-4 px-5">

                        @if(Session::has('success_message'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            {!! Session::get('success_message') !!}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        @endif
                        @if(Session::has('error_message'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {!! Session::get('error_message') !!}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                        @endif

                        <form method="POST" action="{{ route('user.message.store', app()->getLocale()) }}">
                            @csrf
                            <div class="form-outline mb-4">
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ Auth::user()->name }}" disabled>
                                <label for="name" class="form-label">{!! __('form.name.title') !!}</label>
                            </div>

                            <div class="form-outline mb-4">
                                <input id="email" type="text" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ Auth::user()->email }}" disabled>
                                <label for="email" class="form-label">{!! __('form.email.title') !!}</label>
                            </div>

                            {{-- Type --}}
                            <div class="d-flex justify-content-center">
                                <div class="row d-flex justify-content-between btn-group mb-4 w-100 feedback-btn-group">
                                    <div class="col-12 col-md-6 mb-3 mb-md-0 px-0 pe-md-2">
                                        <input type="radio" class="btn-check" name="type" id="type1" value="opinion" autocomplete="off" checked {{ ($type == null || $type =='opinion') ? 'checked' : '' }} />
                                        <label class="btn btn-success btn-small btn-small-dark-gray w-100 p-2" style="border-radius: 30px !important;" for="type1">{!! __('Opinion') !!}</label>
                                    </div>

                                    <div class="col-12 col-md-6 px-0">
                                        <input type="radio" class="btn-check" name="type" id="type2" value="feedback" autocomplete="off" {{ ($type =='feedback') ? 'checked' : '' }} />
                                        <label class="btn btn-success btn-small btn-small-dark-gray w-100 p-2" style="border-radius: 30px !important;" for="type2">{!! __('Feedback') !!}</label>
                                    </div>
                                </div>
                            </div>

                            {{-- <input type="hidden" name="type" value="{{ $type }}"/> --}}

                            {{-- <div class="row mb-3">
                                <label for="name" class="col-md-12 col-form-label text-md-start">{!! __('form.name.title') !!}</label>

                                <div class="col-md-12">
                                    <input type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ $user->name ?? '' }}" required autocomplete="name">

                                    @if( Request::ajax() )
                                        <span class="invalid-feedback" role="alert">
                                            <strong></strong>
                                        </span>
                                    @else
                                        @error('name')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{!! $message !!}</strong>
                                            </span>
                                        @enderror
                                    @endif
                                </div>
                            </div> --}}


                            {{-- <div class="row mb-3">
                                <label for="email" class="col-md-12 col-form-label text-md-start">{!! __('form.email.title') !!}</label>

                                <div class="col-md-12">
                                    <input type="text" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ $user->email ?? '' }}" required autocomplete="email">

                                    @if( Request::ajax() )
                                        <span class="invalid-feedback" role="alert">
                                            <strong></strong>
                                        </span>
                                    @else
                                        @error('email')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{!! $message !!}</strong>
                                            </span>
                                        @enderror
                                    @endif
                                </div>
                            </div> --}}
                            

                            <div class="mb-3">
                                <div class="form-outline">
                                    <textarea name="message" class="form-control fw-bold @error('message') is-invalid @enderror" rows="7" maxlength="255" required></textarea>
                                    <label for="message" class="form-label fw-bold">{!! __('form.message.placeholder') !!}</label>
                                </div>

                                    @if( Request::ajax() )
                                    <span class="invalid-feedback" role="alert">
                                        <strong></strong>
                                    </span>
                                @else
                                    @error('message')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $message !!}</strong>
                                        </span>
                                    @enderror
                                @endif
                            </div>

                            <div class="form-check d-inline-block me-4 mb-4">
                                <input type="checkbox" class="form-check-input" id="accept" name="accept" required>
                                <label class="form-check-label" for="accept">{!! __('form.acceptEmailing.title') !!}</label>
                            </div>

                            {{-- ReCaptcha --}}
                            <div class="form-group{{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">
                                <div class="col-md-6">
                                    {!! RecaptchaV3::field('register') !!}
                                    @if ($errors->has('g-recaptcha-response'))
                                        <span class="help-block">
                                            <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                        </span>
                                    @endif
                                </div>
                            </div>
                            {{-- <div class="g-recaptcha" data-sitekey="{{ config('recaptcha.api_site_key') }}"></div> --}}


                            {{-- <div class="my-4">
                                <div class="g-recaptcha @error('recaptcha') is-invalid @enderror" name="recaptcha" style="overflow-x: auto; overflow-y: hidden;" data-sitekey="6LcNV-QZAAAAAKFJgr0ylhG9WOLLwgmUJsufNyzQ"></div>
                            
                                @if( Request::ajax() )
                                <span class="invalid-feedback" role="alert">
                                    <strong></strong>
                                </span>
                                @else
                                    @error('recaptcha')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{!! $message !!}</strong>
                                        </span>
                                    @enderror
                                @endif
                            </div> --}}


                            <div class="row my-3">
                                <div class="d-flex justify-content-center">
                                    <button type="submit" class="btn btn-primary">
                                        {!! __('button.sendMessage') !!}
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

{{-- @push('scripts')
    {{-- ReCaptcha - -}}
    <script src="https://www.google.com/recaptcha/api.js?hl=hu"></script>
@endpush --}}
@endsection