<%inherit file="/base.mako"/>
<%namespace file="/message.mako" import="render_msg" />

%if message:
    ${render_msg( message, status )}
%endif
</br>
</br>
<h3>Add new address</h3>

<ul class="manage-table-actions">
    <li>
        <a class="action-button"  href="${h.url_for( controller='user', action='manage_user_info', cntrller=cntrller, id=trans.security.encode_id( user.id) )}">
        <span>Manage User Information</span></a>
    </li>
</ul>
<div class="toolForm">
    <div class="toolFormTitle">Add new address</div>
    <div class="toolFormBody">
        <form name="login_info" id="login_info" action="${h.url_for( controller='user', action='new_address', cntrller=cntrller, id=trans.security.encode_id( user.id ) )}" method="post" >
            <div class="form-row">
                <label>Short Description:</label>
                <div style="float: left; width: 250px; margin-right: 10px;">
                    <input type="text" name="short_desc" value="${short_desc | h}" size="40">
                </div>
                <div class="toolParamHelp" style="clear: both;">Required</div>
                <div style="clear: both"></div>
            </div>
            <div class="form-row">
                <label>Name:</label>
                <div style="float: left; width: 250px; margin-right: 10px;">
                    <input type="text" name="name" value="${name | h}" size="40">
                </div>
                <div class="toolParamHelp" style="clear: both;">Required</div>
                <div style="clear: both"></div>
            </div>
            <div class="form-row">
                <label>Institution:</label>
                <div style="float: left; width: 250px; margin-right: 10px;">
                    <input type="text" name="institution" value="${institution | h}" size="40">
                </div>
                <div class="toolParamHelp" style="clear: both;">Required</div>
                <div style="clear: both"></div>
            </div>
            <div class="form-row">
                <label>Address:</label>
                <div style="float: left; width: 250px; margin-right: 10px;">
                    <input type="text" name="address" value="${address | h}" size="40">
                </div>
                <div class="toolParamHelp" style="clear: both;">Required</div>
                <div style="clear: both"></div>
            </div>
            <div class="form-row">
                <label>City:</label>
                <div style="float: left; width: 250px; margin-right: 10px;">
                    <input type="text" name="city" value="${city | h}" size="40">
                </div>
                <div class="toolParamHelp" style="clear: both;">Required</div>
                <div style="clear: both"></div>
            </div>
            <div class="form-row">
                <label>State/Province/Region:</label>
                <div style="float: left; width: 250px; margin-right: 10px;">
                    <input type="text" name="state" value="${state | h}" size="40">
                </div>
                <div class="toolParamHelp" style="clear: both;">Required</div>
                <div style="clear: both"></div>
            </div>
            <div class="form-row">
                <label>Postal Code:</label>
                <div style="float: left; width: 250px; margin-right: 10px;">
                    <input type="text" name="postal_code" value="${postal_code | h}" size="40">
                </div>
                <div class="toolParamHelp" style="clear: both;">Required</div>
                <div style="clear: both"></div>
            </div>
            <div class="form-row">
                <label>Country:</label>
                <div style="float: left; width: 250px; margin-right: 10px;">
                    <input type="text" name="country" value="${country | h}" size="40">
                </div>
                <div class="toolParamHelp" style="clear: both;">Required</div>
                <div style="clear: both"></div>
            </div>
            <div class="form-row">
                <label>Phone:</label>
                <div style="float: left; width: 250px; margin-right: 10px;">
                    <input type="text" name="phone" value="${phone | h}" size="40">
                </div>
                <div style="clear: both"></div>
            </div>
            <div class="form-row">
                <input type="submit" name="new_address_button" value="Save">
            </div>
        </form>
    </div>
</div>