@extends('frontend::layouts.master')

@section('style')
    <script type="text/javascript">
        var onloadCallback = function() {
            grecaptcha.render('get_recaptcha', {
                'sitekey': '{{ config('services.recaptcha.siteKey') }}',
                'callback': function() {
                    $('#submit').removeAttr('disabled');
                }
            });
        };
    </script>
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
@endsection

@section('content')
    @php
        $banner = !empty($data['banner'][0]) ? $data['banner'][0] : [];
    @endphp
    <img class="w-full" src="{{ !empty($banner['src']) ? $banner['src'] : '' }}" alt="{{ !empty($banner['name']) ? $banner['name'] : '' }}">
    <div class="container lg:mt-0 py-12 xl:py-16">
        <div class="text-center">
            <h1 class="font-bold">{{ $data['title'] ?? '' }}</h1>
        </div>
        @php
            $policy = [
                'name' => $data['pageInit']['policy']->local['name'],
                'desc' => $data['pageInit']['policy']->local['desc'],
                'link' => $data['pageInit']['policy_slug'] ?? '',
            ];
        @endphp
        <livewire:frontend::page.contact :policy=$policy />
    </div>
@endsection

@section('script')
    {{ module_vite('build-frontend', 'resources/assets/js/contact.js') }}
@endsection