@extends('layouts.app')

@php
    $currentLocale = app()->getLocale();
    $canonicalUrl = url($currentLocale . '/thank-you');
@endphp

@section('title', __('thank-you.meta.title'))
@section('meta_description', __('thank-you.meta.description'))
@section('canonical', $canonicalUrl)

@push('head')
    <!-- Event snippet for Submit lead form conversion page -->
    <script>
        gtag('event', 'conversion', {
            'send_to': 'AW-17893851454/DFaFCPz8weobEL6CutRC',
            'value': 1.0,
            'currency': 'USD'
        });
    </script>
@endpush

@section('content')
    <div class="flex min-h-screen items-center justify-center px-4 py-16">
        <div class="w-full max-w-2xl rounded-3xl border border-slate-200 bg-white p-8 text-center shadow-sm sm:p-12">
            <a href="{{ url($currentLocale) }}" class="mb-6 inline-flex items-center justify-center gap-3 text-slate-900">
                <span class="flex h-12 w-12 [&>svg]:h-full [&>svg]:w-full" aria-label="{{ config('app.name', 'Radiere SRL') }} logo" role="img">
                    {!! file_get_contents(public_path('uploads/radiere-logo.svg')) !!}
                </span>
                <span class="text-lg font-semibold tracking-tight">{{ config('app.name', 'Radiere SRL') }}</span>
            </a>
            <p class="text-sm font-semibold uppercase tracking-[0.18em] text-emerald-600">{{ __('thank-you.badge') }}</p>
            <h1 class="mt-3 text-3xl font-semibold text-slate-900 sm:text-4xl">{{ __('thank-you.title') }}</h1>
            <p class="mt-4 text-base text-slate-600">{{ __('thank-you.message') }}</p>
            <div class="mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row">
                <a href="{{ url($currentLocale) }}" class="inline-flex items-center justify-center rounded-full bg-emerald-600 px-6 py-3 text-sm font-semibold text-white transition hover:bg-emerald-700">
                    {{ __('thank-you.cta_primary') }}
                </a>
                <a href="tel:+37369750249" class="inline-flex items-center justify-center rounded-full border border-slate-300 px-6 py-3 text-sm font-semibold text-slate-700 transition hover:border-slate-400 hover:text-slate-900">
                    {{ __('thank-you.cta_secondary') }}
                </a>
            </div>
        </div>
    </div>
@endsection