@extends('welcome')

@section('seo_title', __('Report Review | '))

@section('content')
<div class="min-h-screen">
    <div class="pt-20 w-full py-4 bg-white shadow-sm">
        <div class="max-w-3xl px-2 mx-auto text-slate-600 lg:text-lg flex items-center justify-center">
            <a href="{{route('reviewsForSite', ['site' => $review->site->id, 'url' => $review->site->url])}}">
                &larr; {{__('Back to Reviews')}}
            </a>
        </div>
    </div>


    @if(!empty(\App\Models\Options::get_option('homepageAdCode')))
    <div class="mx-auto max-w-2xl text-center mt-10 mb-3">
        {!! \App\Models\Options::get_option('homepageAdCode') !!}
    </div>
    @endif

    <div class="mx-auto max-w-2xl w-full">

        @if(session('success'))
        <div class="my-5 bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative">
            {{ session('success') }}
        </div>
        @endif

        <div class="my-5 p-4">

        <div class="my-5">
            <h3 class="text-xl text-center text-slate-600 heading-gradient font-semibold mb-2">{{__("Report Review")}}</h3>
            <x-reviews-box-lg :r="$review" />
        </div>

        <div class="review-box rounded-lg p-5 my-5">
        <form method="POST" action="{{route('report-review.process', ['review' => $review->id])}}">
            @csrf

                <label class="block mt-3 text-slate-600 text-lg font-semibold">
                    {{ __('Tell us your concerns regarding the review') }}
                </label>
                <textarea rows="9" class="w-full bg-stone-100 px-2 py-2 rounded-lg shadow-sm focus:ring-0 border-0 outline-0 text-stone-500 font-medium placeholder-stone-400" id="message" name="message" placeholder="" required>{{ old('message') }}</textarea>

                <label class="block mt-3 text-slate-600 text-lg font-semibold">
                    {{ __('Your math answer') }}
                </label>
                <x-input type="number" name="offer-answer" class="w-full lg:w-1/3" placeholder="{{__('How much is :no1+:no2 ?', ['no1' => $no1, 'no2' => $no2])}}" />

                @if(opt('cf_turnstile_enable') == 'Yes')
                <div class="cf-turnstile mt-3" data-sitekey="{{opt('cf_turnstile_key')}}"></div>
                @endif

                <x-button type="submit" class="mt-3">{{ __('Send Report') }}</x-button>
        </form>
        </div>

        @if ($errors->any())
        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-2">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

    </div>
</div>
@endsection