{config_load file="$language/lang_$language.conf" section="create_account"}
{config_load file="$language/own_lang_$language.conf" section="create_account"}
<div id="ca_content">
{$FORM_ACTION|replace:'name="create_account"':'name="create_account" data-abide novalidate'}
<div class="row contentHolder">
<h1>{#heading_create_account#}</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>

        <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>Als Gast oder neuer Kunde bestellen</h2>
				<div class="columns">
					<fieldset>
						
							{if $GUEST_ACCOUNT_SELECT and $INPUT_GUEST_ACCOUNT_ARRAY}
							{$INPUT_GUEST_ACCOUNT_ARRAY.label}
							{$INPUT_GUEST_ACCOUNT_ARRAY.input}
							<br />
							{/if}
							<span id="pw">
							{$INPUT_PASSWORD_ARRAY.label}
							{$INPUT_PASSWORD_ARRAY.input}
							<br />
							{$INPUT_CONFIRMATION_ARRAY.label}
							{$INPUT_CONFIRMATION_ARRAY.input}
							</span>
					</fieldset>  
				</div>
		</div>
		
		</div>
		<div class="small-12 columns">
		
			 <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}>


                <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>
		
		</div>
		<div class="small-12 columns">
		
        {if $company=='1'}
        <div class="borderBox">
            <div class="columns">
                <h2 class="schritt">{#title_company#} </h2>
                <label>{$INPUT_COMPANY_ARRAY.plain.label}{if $INPUT_COMPANY_ARRAY.plain.required =='1'}<i class="fi-star"></i>{/if}</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>
		<div class="small-12 columns">
		
        <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" 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>
		<div class="small-12 columns">
		
			<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>
        {$YES_CAPTCHA}
		</div>
		<div class="small-12 columns">
		
		<div class="borderBox">
        Ihre Daten werden in unserer Kundendatenbank aufgenommen.<br>Es gilt unsere <a href="/Privatsphaere-und-Datenschutz-_-2.html" >Datenschutzerklärung</a><button class="button float-right responsive_button" type="submit">{if $smarty.session.language=='german'}Absenden{else}Submit{/if}</button>
        <span class="clearfix"></span>

    </div>
</div>
	<div class="small-12 medium-12 large-12 columns space10top">&nbsp;</div>
	</form>
</div>