<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model app\models\ContactForm */

use yii\helpers\Html;
use yii\helpers\Url;

$this->title = Yii::t('app', 'menu_contact');

$loadCaptcha = <<< JS
    const contactForm = document.querySelector('#contact-form')
    
    contactForm.addEventListener('focus', function () {
        if (window.loadRecaptcha) window.loadRecaptcha()
    }, true)
JS;

$this->registerJs($loadCaptcha, \yii\web\View::POS_END);

?>
<div class="site-contact">
    <?php if (Yii::$app->session->hasFlash('contactFormSubmitted')): ?>

        <div class="notification is-primary">
            <a class="delete" href="<?= Url::to(['site/index', 'lang' => Yii::$app->language]) ?>"></a>
            <span class="is-size-4"><?= Yii::t('app', 'contact_alert_success') ?></span>
        </div>

    <?php else: ?>
        <div class="warning-text"></div>

        <form class="box has-background-grey-lighter" id="contact-form" method="post">
            <h1 class="title has-text-info has-text-centered"><?= $this->title ?></h1>

            <input type="hidden" name="<?= Yii::$app->request->csrfParam ?>" value="<?= Yii::$app->request->csrfToken ?>">
            <input type="hidden" id="g-recaptcha-response" name="ContactForm[g_recaptcha_response]">
            <input type="hidden" name="ContactForm[g_recaptcha_action]" value="validate_captcha">
            
            <div class="field">
                <label class="label"><?= Yii::t('app', 'your name') ?><span class="has-text-danger">*</span></label>
                <div class="control">
                    <input class="input" type="text" id="name" name="ContactForm[name]" placeholder="<?= Yii::t('app', 'input name') ?>" required>
                </div>
            </div>

            <div class="field">
                <label class="label">Email<span class="has-text-danger">*</span></label>
                <div class="control has-icons-left">
                    <input class="input" type="email" id="email" name="ContactForm[email]" placeholder="Email" required>
                    <span class="icon is-small is-left">
                        <svg style="fill: #DBDBDB" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
                    </span>
                </div>
            </div>

            <div class="field">
                <label class="label"><?= Yii::t('app', 'your message') ?><span class="has-text-danger">*</span></label>
                <div class="control">
                    <textarea aria-label="<?= Yii::t('app', 'your message') ?>" class="textarea" id="body" name="ContactForm[body]" required></textarea>
                </div>
            </div>

            <div class="field">
                <div class="control">
                    <button class="button is-link is-medium"><?= Yii::t('app', 'Submit') ?></button>
                </div>
            </div>

            <p><?= Yii::t('app', 'Sending this form I acknowledge') ?> <?= Html::a(Yii::t('app', 'the agreement about processing of personal data'), Url::toRoute(['site/privacy', 'lang' => Yii::$app->language]), ['style' => ['color' => '#124287']]) ?></p>

            <p><span class="has-text-danger">*</span> &mdash; <?= Yii::t('app', 'Fields are necessary') ?></p>
        </form>

    <?php endif; ?>
</div>