{config_load file="$language/lang_$language.conf" section="account_edit"}
{config_load file="$language/own_lang_$language.conf" section="account_edit"}
{assign var="tpl" value="/templates/yes-system/"}	
<div class="mh-1000">
	<div class="miniHeading mb-4"><img class="w-100" src="{$tpl}/img/account-hd.jpg"></div>
<div class="uberuns boxes">
<div class="container bg-light border border-secondary border-2 p-3 rounded-3 shadow ">
		<h1 class="ico ico-5">{* #heading_account# *}Change your personal data</h1>
		{if $error!=''}
		<div class="alert alert-danger text-center"> {$error}</div>
		{/if}
			Fields marked with an * are mandatory.
		<div class="mh-fix mt-1">
	{$FORM_ACTION|replace:"form":"form class='form'"}
	<div class="mh">
	<div class="row">
			<div class="col-12 col-lg-6" >
				<div class="border-secondary border-2 rounded border p-3 h-100  bg-light">
				<h3>{* #title_personal# *}Your personal data</h3>
				
				{if $gender=='1'}
                <div class="mb-2">
                    
                   <label class="d-block">{#text_gender#|replace:"Anrede":"Title"} {if $INPUT_GENDER_ARRAY.plain.required=='1'}*{/if}                    </label>        

                    <fieldset class="mt-3">
                        {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  class=" me-3" for="radio_{$gend.gender}">{$gend.label|replace:"Herr":"Man"|replace:"Frau":"Woman"}</label>          {/foreach}
                     <input type="radio" name="gender" id="radio_" value="m" required=""><label for="radio_">Divers</label>
					</fieldset>
				    
                </div>
                {/if}
				<div class="mb-2">
					<lable class="form-label">{$INPUT_FIRSTNAME_ARRAY.plain.label|replace:"Vorname":"Firstname"} {if $INPUT_FIRSTNAME_ARRAY.plain.required =='1'}*{/if}</lable>
					<input class="form-control" placeholder="Max" {if $INPUT_FIRSTNAME_ARRAY.plain.value}value="{$INPUT_FIRSTNAME_ARRAY.plain.value}"{/if} type="{$INPUT_FIRSTNAME_ARRAY.plain.type}" name="{$INPUT_FIRSTNAME_ARRAY.plain.name}" {if $INPUT_FIRSTNAME_ARRAY.plain.required =='1'}required{/if} {if $INPUT_FIRSTNAME_ARRAY.plain.placeholder != ''} {/if}>
				</div>

				<div class="mb-2">
					<label  class="form-label">{$INPUT_LASTNAME_ARRAY.plain.label|replace:"Nachname":"Lastname"} {if $INPUT_LASTNAME_ARRAY.plain.required =='1'}*{/if}</label>
					<input class="form-control" placeholder="Mustermann" type="{$INPUT_LASTNAME_ARRAY.plain.type}" {if $INPUT_LASTNAME_ARRAY.plain.value}value="{$INPUT_LASTNAME_ARRAY.plain.value}"{/if} name="{$INPUT_LASTNAME_ARRAY.plain.name}" {if $INPUT_LASTNAME_ARRAY.plain.required =='1'}required{/if} {if $INPUT_LASTNAME_ARRAY.plain.placeholder != ''} {/if}>
				</div>

				{if $birthdate=='1'}
				<div class="mb-2">
					<lable class="form-label">{$INPUT_DOB_ARRAY.plain.label} {if $INPUT_DOB_ARRAY.plain.required =='1'}*{/if}</lable>
					<input class="form-control" placeholder="tt.mm.jjjj" {if $INPUT_DOB_ARRAY.plain.value}value="{$INPUT_DOB_ARRAY.plain.value}"{/if} type="{$INPUT_DOB_ARRAY.plain.type|replace:'text':'date'}" name="{$INPUT_DOB_ARRAY.plain.name}" {if $INPUT_DOB_ARRAY.plain.required =='1'}required{/if} {if $INPUT_DOB_ARRAY.plain.placeholder != ''} {/if}>
				</div>
				{/if}

				<div class="mb-2">
					<lable class="form-label">{$INPUT_EMAIL_ARRAY.plain.label|replace:"Email-Adresse":"Email address"} {if $INPUT_EMAIL_ARRAY.plain.required =='1'}*{/if}</lable>
					<input class="form-control" placeholder="max@mustermann.de" {if $INPUT_EMAIL_ARRAY.plain.value}value="{$INPUT_EMAIL_ARRAY.plain.value}"{/if} type="{$INPUT_EMAIL_ARRAY.plain.type|replace:'text':'email'}" name="{$INPUT_EMAIL_ARRAY.plain.name}" {if $INPUT_EMAIL_ARRAY.plain.required =='1'}required{/if} {if $INPUT_EMAIL_ARRAY.plain.placeholder != ''} {/if}>
				</div>
			</div>
			</div>
			<div class="col-12 col-lg-6 ">
				<div class="border-secondary border-2 rounded border p-3 h-100  bg-light">
				<h3>Contact details</h3>
				<div class="mb-2">
				<label  class="form-label">{$INPUT_TEL_ARRAY.plain.label|replace:"Telefonnummer":"Phone number"}  {if $INPUT_TEL_ARRAY.plain.required =='1'}* {/if}</label>
				<input class="form-control" {if $INPUT_TEL_ARRAY.plain.value}value="{$INPUT_TEL_ARRAY.plain.value}"{/if} type="{$INPUT_TEL_ARRAY.plain.type|replace:'tel':'number'}" name="{$INPUT_TEL_ARRAY.plain.name}" {if $INPUT_TEL_ARRAY.plain.required =='1'}required {/if} {if $INPUT_TEL_ARRAY.plain.placeholder != ''} placeholder="{$INPUT_TEL_ARRAY.plain.placeholder}" {/if}>
				</div>
				<div class="mb-2">	
				<label  class="form-label">{$INPUT_MOBILE_ARRAY.plain.label|replace:"Mobilfunknummer":"Mobile phone number"} {if $INPUT_MOBILE_ARRAY.plain.required =='1'}*{/if}</label>
				<input class="form-control" {if $INPUT_MOBILE_ARRAY.plain.value}value="{$INPUT_MOBILE_ARRAY.plain.value}"{/if} type="{$INPUT_MOBILE_ARRAY.plain.type|replace:'tel':'number'}" name="{$INPUT_MOBILE_ARRAY.plain.name}" {if $INPUT_MOBILE_ARRAY.plain.required =='1'}required{/if} {if $INPUT_MOBILE_ARRAY.plain.placeholder != ''} {/if}>
				</div>
				<!--<div class="mb-2">	
				<label  class="form-label">{$INPUT_FAX_ARRAY.plain.label} {if $INPUT_FAX_ARRAY.plain.required =='1'}* {/if}</label>
				<input class="form-control" {if $INPUT_FAX_ARRAY.plain.value}value="{$INPUT_FAX_ARRAY.plain.value}"{/if} type="{$INPUT_FAX_ARRAY.plain.type|replace:'tel':'number'}" name="{$INPUT_FAX_ARRAY.plain.name}" {if $INPUT_FAX_ARRAY.plain.required =='1'}required {/if} {if $INPUT_FAX_ARRAY.plain.placeholder != ''} placeholder="{$INPUT_FAX_ARRAY.plain.placeholder}" {/if}>
				</div>-->
			</div>
			</div>
		</div>		
		<div class="text-end">
			<a href="account.php" class="btn btn-secondary me-2 d-inline-block mt-4">Back</a>		
		<button class="btn btn-primary mt-4 " type="submit">Save changes</button>
		</div>
		</div>

		</div>
		
	</form>
</div>
</div>
</div>