{include file="$template/includes/flashmessage.tpl"}

<h2>{$LANG.userProfile.profile}</h2>

<form method="post" action="{routePath('user-profile-save')}">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <label for="inputFirstName" class="control-label">
                    {$LANG.clientareafirstname}
                </label>
                <input
                    type="text"
                    name="firstname"
                    id="inputFirstName"
                    value="{$user->firstName}"
                    class="form-control"
                    {if in_array('firstname', $uneditableFields)}disabled="disabled"{/if}
                >
            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-group">
                <label for="inputLastName" class="control-label">
                    {$LANG.clientarealastname}
                </label>
                <input
                    type="text"
                    name="lastname"
                    id="inputLastName"
                    value="{$user->lastName}"
                    class="form-control"
                    {if in_array('lastname', $uneditableFields)}disabled="disabled"{/if}
                >
            </div>
        </div>
    </div>
    <div class="form-group">
        <input class="btn btn-primary" type="submit" name="save" value="{$LANG.clientareasavechanges}" />
        <input class="btn btn-default" type="reset" value="{$LANG.cancel}" />
    </div>
</form>

<br>

<h2>{$LANG.userProfile.changeEmail}</h2>

<p>
    {if $user->needsToCompleteEmailVerification()}
        <span class="label label-default">{$LANG.userProfile.notVerified}</span>
    {elseif $user->emailVerified()}
        <span class="label label-success">{$LANG.userProfile.verified}</span>
    {/if}
</p>

<form method="post" action="{routePath('user-profile-email-save')}">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <label for="inputEmail" class="control-label">
                    {$LANG.clientareaemail}
                </label>
                <input
                    type="email"
                    name="email"
                    id="inputEmail"
                    value="{$user->email}"
                    class="form-control"
                    {if in_array('email', $uneditableFields)}disabled="disabled"{/if}
                >
            </div>

            {if !in_array('email', $uneditableFields)}
                <div class="form-group">
                    <label for="emailChangePasswordConfirmation" class="control-label">
                        {lang key='existingpassword'}
                    </label>
                    <input
                        type="password"
                        name="existing_password"
                        id="emailChangePasswordConfirmation"
                        class="form-control"
                    >
                </div>
            {/if}
        </div>
    </div>
    <div class="form-group">
        <input class="btn btn-primary" type="submit" name="save" value="{$LANG.clientareasavechanges}" />
        <input class="btn btn-default" type="reset" value="{$LANG.cancel}" />
    </div>
</form>