<!--BREADCRUMBS-->
<div class="breadcrumb_container">{$breadcrumbs}</div>

<!--HEADER-->
<div class="module_header">
	<span class="header_tab">{API->get_label label_id='lbl_create_account'}</span>
</div>

<!--BODY-->
<div class="module_body">

	<!--RESULTS-->
	<br />
	<div id="results">{$message}&nbsp;</div>

	<!--CONTENT-->
	<form action="./index.php" name="user_creation_form" onsubmit="javascript: return launchFormValidation(this)" method="post">
		Password must be a minimum of 4 characters and a maximum of 20 characters.<br /><br />
        <table align="center" style="width:100%">
            <tr>
                <td>
                    <table style="text-align:left;">
                        <tr>
                            <th>
                                {API->get_label label_id='lbl_username'}
                            </th>
                            <td>
                                <input type="text" name="USER_ID" class="required" style="text-align:left;" maxlength="20" onchange="validateField(this, 'spaceless_alphanumeric', 'required', 'results')">
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {API->get_label label_id='lbl_title'}
                            </th>
                            <td >
                                <input type="text" name="NAME_PREFIX" class="" style="text-align:left;" maxlength="40" onchange="validateField(this, 'alphanumeric', '', 'results')">
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {API->get_label label_id='lbl_fname'}
                            </th>
                            <td>
                                <input type="text" name="FIRST_NAME" class="required" style="text-align:left;" maxlength="40" onchange="validateField(this, 'alphanumeric', 'required', 'results')">
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {API->get_label label_id='lbl_mname'}
                            </th>
                            <td >
                                <input type="text" name="MIDDLE_NAME" class="" style="text-align:left;" maxlength="40" onchange="validateField(this, 'alphanumeric', '', 'results')">
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {API->get_label label_id='lbl_lname'}
                            </th>
                            <td>
                                <input type="text" name="LAST_NAME" class="required" style="text-align:left;" maxlength="40" onchange="validateField(this, 'alphanumeric', 'required', 'results')">
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    <table style="text-align:left;">
                        <tr>
                            <th>
                                {API->get_label label_id='lbl_email_address'}
                            </th>
                            <td>
                                <input type="text" name="EMAIL" class="required" style="text-align:left;" maxlength="60" onchange="validateField(this, 'email', 'required', 'results')" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {API->get_label label_id='lbl_password_new'}
                            </th>
                            <td>
                                <input type="password" name="PASSWORD_NEW" class="required" style="text-align:left;" maxlength="20" onchange="validateField(this, 'password', 'required', 'results');">
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {API->get_label label_id='lbl_password_repeat'}
                            </th>
                            <td>
                                <input type="password" name="PASSWORD_REPEAT" class="required" style="text-align:left;" maxlength="20" onchange="validateField(this, 'password', 'required', 'results');">
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {API->get_label label_id='lbl_comment'}
                            </th>
                            <td id="description_container">
                                <textarea name="DESCRIPTION" class="" style="height:45px; text-align:left;" maxlength="500" onchange="validateField(this, 'any', '', 'results')"></textarea>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
		</table>
		<br />
        <input type="hidden" name="module_id" value="SignInPanel" />
		<input type="hidden" name="f" value="create_user_account" />
		<input class="button" type="submit" name="save" value="Save" />
		<input class="button" type="button" name="reset" onclick="{$smarty.session.current_breadcrumb.onclick}" value="Reset" />
        <br /><br />
        <div style="text-align:right;">
            <span class="required" style="border: 1px solid black">
                &nbsp;{API->get_label label_id='lbl_required_field'}&nbsp;
            </span>
        </div>
	</form>
</div>