{* Callback form *}
<div class="hidden">
    <form id="fn_callback" class="callback_form popup fn_validate_callback" method="post">

        {* The form heading *}
        <div class="popup_heading" style="margin-bottom:20px">
            <span data-language="callback_header">{$lang->callback_header}</span>
        </div>

        {if $call_error}
            <div class="message_error">
                {if $call_error=='captcha'}
                    <span data-language="form_error_captcha">{$lang->form_error_captcha}</span>
                {elseif $call_error=='empty_name'}
                    <span data-language="form_enter_name">{$lang->form_enter_name}</span>
                {elseif $call_error=='empty_phone'}
                    <span data-language="form_enter_phone">{$lang->form_enter_phone}</span>
                {elseif $call_error=='empty_comment'}
                    <span data-language="form_enter_comment">{$lang->form_enter_comment}</span>
                {else}
                    <span>{$call_error}</span>
                {/if}
            </div>
        {/if}

        {* User's name *}
        <div class="form_group">
            <input class="form_input placeholder_focus" type="text" name="name" value="{if $callname}{$callname|escape}{else}{$user->name|escape}{/if}" data-language="form_name">
            <span class="form_placeholder">{$lang->form_name}*</span>
        </div>

        {* User's phone *}
        <div class="form_group">
            <input class="form_input placeholder_focus" type="text" name="phone" value="{if $callphone}{$callphone|escape}{else}{$user->phone|escape}{/if}" data-language="form_phone">
            <span class="form_placeholder">{$lang->form_phone}*</span>
        </div>

        {* User's message *}
        <div class="form_group">
            <textarea class="form_textarea placeholder_focus" rows="3" name="message" data-language="form_enter_message">{$callmessage|escape}</textarea>
            <span class="form_placeholder">{$lang->form_enter_message}</span>
        </div>

        {* Captcha *}
        {if $settings->captcha_callback}
            {if $settings->captcha_type == "v2"}
                <div class="captcha row">
                    <div id="recaptcha2"></div>
                </div>
            {elseif $settings->captcha_type == "default"}
                {get_captcha var="captcha_callback"}
                <div class="captcha">
                    <div class="secret_number">{$captcha_callback[0]|escape} + ? =  {$captcha_callback[1]|escape}</div>
                    <span class="form_captcha">
                    <input class="form_input input_captcha placeholder_focus" type="text" name="captcha_code" value="" >
                        <span class="form_placeholder">{$lang->form_enter_captcha}*</span>
                    </span>
                </div>
            {/if}
        {/if}
        <input name="callback" type="hidden" value="1">
        {* Submit button *}
        <div class="center">
            <input style="padding-top:9px; padding-bottom:9px; width:100%" class="btn btn-paddi btn-danger g-recaptcha" type="submit" name="callback" data-language="callback_order" {if $settings->captcha_type == "invisible"}data-sitekey="{$settings->public_recaptcha_invisible}" data-badge='bottomleft' data-callback="onSubmitCallback"{/if} value="{$lang->callback_order}">
        </div>

    </form>
</div>

{* The modal window after submitting *}
{if $call_sent}
    <div class="hidden">
        <div id="fn_callback_sent" class="popup">
            <div class="popup_heading" style="margin-bottom:20px">
                <span data-language="callback_sent_header">{$lang->callback_sent_header}</span>
            </div>

            <div data-language="callback_sent_text">{$lang->callback_sent_text}</div>
        </div>
    </div>
{/if}