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

<div class="row contentHolder">
    <h1>Gastkonto erstellen</h1>
	<div class="small-12 columns">
	<h2>Da wir Spirituosen verkaufen, versenden wir nur an volljährige Personen.</h2>
		<p>„Wir versenden daher ausschließlich per DHL "DHL Alterssichtprüfung".
	<br>Details hierzu finden Sie hier: <a href="/Die-Alterssichtpruefung-_-30.html">"Alterssichtprüfung"</a>
	</p>
	</div>
    {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}
                <input type="radio" name="gender" id="radio_" value="m" required=""><label for="radio_">keine Angabe</label>
				</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. oder Postfiliale + Nr. bzw. Packstation + Nr."} {if $INPUT_STREET_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</label>
                <input placeholder="Musterstrasse 12 oder Postfiliale 123 bzw. Packstation 123" 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 oder nur Postnummer"}  {if $INPUT_SUBURB_ARRAY.plain.required =='1'}<i class="fi-star"></i> {/if}</label>
                <input placeholder="Adresszusatz ODER 705887755 (NICHT die Hausnummer bitte)" 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>--> 
				
				<select required="" class="req_input" name="country">
                    <option value="81" selected="">Germany</option>            
		        </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><span class="titleBadge">{if $smarty.session.language=='german'}Sicherheitsprüfung{else}Security question{/if}{* #text_sec_code# *}</span></h2>
                <div class="row">
                    <div class="small-12 medium-6 columns">
                        {$YES_CAPTCHA} 
                    </div>
                    
                </div>
			</div>
        </div>
		
           Ihre Daten werden in unserer Kundendatenbank aufgenommen. <button class="button float-right responsive_button" type="submit">Absenden</button>
            <span class="clearfix"></span>
            </form>
        </div>
    </div>
<div class="small-12 medium-12 large-12 columns space10top">&nbsp;</div>