movim/app/widgets/Vcard4/_vcard4_form.tpl

<ul>
    <li class="subheader"> {$c->__('vcard.privacy_title')}</li>
    <li class="condensed action">
        <form>
            <div class="control action">
                <div class="checkbox">
                    <input
                        type="checkbox"
                        id="privacy"
                        name="privacy"
                        {if="$me->privacy"}
                            checked
                        {/if}
                        onchange="{$privacy}">
                    <label for="privacy"></label>
                </div>
            </div>
        </form>
        <span class="icon bubble color blue">
            <i class="md md-security"></i>
        </span>

        <span>{$c->__('vcard.privacy_question')}</span>
        <p>{$c->__('vcard.privacy_info')}</p>        
    </li>
</ul>

<div class="clear padded"></div>

<form name="vcard4" id="vcard4form">
    <h3>{$c->__('page.profile')}</h3>
    <div class="block">
        <input type="text" name="fn" class="content" value="{$me->fn}">
        <label for="fn">{$c->__('vcard.name')}</label>
    </div>
    <div class="block">
        <input type="text" name="name" class="content" value="{$me->name}">
        <label for="fn">{$c->__('vcard.nickname')}</label>
    </div>

    <div class="block">
        <input type="email" name="email" class="content" value="{$me->email}">
        <label for="fn">{$c->__('vcard.email')}</label>
    </div>

    <div class="clear"></div>

    <!-- The date picker -->

    <div>
        <label for="day">{$c->__('vcard.date_of_birth')}</label>

        <div class="select" style="width: 33.33%; float: left;">
            <select name="day" class="datepicker">
                <option value="-1">{$c->__('Day')}</option>
                {loop="$days"}
                    <option value="{$value}" 
                    {if="$key == substr($me->date, 8)"}
                        selected 
                    {/if}
                    >{$value}</option>
                {/loop}
            </select>
        </div>

        <div class="select" style="width: 33.33%; float: left;">
            <select name="month" class="datepicker">
                <option value="-1">{$c->__('Month')}</option>
                {loop="$months"}
                    <option value="{$key}" 
                    {if="$key == substr($me->date,5,2)"}
                        selected 
                    {/if}
                    >{$value}</option>
                {/loop}
            </select>
        </div>

        <div class="select" style="width: 33.33%; float: left;">
            <select name="year" class="datepicker">
                <option value="-1">{$c->__('Year')}</option>
                {loop="$years"}
                    <option value="{$value}" 
                    {if="$value == substr($me->date,0,4)"}
                        selected 
                    {/if}
                    >{$value}</option>
                {/loop}
            </select>
        </div>
    </div>

    <div class="block">
        <label for="gender">{$c->__('vcard.gender')}</label>
        <div class="select">
            <select name="gender">
            {loop="$gender"}
                <option 
                {if="$key == $me->gender"}
                    selected 
                {/if}
                value="{$key}">{$value}</option>
            {/loop}
            </select>
        </div>
    </div>

    <div class="block">
        <label for="marital">{$c->__('vcard.marital')}</label>
        <div class="select">
            <select name="marital">
            {loop="$marital"}
                <option 
                {if="$key == $me->marital"}
                    selected 
                {/if}
                value="{$key}">{$value}</option>
            {/loop}
            </select>
        </div>
    </div>

    <div class="clear"></div>

    <div>
        <input type="url" name ="url" class="content" value="{$me->url}">
        <label for="url">{$c->__('vcard.website')}</label>
    </div>

    <div>
        <textarea name="desc" id="desctext" class="content" onkeyup="movim_textarea_autoheight(this);">{$desc}</textarea>
        <label for="desc">{$c->__('vcard.about')}</label>
    </div>

    <div class="clear padded"></div>

    <h3>{$c->__('vcard.position_title')}</h3>

    <div class="block">
        <input type="text" type="locality" name ="locality" class="content" value="{$me->adrlocality}" placeholder="{$c->__('Locality')}">
        <label for="url">{$c->__('vcard.locality')}</label>
    </div>
              
    <div class="block">
        <div class="select">
            <select name="country">
                <option value=""></option>
                {loop="$countries"}
                    <option 
                    {if="$value == $me->adrcountry"}
                        selected 
                    {/if}
                    value="{$value}">{$value}</option>
                {/loop}
            </select>
        </div>
        <label for="country">{$c->__('vcard.country')}</label>
    </div>

    <div class="clear padded"></div>

    <h3>{$c->__('vcard.accounts_title')}</h3>
    
    <div class="block">
        <input type="text" name="twitter" class="content" value="{$me->twitter}" placeholder="{$c->__('Nickname')}">
        <label for="twitter"><i class="fa fa-twitter"></i> {$c->__('vcard.twitter')}</label>
    </div>
    
    <div class="block">
        <input type="text" name="skype" class="content" value="{$me->skype}" placeholder="{$c->__('Nickname')}">
        <label for="skype"><i class="fa fa-skype"></i> {$c->__('vcard.skype')}</label>
    </div>
    
    <div class="block">
        <input type="email" name="yahoo" class="content" value="{$me->yahoo}" placeholder="{$c->__('Yahoo Account')}">
        <label for="skype"><i class="fa fa-yahoo"></i> {$c->__('vcard.yahoo')}</label>
    </div>

    <div class="clear"></div>

    <a
        onclick="
            {$submit}
            movim_button_save('#vcard4validate');
            this.value = '{$c->__('Submitting')}'; 
            this.className='button oppose inactive';" 
        class="button color oppose" 
        id="vcard4validate"
        >
        {$c->__('Submit')}
    </a>
    <a
        onclick="document.querySelector('#vcard4form').reset();"
        class="button flat oppose">
        {$c->__('Reset')}
    </a>

    <div class="clear padded"></div>
</form>