{config_load file="$language/lang_$language.conf" section="create_account"}

<div class="row contentHolder">
    <h1>Gastkonto erstellen</h1>
    {if $error!=''}
    <div class="center_message_red alert callout columns"> {$error}</div>
    <br />
    {/if}
    <div class="small-12 columns">
        <div class="borderBox">
            Bitte füllen Sie alle mit <i class="fi-star"></i> markierten Felder aus.
        </div>
        {$FORM_ACTION|replace:'name="create_account"':'name="create_account" data-abide novalidate'}
        <input type="hidden" name="action" value="process">
        <div data-abide-error class="alert callout" style="display: none;">
            <p><i class="glyphicons glyphicons-alert"></i> Es wurden nicht alle erforderlichen felder ausgefüllt</p>
        </div>
        <div class="borderBox">
            <h2>{#title_personal#}</h2>
            {if $gender=='1'}
            <div class="columns">
				<h2 class="schritt">{#text_gender#}</h2>
                <label>{#text_gender#} {if $INPUT_GENDER_ARRAY.plain.required=='1'}<i class="fi-star"></i>{/if}</label>
                <fieldset>
                    {foreach from=$INPUT_GENDER_ARRAY.plain.values item=gend}
                    <input type="{$INPUT_GENDER_ARRAY.plain.type}" name="{$INPUT_GENDER_ARRAY.plain.name}" id="radio_{$gend.gender}" value="{$gend.value}" {if $INPUT_GENDER_ARRAY.plain.required=='1'}required{/if}><label for="radio_{$gend.gender}">{$gend.label}</label>          {/foreach}
                </fieldset>
				 {/if}
                <label>{$INPUT_FIRSTNAME_ARRAY.plain.label} {if $INPUT_FIRSTNAME_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</label>
                <input placeholder="Max" type="{$INPUT_FIRSTNAME_ARRAY.plain.type}" name="{$INPUT_FIRSTNAME_ARRAY.plain.name}" {if $INPUT_FIRSTNAME_ARRAY.plain.required =='1'}required class="req_input"{/if} {if $INPUT_FIRSTNAME_ARRAY.plain.placeholder != ''} placeholder="{$INPUT_FIRSTNAME_ARRAY.plain.placeholder}" {/if}>
                

                <label>{$INPUT_LASTNAME_ARRAY.plain.label} {if $INPUT_LASTNAME_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</label>
                <input placeholder="Mustermann" type="{$INPUT_LASTNAME_ARRAY.plain.type}" name="{$INPUT_LASTNAME_ARRAY.plain.name}" {if $INPUT_LASTNAME_ARRAY.plain.required =='1'}required class="req_input"{/if} {if $INPUT_LASTNAME_ARRAY.plain.placeholder != ''} placeholder="{$INPUT_LASTNAME_ARRAY.plain.placeholder}" {/if}>


              <!--  {if $birthdate=='1'}
                <label>{$INPUT_DOB_ARRAY.plain.label} {if $INPUT_DOB_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</label>
                <input placeholder="tt.mm.jjjj" type="{$INPUT_DOB_ARRAY.plain.type|replace:'text':'date'}" name="{$INPUT_DOB_ARRAY.plain.name}" {if $INPUT_DOB_ARRAY.plain.required =='1'}required class="req_input"{/if} {if $INPUT_DOB_ARRAY.plain.placeholder != ''} {/if}>
                {/if} -->

                <label>{$INPUT_EMAIL_ARRAY.plain.label} {if $INPUT_EMAIL_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</label>
                <input placeholder="max@mustermann.de" type="{$INPUT_EMAIL_ARRAY.plain.type|replace:'text':'email'}" name="{$INPUT_EMAIL_ARRAY.plain.name}" {if $INPUT_EMAIL_ARRAY.plain.required =='1'}required class="req_input"{/if} {if $INPUT_EMAIL_ARRAY.plain.placeholder != ''} {/if}>
            </div>
        </div>
        {if $company=='1'}
        <div class="borderBox">
            <div class="columns">
                <h2 class="schritt">{#title_company#} {if $INPUT_COMPANY_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</h2>
                <label>{$INPUT_COMPANY_ARRAY.plain.label}</label>
                <input placeholder="Muster GmbH" type="{$INPUT_COMPANY_ARRAY.plain.type}" name="{$INPUT_COMPANY_ARRAY.plain.name}" {if $INPUT_COMPANY_ARRAY.plain.required =='1'}required class="req_input"{/if} placeholder="Musterfirma}">
            </div>
        </div>
        {/if}
        <div class="borderBox">
            <div class="columns">
                <h2>{#title_address#} </h2>
                <label>{$INPUT_STREET_ARRAY.plain.label|replace:"Strasse/Nr.":"Strasse + Nr."} {if $INPUT_STREET_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</label>
                <input placeholder="Musterstrasse 12" type="{$INPUT_STREET_ARRAY.plain.type}" name="{$INPUT_STREET_ARRAY.plain.name}" {if $INPUT_STREET_ARRAY.plain.required =='1'}required class="req_input"{/if}">
                {if $suburb=='1'}
                <label>{$INPUT_SUBURB_ARRAY.plain.label|replace:"Stadtteil":"Adresszusatz"}  {if $INPUT_SUBURB_ARRAY.plain.required =='1'}<i class="fi-star"></i> {/if}</label>
                <input placeholder="Adresszusatz" type="{$INPUT_SUBURB_ARRAY.plain.type}" name="{$INPUT_SUBURB_ARRAY.plain.name}" {if $INPUT_SUBURB_ARRAY.plain.required =='1'}required class="req_input"{/if}>
                {/if}


                <label>{$INPUT_CODE_ARRAY.plain.label} {if $INPUT_CODE_ARRAY.plain.required =='1'}<i class="fi-star"></i> {/if}</label>
                <input placeholder="12345" type="{$INPUT_CODE_ARRAY.plain.type}" name="{$INPUT_CODE_ARRAY.plain.name}" {if $INPUT_CODE_ARRAY.plain.required =='1'}required" class="req_input"{/if}>

                <label>{$INPUT_CITY_ARRAY.plain.label} {if $INPUT_CITY_ARRAY.plain.required =='1'}<i class="fi-star"></i> {/if}</label>
                <input placeholder="Musterhausen" type="{$INPUT_CITY_ARRAY.plain.type}" name="{$INPUT_CITY_ARRAY.plain.name}" {if $INPUT_CITY_ARRAY.plain.required =='1'}required class="req_input"{/if}>
                <label>{$INPUT_COUNTRY_ARRAY.plain.label} {if $INPUT_COUNTRY_ARRAY.plain.required=='1'}<i class="fi-star"></i>{/if}</label>
                <select  {if $INPUT_COUNTRY_ARRAY.plain.required =='1'}required class="req_input"{/if} name="{$INPUT_COUNTRY_ARRAY.plain.name}">
                <option value="">Bitte wählen Sie Ihr Land</option>
                <option value="81">Deutschland</option>
                {foreach from=$INPUT_COUNTRY_ARRAY.plain.options item=country}
                <option value="{$country.id}">{$country.name}</option>
                {/foreach}
                </select>
            </div>
        </div>
        <div class="borderBox">
            <div class="columns">
                <h2>{#title_contact#}</h2>
                <label>{$INPUT_TEL_ARRAY.plain.label}{if $INPUT_TEL_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</label>
                <input type="{$INPUT_TEL_ARRAY.plain.type|replace:'tel':'number'}" name="{$INPUT_TEL_ARRAY.plain.name}" {if $INPUT_TEL_ARRAY.plain.required =='1'}required class="req_input"{/if} {if $INPUT_TEL_ARRAY.plain.placeholder != ''} placeholder="{$INPUT_TEL_ARRAY.plain.placeholder}" {/if}>

                <label>{$INPUT_FAX_ARRAY.plain.label}{if $INPUT_FAX_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</label>
                <input type="{$INPUT_FAX_ARRAY.plain.type|replace:'tel':'number'}" name="{$INPUT_FAX_ARRAY.plain.name}" {if $INPUT_FAX_ARRAY.plain.required =='1'}required class="req_input"{/if} {if $INPUT_FAX_ARRAY.plain.placeholder != ''} placeholder="{$INPUT_FAX_ARRAY.plain.placeholder}" {/if}>
            </div>
        </div>
       <!-- <div class="borderBox">
            <div class="columns">
                <h2>{#title_options#|replace:"Optionen":'Newsletter'}</h2>
                <!--{#text_newsletter#}{$CHECKBOX_NEWSLETTER|replace:'type="checkbox"':'type="checkbox" style="border:0px;"'}

                <label>{#text_newsletter#|replace:':':''}{if $INPUT_NEWSLETTER_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}
                <input type="{$INPUT_NEWSLETTER_ARRAY.plain.type}" name="{$INPUT_NEWSLETTER_ARRAY.plain.name}" value="{$INPUT_NEWSLETTER_ARRAY.plain.value}" {if $INPUT_NEWSLETTER_ARRAY.plain.checked}checked{/if} {if $INPUT_NEWSLETTER_ARRAY.plain.required =='1'}required class="req_input"{/if} /> </label>
            </div>
        </div>-->
        <div class="borderBox">
            <div class="columns">
                <h2>{#text_privacy#}</h2>
                <div class="large reveal" id="privacyModal" data-reveal>
                    <h2>{#text_privacy#}</h2>
                    <div class="contents">{$PRIVACY_RAW}</div>
                        <button class="close-button" data-close aria-label="Close modal" type="button">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="row">
                        <div class="small-12 medium-6 columns">
                            <a class="button float-center" data-open="privacyModal">{#text_privacy#}</a>
                        </div>
                        <div class="small-12 medium-6 columns">
                            <label>   {* #text_privacy_confirm# *}
                                {* $PRIVACY_checkbox *}
                            </label>
                        </div>
                    </div>
                </div>
            </div>
           <!-- <div class="borderBox">
                <div class="columns">
                    <h2>   {#title_password#}</h2>
                    <!--{#text_password#}
                    {$INPUT_PASSWORD}
                    {#text_confirmation#}
                    {$INPUT_CONFIRMATION}
                    <div class="row">
                        <div class="small-12 medium-6 columns">
                            <label><i class="x05 glyphicons glyphicons-star"></i>{#text_password#}
                                <input type="password" name="password" maxlength="40" required id="password" placeholder="yeti4preZ" pattern="alpha_numeric">
                            </label>
                        </div>
                        <div class="small-12 medium-6 columns"><label><i class="x05 glyphicons glyphicons-star"></i>{#text_confirmation#}
                            <input type="password" name="confirmation" maxlength="40" placeholder="yeti4preZ"  required pattern="alpha_numeric" data-equalto="password">
         <span class="form-error">
          Das Passwort stimmt nicht mit dem vorher eingegebenem überein.
        </span>
                        </label></div>
                    </div>
                </div>
            </div>-->
          			{$YES_CAPTCHA}

			<div class="borderBox" style="padding:10px">
			<br>
			Ihre Daten werden in unserer Kundendatenbank aufgenommen.<br>Es gilt unsere <a href="https://hellmannversand-shop.de/Privatsphaere-Datenschutz-_-2.html" >Datenschutzerklärung</a>
			<button class="button float-right responsive_button" type="submit">Absenden</button>
			<span class="clearfix"></span>
			</form>
			</div>
          
        </div>
    </div>
<div class="small-12 medium-12 large-12 columns space10top">&nbsp;</div>