{{ header }}
{{ poc_custom_code }}
{{ poc_styles }}

{% if poc_is_logged is empty %}
<div class="remodal poc_styles login" data-remodal-id="modal_login" data-remodal-options="closeOnConfirm: false, hashTracking: false">
    <button data-remodal-action="close" class="remodal-close"></button>
    <h2 class="remodal_title">{{ identification_modal_login_heading }}</h2>

    <div class="poc_row remodal_container">
        <div class="poc_col-md-12">
            <div class="poc_form-group">
                <div class="poc_input-group">
                    <span class="poc_input-group-addon">{{ poc_icon_user }}</span>
                    <input type="text" class="poc_form-control" placeholder="{{ identification_modal_login_email }}" name="email">
                </div>
                <span class="error_message">{{ identification_modal_login_error_email }}</span>
            </div>
        </div>
        <div class="poc_col-md-12">
            <div class="poc_form-group">
                <div class="poc_input-group">
                    <span class="poc_input-group-addon">{{ poc_icon_password }}</span>
                    <input type="password" class="poc_form-control" placeholder="{{ identification_modal_login_password }}" name="password">
                </div>
                <span class="error_message">{{ identification_modal_login_error_password }}</span>
            </div>
        </div>
        <div class="poc_col-md-12">
            <div class="poc_form-group">
                <div class="poc_input-group poc_forgotten_password_link text-right">
                    {{ identification_forgotten_password }}
                </div>
            </div>
        </div>
    </div>
    <br>
    <button data-remodal-action="cancel" class="poc_btn poc_btn-default poc_btn-lg button_login_cancel">{{ identification_button_cancel }}</button>
    <button data-remodal-action="confirm" class="poc_btn poc_btn-success poc_btn-lg button_login_login">{{ identification_button_accept }}</button>
</div>
{% endif %}


<div class="remodal poc_styles {{ poc_is_logged is not empty ? 'new_address' : 'billing_address' }}" data-remodal-id="{{ poc_is_logged is not empty ? 'modal_new_address' : 'modal_billing_address' }}" data-remodal-options="closeOnConfirm: false, hashTracking: false">
    <button data-remodal-action="close" class="remodal-close"></button>

    {% if not poc_is_logged %}
    <h2 class="remodal_title sames_addresses" style="display:{{ poc_same_address is not empty ? 'bock' : 'none' }}">{{addresses_modal_delivery_billing_address_title }}</h2>
    <h2 class="remodal_title differents_addresses" style="display:{{ poc_same_address is empty ? 'bock' : 'none' }}">{{addresses_modal_billing_address_title }}</h2>
    {% else %}
    <h2 class="remodal_title">{{ addresses_button_add_new_address_text }}</h2>
    {% endif %}

    <div class="poc_row remodal_container">
        {{ form_billing_address_modal }}
        <input type="hidden" name="address_type" value="payment_address">
    </div>
    <br>
    <button data-remodal-action="cancel" class="poc_btn poc_btn-default poc_btn-lg">{{ addresses_modal_billing_address_button_cancel }}</button>
    <button data-remodal-action="confirm" class="poc_btn poc_btn-success poc_btn-lg">{{ addresses_modal_billing_address_button_accept }}</button>
</div>

{% if poc_modals_in_forms is not empty %}
{% if poc_is_logged is empty %}
<div class="remodal poc_styles register" data-remodal-id="modal_register" data-remodal-options="closeOnConfirm: false, hashTracking: false">
    <button data-remodal-action="close" class="remodal-close"></button>

    <h2 class="remodal_title">{{ identification_modal_register_heading }}</h2>

    <div class="poc_row remodal_container">
        {{ form_register }}
    </div>

    <br>
    <button data-remodal-action="cancel" class="poc_btn poc_btn-default poc_btn-lg">{{ identification_modal_register_button_cancel }}</button>
    <button data-remodal-action="confirm" class="poc_btn poc_btn-success poc_btn-lg">{{ identification_modal_register_button_accept }}</button>
</div>

<div class="remodal poc_styles delivery_address" data-remodal-id="modal_delivery_address" data-remodal-options="closeOnConfirm: false, hashTracking: false">
    <button data-remodal-action="close" class="remodal-close"></button>

    <h2 class="remodal_title differents_addresses">{{ addresses_modal_delivery_address_title }}</h2>

    <div class="poc_row remodal_container">
        {{ form_delivery_address }}
        <input type="hidden" name="address_type" value="shipping_address">
    </div>
    <br>
    <button data-remodal-action="cancel" class="poc_btn poc_btn-default poc_btn-lg">{{ addresses_modal_delivery_address_button_cancel }}</button>
    <button data-remodal-action="confirm" class="poc_btn poc_btn-success poc_btn-lg">{{ addresses_modal_delivery_address_button_accept }}</button>
</div>
{% endif %}
{% endif %}

{% if privacy_policy is not empty %}
<div class="remodal poc_styles privacy_policy" data-remodal-id="modal_privacy_policy" data-remodal-options="closeOnConfirm: false, hashTracking: false">
    <button data-remodal-action="close" class="remodal-close"></button>

    <h2 class="remodal_title differents_addresses">{{ privacy_policy.title }}</h2>

    <div class="poc_row remodal_container">
        {{ privacy_policy.description }}
    </div>
</div>
{% endif %}

{% if terms is not empty %}
<div class="remodal poc_styles terms" data-remodal-id="modal_terms" data-remodal-options="closeOnConfirm: false, hashTracking: false">
    <button data-remodal-action="close" class="remodal-close"></button>

    <h2 class="remodal_title differents_addresses">{{ terms.title }}</h2>

    <div class="poc_row remodal_container">
        {{ terms.description }}
    </div>
</div>
{% endif %}

{% if poc_popup_form_validations is not empty %}
<div class="remodal poc_styles form_validations" data-remodal-id="modal_form_validations" data-remodal-options="closeOnConfirm: false, hashTracking: false">
    <button data-remodal-action="close" class="remodal-close"></button>

    <h2 class="remodal_title">{{ confirm_error }}</h2>

    <div class="poc_row remodal_container">

    </div>
</div>
{% endif %}

{{ layout_vars }}
<script type="text/javascript">
    var none_state = '{{ addresses_none_state }}';
    var url_coupon = '{{ url_coupon }}';
    var url_voucher = '{{ url_voucher }}';
    var url_reward = '{{ url_reward }}';
    var is_logged = {{ poc_is_logged is not empty ? 1 : 0 }};
    var more_oc_2 = {{ more_oc_2 ? 1 : 0 }};
    var button_confirm_order_text = "{{ confirm_button }}";
    var error_in_cart = false;
    var poc_hide_uncompleted_panels = {{ poc_hide_uncompleted_panels ? 1 : 0 }};
    var poc_modals_in_forms = {{ poc_modals_in_forms ? 1 : 0 }};
    var poc_sign_in_google_client_id = '{{ poc_sign_in_google_client_id is not empty ? poc_sign_in_google_client_id : '' }}';
    var poc_sign_in_success_title = '{{ sign_in_success_title }}';
    var poc_confirm_buttons_targets = '{{ poc_confirm_buttons_targets }}';
    var poc_popup_form_validations = {{ poc_popup_form_validations ? 1 : 0 }};

    var confirm_error_billing = "{{ confirm_error_billing }}";
    var confirm_error_shipping = "{{ confirm_error_shipping }}";
    var confirm_error_shipping_method = "{{ confirm_error_shipping_method }}";
    var confirm_error_payment_method = "{{ confirm_error_payment_method }}";
    var confirm_error_panel_confirm = "{{ confirm_error_panel_confirm }}";
    var confirm_error_register = "{{ confirm_error_register }}";

    var text_cart_coupon_success = "{{ cart_coupon_success }}";
    var text_cart_gift_success = "{{ cart_gift_success }}";
    var text_cart_reward_success = "{{ cart_reward_success }}";

    $(document).on('ready', function(){
        $('.date').datetimepicker({
            pickTime: false
        });

        $('.datetime').datetimepicker({
            pickDate: true,
            pickTime: true
        });

        $('.time').datetimepicker({
            pickDate: false
        });

        {{ poc_phone_mask is not empty ? "$('input[name=telephone]').mask('"~poc_phone_mask~"');" : '' }}
        {{ poc_post_code_mask is not empty ? "$('input[name=postcode]').mask('"~poc_post_code_mask~"');" : '' }}
    });
</script>

<div class="poc_container remodal-bg poc_styles">
    {% if more_oc_2 %}
    <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
        <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
    </ul>
    {% endif %}

    {% if more_oc_2 is empty %}
    <div class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
        {{ breadcrumb.separator }}<a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a>
        {% endfor %}
    </div>
    {% endif %}

    {% if error_warning %}
    <div class="poc_alert poc_alert-danger">{{ poc_icon_error }} {{ error_warning }}
        <button type="button" class="poc_close" data-dismiss="alert">&times;</button>
    </div>
    {% endif %}

    <div class="poc_row">{{ column_left }}
        {% set some_in_column_left = column_left|length > 0 %}
        {% set some_in_column_right = column_right|length > 0 %}

        {% if some_in_column_left and some_in_column_right %}
        {% set class = 'poc_col-sm-6' %}
        {% elseif some_in_column_left or some_in_column_right %}
        {% set class = 'poc_col-sm-9' %}
        {% else %}
        {% set class = 'poc_col-sm-12' %}
        {% endif %}
        <div id="content" class="{{ class }}">{{ content_top }}
            <h1>{{ heading_title }}</h1>

            <div class="poc_steps" {% if not poc_steps_status %} style="display:none;"{% endif %}>
                <div data-effecttopanel="panel_identification" class="step identification {{ poc_is_logged is not empty or guest is not empty ? 'completed' : '' }}">
                    <span class="number">1</span>
                    <div class="icon_container">
                        {% set icon = steps_identification_icon is not empty ? poc_icon_html|replace({'classIcon': steps_identification_icon}) : '' %}
                        {{ icon }}
                    </div>
                    <span class="text">
                            <div class="title">{{ steps_identification_title }}</div>
                            <div class="description">{{ steps_identification_subtitle }}</div>
                        </span>
                </div>
                <div data-effecttopanel="panel_addresses" class="step addresses {{ poc_is_logged is not empty ? 'completed' : '' }}">
                    <span class="number">2</span>
                    <div class="icon_container">
                        {% set icon = steps_addresses_icon is not empty ? poc_icon_html|replace({'classIcon': steps_addresses_icon}) : '' %}
                        {{ icon }}
                    </div>
                    <span class="text">
                            <div class="title">{{ steps_addresses_title }}</div>
                            <div class="description">{{ steps_addresses_subtitle }}</div>
                        </span>
                </div>
                <div data-effecttopanel="panel_shipping" class="step shipping {{ shipping_method_choosed is not empty ? 'completed': '' }}">
                    <span class="number">3</span>
                    <div class="icon_container">
                        {% set icon = steps_shipping_icon is not empty ? poc_icon_html|replace({'classIcon': steps_shipping_icon}) : '' %}
                        {{ icon }}
                    </div>
                    <span class="text">
                            <div class="title">{{ steps_shipping_title }}</div>
                            <div class="description">{{ steps_shipping_subtitle }}</div>
                        </span>
                </div>
                <div data-effecttopanel="panel_payment" class="step payment">
                    <span class="number">4</span>
                    <div class="icon_container">
                        {% set icon = steps_payment_icon is not empty ? poc_icon_html|replace({'classIcon': steps_payment_icon}) : '' %}
                        {{ icon }}
                    </div>
                    <span class="text">
                            <div class="title">{{ steps_payment_title }}</div>
                            <div class="description">{{ steps_payment_subtitle }}</div>
                        </span>
                </div>
                <div data-effecttopanel="panel_confirm" class="step confirm">
                    <span class="number">5</span>
                    <div class="icon_container">
                        {% set icon = steps_confirm_icon is not empty ? poc_icon_html|replace({'classIcon': steps_confirm_icon}) : '' %}
                        {{ icon }}
                    </div>
                    <span class="text">
                            <div class="title">{{ steps_confirm_title }}</div>
                            <div class="description">{{ steps_confirm_subtitle }}</div>
                        </span>
                </div>
            </div>

            <script type="text/javascript">
                $(document).on('mouseenter', 'div.step', function(){
                    var panel = $(this).data('effecttopanel');
                    var continer_to_efect = $('div.perfect_one_checkout_main_container').find('div.'+panel).addClass('effect');
                });
                $(document).on('mouseleave', 'div.step', function(){
                    var panel = $(this).data('effecttopanel');
                    var continer_to_efect = $('div.perfect_one_checkout_main_container').find('div.'+panel).removeClass('effect');
                });
            </script>

            <div style="clear:both;"></div>
            <div class="perfect_one_checkout_main_container">
                <div class="flex_column poc_col_main col_1"></div>
                <div class="flex_column poc_col_main col_2"></div>
                <div class="flex_column poc_col_main col_3"></div>
            </div>

            <div class="panels" style="display:none;">
                {% if poc_is_logged is empty %}
                <div class="panel_container panel_identification">
                    <div class="panel_poc">
                        {% set icon = identification_icon is not empty ? poc_icon_html|replace({'classIcon': identification_icon}) : '' %}
                        <div class="panel_poc-heading">{{ icon }}{{ identification_title }}</div>
                        <div class="panel_poc-body flex text-center">
                            {% if poc_is_logged is not empty %}
                            <input type="hidden" name="guest" {{ guest is not empty ? ' value="1"' : '' }}>
                            {% endif %}
                            {% if poc_modals_in_forms is empty %}
                            <input type="hidden" name="registered" value="{% if poc_is_logged is not empty %}1{% else %}0{% endif %}">
                            {% endif %}
                            <div class="poc_btn-group">
                                <button type="button" class="poc_btn poc_btn-default button_login" data-remodal-target="modal_login">{{ identification_button_login }}</button>
                                <input type="hidden" name="register"{% if register is not empty %} value="1" {% endif %}>
                                <button type="button" class="poc_btn poc_btn-default button_register" {{ register is not empty and poc_modals_in_forms is empty ? 'disabled="disabled"' : '' }} {{ poc_modals_in_forms is not empty ? 'data-remodal-target="modal_register"' : 'onclick="register_mode()"' }}>{{ identification_button_register }}</button>
                                {% if poc_guest_buy is not empty %}
                                <input type="hidden" name="guest"{% if guest is not empty %} value="1" {% endif %}>
                                <button type="button" class="poc_btn poc_btn-default button_guest" {{ guest is not empty ? 'disabled="disabled"' : '' }} onclick="guest();">{{ identification_button_guest }}</button>
                                {% endif %}
                            </div>
                            {% if some_sign_in is not empty %}
                                <div class="poc_sign_in_container">
                                    {{ sign_in_main_title is not empty ? '<span class="poc_sign_in_main_title">'~sign_in_main_title~'</span>' : '' }}
                                    {% if poc_sign_in_facebook is not empty and poc_sign_in_facebook_link is not empty %}
                                        <div onclick="window.location='{{ poc_sign_in_facebook_link }}'" class="poc_sign_in poc_facebook{{ sign_in_facebook_text is empty ? ' poc_sign_in_no_text' : '' }}" id="poc_sign_in_facebook">
                                            {{ sign_in_facebook_icon }}{{ sign_in_facebook_text is not empty ? sign_in_facebook_text : '&nbsp;' }}
                                        </div>
                                    {% endif %}

                                    {% if poc_sign_in_paypal is not empty and poc_sign_in_paypal_js_code is not empty %}
                                        <div onclick="$('div.poc_sign_in_container').find('button.LIwPP').click(); return false;" class="poc_sign_in poc_paypal{{ sign_in_paypal_text is empty ? ' poc_sign_in_no_text' : '' }}">
                                            {{ sign_in_paypal_icon }}{{ sign_in_paypal_text is not empty ? sign_in_paypal_text : '&nbsp;' }}
                                        </div>
                                        {{ poc_sign_in_paypal_js_code }}
                                        <span id='poc_sign_in_paypal'></span>
                                    {% endif %}

                                    {% if poc_sign_in_linkedin is not empty and poc_sign_in_linkedin_link is not empty %}
                                        <div onclick="window.location='{{ poc_sign_in_linkedin_link }}'" class="poc_sign_in poc_linkedin{{ sign_in_linkedin_text is empty ? ' poc_sign_in_no_text' : '' }}" id="poc_sign_in_linkedin">
                                            {{ sign_in_linkedin_icon }}{{ sign_in_linkedin_text is not empty ? sign_in_linkedin_text : '&nbsp;' }}
                                        </div>
                                    {% endif %}
                                    {% if poc_sign_in_google is not empty %}
                                        <div class="poc_sign_in poc_google{{ sign_in_google_text is empty ? ' poc_sign_in_no_text' : '' }}" id="poc_sign_in_google">
                                            {{ sign_in_google_icon }}{{ sign_in_google_text is not empty ? sign_in_google_text : '&nbsp;' }}
                                            <script>startGoogleSign();</script>
                                        </div>
                                    {% endif %}
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
                {% endif %}

                <div class="panel_container panel_addresses">
                    <div class="panel_poc">
                        {% set icon = addresses_icon is not empty ? poc_icon_html|replace({'classIcon': addresses_icon}) : '' %}
                        <div class="panel_poc-heading">{{ icon }}{{ addresses_title }} {{ poc_is_logged is not empty ? '<a href="javascript:{}" class="new_address" data-remodal-target="modal_new_address" title="'~ addresses_button_add_new_address_text~'">'~poc_icon_add_address~''~addresses_button_add_new_address_text~'</a>':'' }}</div>
                        <div class="panel_poc-body flex">
                            {% if poc_is_logged is empty %}
                            {% if poc_modals_in_forms is empty %}
                            <div class="poc_form form_register" {{ register is not empty ? 'style="display:block;"' : '' }}>
                            <h3 class="poc_title"><span>{{ identification_button_register }}</span></h3>
                            {{ form_register }}
                            <input type="hidden" name="address_type" value="payment_address">
                        </div>

                        {% if show_guest_forms is not empty %}
                        <div class="poc_form form_billing_address" {{ guest is not empty ? 'style="display:block;"' : 'style="display:none;"' }}>
                        <h3 class="poc_title sames_addresses" style="display: {{ poc_same_address is not empty ? 'block' : 'none' }};"><span>{{ addresses_button_delivery_billing_address }}</span></h3>
                        <h3 class="poc_title differents_addresses" style="display: {{ poc_same_address is empty ? 'block' : 'none' }};"><span>{{ addresses_button_billing_address }}</span></h3>
                        {{ form_billing_address }}
                        <input type="hidden" name="address_type" value="payment_address">
                    </div>
                    {% endif %}
                    <div class="poc_col-md-12">
                        <div class="poc_form-group">
                            <div class="checkbox">
                                <label>

                                    <input name="shipping_address" onchange="same_address($(this))" type="checkbox" {{ poc_same_address is not empty ? 'checked="checked"' : '' }}> {{ addresses_same_address }}
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="poc_form form_delivery_address" {{ poc_same_address is empty ? 'style="display:block;"' : 'style="display:none;"' }}>
                    <h3 class="poc_title"><span>{{ addresses_button_delivery_address }}</span></h3>
                    {{ form_delivery_address }}
                    <input type="hidden" name="address_type" value="shipping_address">
                </div>
                {% else %}
                <div class="flex poc_col-12  show_on_guest"{{ guest is empty ? ' style="display: none;"' : '' }}>
                {% set colspan = poc_layout_addresses_panel_cols in [3,4] ? 12 : 6 %}

                <div class="poc_col-12">
                    <div class="checkbox">
                        <label>
                            <input name="shipping_address" onchange="same_address($(this))" type="checkbox"{{ poc_same_address is not empty ? ' checked="checked"' : '' }}> {{ addresses_same_address }}
                        </label>
                    </div>
                </div>
                <div class="poc_col-12 flex addresses_buttons text-center">
                    <div class="poc_col-6" {{ poc_same_address is not empty ? 'style="display:none;"' : '' }}>
                    {% set icon = addresses_button_billing_address_icon is not empty ? poc_icon_html|replace({'classIcon': addresses_button_billing_address_icon}) : '' %}

                    <button type="button" class="poc_btn poc_btn-default with_icon billing_address" data-remodal-target="modal_billing_address">{{ icon is not empty ? icon:'' }}{{ addresses_button_billing_address }}</button>
                </div>
                <div class="poc_col-6" {{ poc_same_address is not empty ? 'style="display:none;"' : '' }}>
                {% set icon = addresses_button_delivery_address_icon is not empty ? poc_icon_html|replace({'classIcon': addresses_button_delivery_address_icon}) : '' %}

                <button type="button" class="poc_btn poc_btn-default with_icon delivery_address" data-remodal-target="modal_delivery_address">{{ icon is not empty ? icon:'' }}{{ addresses_button_delivery_address }}</button>
            </div>

            <div class="poc_col-12 same_address_container" {{ poc_same_address is empty ? 'style="display:none;"' : '' }}>
            <button type="button" class="poc_btn poc_btn-default billing_delivery_address with_icon" data-remodal-target="modal_billing_address">
                {% set icon = addresses_button_delivery_billing_address_icon is not empty ? poc_icon_html|replace({'classIcon': addresses_button_delivery_billing_address_icon}) : '' %}
                {{ icon }}
                {{ addresses_button_delivery_billing_address }}
            </button>
        </div>
        <div class="poc_content_bottom">
            {{ content_bottom }}
        </div>
    </div>
</div>
{% endif %}
{% else %}
<div class="delivery_address poc_col-6">
    <label>{{ addresses_delivery_address_selector_title }}</label>
    <div style="clear:both;"></div>
    <select name="shipping_address" class="poc_form-control" onchange="set_address($(this));">
        {% for address_id, address_name in addresses %}
        <option {{ default_delivery_address_id is not empty and default_delivery_address_id == address_id ? 'selected="selected" ':'' }} value="{{ address_id }}">{{ address_name }}</option>
        {% endfor %}
    </select>
</div>

<div class="billing_address poc_col-6">
    <label>{{ addresses_billing_address_selector_title }}</label>
    <div style="clear:both;"></div>
    <select name="payment_address" class="poc_form-control" onchange="set_address($(this));">
        {% for address_id, address_name in addresses %}
        <option {{ default_billing_address_id is not empty and default_billing_address_id == address_id ? 'selected="selected" ':'' }} value="{{ address_id }}">{{ address_name }}</option>
        {% endfor %}
    </select>
</div>
{% endif %}
</div>
</div>
</div>

<div class="panel_container panel_shipping">
    <div class="panel_poc">
        {% set icon = shipping_icon is not empty ? poc_icon_html|replace({'classIcon': shipping_icon}) : '' %}
        <div class="panel_poc-heading">{{ icon is not empty ? icon : '' }}{{ shipping_title }}</div>
        <div class="panel_poc-body flex">
            {{ shipping_methods }}
        </div>
    </div>
</div>

<div class="panel_container panel_payment">
    <div class="panel_poc">
        {% set icon = payment_icon is not empty ? poc_icon_html|replace({'classIcon': payment_icon}) : '' %}
        <div class="panel_poc-heading">{{ icon is not empty ? icon:'' }}{{ payment_title }}</div>
        <div class="panel_poc-body flex">
            {{ payment_methods }}
        </div>
    </div>
</div>


<div class="panel_container panel_cart">
    <div class="panel_poc">
        {% set icon = cart_icon is not empty ? poc_icon_html|replace({'classIcon': cart_icon}) : '' %}
        <div class="panel_poc-heading">{{ icon is not empty ? icon:'' }}<span class="cart_heading">{{ cart_title }}{{ poc_cart_weight is not empty ? ' ('~poc_cart_weight~')' : '' }}</span></div>
        <div class="panel_poc-body flex">
            {{ cart_info }}
        </div>
    </div>
</div>


<div class="panel_container panel_confirm">
    <div class="panel_poc">
        {% set icon = confirm_icon is not empty ? poc_icon_html|replace({'classIcon': confirm_icon}) : '' %}
        <div class="panel_poc-heading">{{ icon is not empty ? icon:'' }}{{ confirm_title }}</div>
        <div class="panel_poc-body flex">

            <div class="poc_col-12 poc_form-group order_comment {{ poc_order_comment_required is not empty ? 'poc_required':'' }}">
                <label class="poc_control-label">{{ confirm_comments }}</label>
                <textarea name="comment" class="poc_form-control">{{ comment }}</textarea>
                <span class="error_message">{{ confirm_comments_error}}</span>
            </div>

            {% if terms is not empty %}
                <div class="poc_col-12 poc_form-group checkbox confirm_terms">
                    <label class="poc_control-label"><input data-validationrule="not_empty" name="confirm_terms" type="checkbox" onclick="ajax_set_terms_accepted($(this).is(':checked'))" {{ poc_terms_accepted ? 'checked' : '' }}> {{ confirm_checkbox_terms }}</label><div style="clear:both;"></div><span class="error_message">{{ confirm_checkbox_terms_error }}</span>
                </div>
            {% endif %}

            <div class="poc_col-12 poc_alert poc_alert-danger confirm_error"><button type="button" class="poc_close" onClick="$(this).closest('div.poc_alert').hide();" aria-label="Close"><span aria-hidden="true">&times;</span></button>{{ poc_icon_warning }}<span class="message">{{ confirm_error }}</span> <a href="javascript:{}" onclick="validate_steps()">{{ confirm_error_show_errors }}</a></div>
            <div style="clear:both;"></div>
            <div class="payment_info">{{ payment_info }}</div>
            <div style="clear:both;"></div>
            {% if poc_is_logged is empty %}
                <a href="javascript:{}" class="poc_btn poc_btn-default confirm_register_button" onclick="register();">{{ confirm_register_button }}</a>
            {% endif %}

        </div>
    </div>
</div>
</div>
</div>
</div>
</div>
{{ footer }}