@extends('layouts.previews.mercure')

@php
use App\Enums\InquiryContentRequireType;

$formContact = [];
if (!empty($elements)) {
  $formContact = dataContactPage($elements[0], $lang);
}
@endphp

@section('content')
    <script>
        const contactData = {!! json_encode($formContact) !!};
        const routeSendContact = "{!! route('preview.sendContact', $project->id) !!}"
        const domainPublish = {!! json_encode($domainPublish ?? '') !!}
    </script>
    <div class="page-contact page-header-white" id="page-contact">
        <div class="container-custom flex between-justify">
            <div class="main-content">
                <div class="txt-heading-24" data-i18n="contact_page.title"></div>
                <form class="contact-form" id="contact-form"></form>
                <div class="success-screen hide" id="success-screen">
                    <div class="success-screen__heading pc" data-i18n="contact_page.success_screen.title"></div>
                    <div class="success-screen__des" data-i18n="contact_page.success_screen.content">
                    </div>
                </div>
                <button class="btn-submit-contact flex center-align center-justify" id="btn-next-step" data-i18n="contact_page.btn_confirm"></button>
                <button class="btn-submit-contact flex center-align center-justify hide" id="btn-next-step2" data-i18n="contact_page.btn_send"></button>
                <a class="btn-submit-contact flex center-align center-justify hide" href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}" id="btn-sucess" data-i18n="contact_page.btn_redirect_top"></a>
            </div>
            @include('preview.mercure.commons.navbar')
        </div>
    </div>
@endsection