{block_decorator name="box" type="empty" addClass="ow_superwide ow_automargin"}
{if isset($notValidInviteCode)}
    <div class="ow_joinNotValidInviteImage"></div>
    {block_decorator name="box" type="empty" addClass="ow_center" style="padding:15px;"}
         {text key="base+join_not_valid_invite_code"}
    {/block_decorator}
{else}
    {if $step == 1}
        {block_decorator name="box" type="empty" addClass="ow_center" style="padding:15px;"}
            {text key="base+join_promo"}
        {/block_decorator}

        {if !empty($joinConnectHook)}
           {block_decorator name="box" addClass="ow_center" style="overflow:hidden;" iconClass='ow_ic_key' langLabel='base+join_connect_title'}
               {foreach from=$joinConnectHook item='item'}
                  {$item}
               {/foreach}
           {/block_decorator}
           {block_decorator name="box" type="empty" addClass="ow_center" style="padding:15px;"}
                {text key="base+join_or"}
           {/block_decorator}
        {/if}
    {/if}
    {block_decorator name='box' type='empty' iconClass='ow_ic_user' langLabel='base+join_form_title'}{/block_decorator}
    {form name=joinForm}
        <table class="ow_table_1 ow_form">
            {if $displayAccountType==true}
            {cycle assign='alt' values='ow_alt1,ow_alt2'}
            <tr class=" ow_tr_first ow_tr_last">
                <td class="{$alt} ow_label">
                    {label name='accountType'}
                </td>
                <td class="{$alt} ow_value ow_center">
                    {input name='accountType'}
                    <div style="height:1px;"></div>
                    {error name='accountType'}
                </td>
                <td class="{$alt} ow_desc">
                    {desc name="accountType"}
                </td>
            </tr>
            <tr class="ow_tr_delimiter"><td></td></tr>
            {/if}
            {foreach from=$questionArray key='section' item='questions' name='section'}
                {if !empty($section) }<tr class="ow_tr_first"><th colspan="3">{text key="base+questions_section_`$section`_label"}</th></tr>{/if}
                {foreach from=$questions item='question' name='question'}
                    <tr class=" {if empty($section)}ow_tr_first{/if} {if $smarty.foreach.question.last && $question.name!='password'}ow_tr_last{/if}">
                        <td class="{if !empty($question.trClass)}{$question.trClass}{/if} ow_label">
                            {label name=$question.name}
                        </td>
                        <td class="{if !empty($question.trClass)}{$question.trClass}{/if} ow_value">
                            {input name=$question.name}
                            <div style="height:1px;"></div>
                            {error name=$question.name}
                        </td>
                        <td class="{if !empty($question.trClass)}{$question.trClass}{/if} ow_desc">
                            {desc name=$question.name}
                        </td>
                    </tr>
                    {if $question.name=='password'}
                        <tr class="{if $smarty.foreach.question.last}ow_tr_last{/if}">
                            <td class="{if !empty($question.trClass) && $question.trClass == 'ow_alt1'}ow_alt2{else}ow_alt1{/if} ow_label">
                                {label name='repeatPassword'}
                            </td>
                            <td class="{if !empty($question.trClass) && $question.trClass == 'ow_alt1'}ow_alt2{else}ow_alt1{/if} ow_value">
                                {input name='repeatPassword'}
                                <div style="height:1px;"></div>
                                {error name='repeatPassword'}
                            </td>
                            <td class="{if !empty($question.trClass) && $question.trClass == 'ow_alt1'}ow_alt2{else}ow_alt1{/if} ow_desc">
                                {desc name='repeatPassword'}
                            </td>
                        </tr>
                    {/if}
                {/foreach}
                {if !empty($section)}<tr class="ow_tr_delimiter"><td></td></tr>{/if}
            {/foreach}
            {if isset($display_parent_email) &&  $display_parent_email}
                {cycle assign='alt' values='ow_alt1,ow_alt2'}
                <tr class="ow_tr_first parent_email"><th colspan="3">{text key="iiscontrolkids+join_parent_email_header"}</th></tr>
                <tr class=" ow_tr_last parent_email">
                    <td class="{$alt} ow_label">
                        {label name='parentEmail'}
                    </td>
                    <td class="{$alt} ow_value">
                        {input name='parentEmail'}
                        <div style="height:1px;"></div>
                        {error name='parentEmail'}
                    </td>
                    <td class="{$alt} ow_desc">
                        {text key="iiscontrolkids+join_parent_email_description"}
                    </td>
                </tr>
                <tr class="ow_tr_desc parent_email"><th colspan="3">{text key="iiscontrolkids+parents_kids_message" kidsAge=$kidsAge}</th></tr>
                <tr class="ow_tr_delimiter parent_email"><td></td></tr>
            {/if}
            {if isset($display_mobile_field) &&  $display_mobile_field}
            {cycle assign='alt' values='ow_alt1,ow_alt2'}
            <tr class="ow_tr_first mobile_field"><th colspan="3">{text key="iissms+join_mobile_field_header"}</th></tr>
            <tr class=" ow_tr_last mobile_field">
                <td class="{$alt} ow_label">
                    {label name='mobile_field'}
                </td>
                <td class="{$alt} ow_value">
                    {input name='mobile_field'}
                    <div style="height:1px;"></div>
                    {error name='mobile_field'}
                </td>
                <td class="{$alt} ow_desc">
                    {text key="iissms+mobile_field_description"}
                </td>
            </tr>
            <tr class="ow_tr_delimiter mobile_field_delimiter"><td></td></tr>
            {/if}
            {if $isLastStep}
                {if $display_photo}
                    <tr class="ow_tr_first"><th colspan="3">{text key="base+questions_section_user_photo_label"}</th></tr>
                    {cycle assign='alt' name=userPhoto values='ow_alt1,ow_alt2'}
                    <tr class=" ow_tr_last">
                        <td class="{$alt} ow_label">
                            {label name='userPhoto'}
                        </td>
                        <td class="{$alt} ow_value">
                            {input name='userPhoto'}
                            <div style="height:1px;"></div>
                            {error name='userPhoto'}
                        </td>
                        <td class="{$alt} ow_desc">
                            {desc name='userPhoto'}
                        </td>
                    </tr>
                    <tr class="ow_tr_delimiter"><td></td></tr>
                {/if}

                {if $display_terms_of_use}
                    <tr class="ow_tr_first"><th colspan="3">{text key="base+questions_section_terms_of_use_label"}</th></tr>
                    {cycle assign='alt' name=userPhoto values='ow_alt1,ow_alt2'}
                    <tr class=" ow_tr_last">
                        <td class="{$alt} ow_label">
                            {label name='termOfUse'}
                        </td>
                        <td class="{$alt} ow_value">
                            {input name='termOfUse'}
                            <div style="height:1px;"></div>
                            {error name='termOfUse'}
                        </td>
                        <td class="{$alt} ow_desc">
                            {desc name='termOfUse'}
                        </td>
                    </tr>
                    <tr class="ow_tr_delimiter"><td></td></tr>
                {/if}
                {if $display_captcha}
                    <tr class="ow_tr_first"><th colspan="3">{text key="base+questions_section_captcha_label"}</th></tr>
                    {cycle assign='alt' name=captchaField values='ow_alt1,ow_alt2'}
                    <tr class="ow_tr_last" >
                        <td colspan="3" class="{$alt} ow_center">
                            <div style='padding:10px;'>
                                {input name='captchaField'}
                                <div style="height:1px;"></div>
                                {error name='captchaField'}
                            </div>
                        </td>
                    </tr>
                {/if}
                <tr class="ow_tr_delimiter"><td></td></tr>
            {/if}
        </table>
		<div class="clearfix">
           <div class="ow_right">
                {submit name='joinSubmit'}
               {if isset($back_step)}
               {decorator name='button' class='ow_ic_right_arrow' id='btn-add-new-post' langLabel='base+back' onclick="location.href='`$back_step`'"}
               {/if}
               {if isset($invisibleRecaptchaCmp)} {$invisibleRecaptchaCmp} {/if}
           </div>
        </div>
    {/form}
{/if}
{/block_decorator}