<%@ page import="com.myproject.bean.Language" %>
<%@ include file="/common/taglibs.jsp" %>
<%@ page language="java" pageEncoding="UTF-8"%>

<!-- BEGIN PAGE HEADER-->
<h3 class="page-title">
    <fmt:message key="user.profile.edit"/>
</h3>

<div class="row">
    <div class="col-md-12">
        <!-- BEGIN PORTLET-->
        <div class="portlet box green">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-pencil"></i>
                    <fmt:message key="user.profile.edit"/>
                </div>
            </div>
            <div class="portlet-body form">

                <!-- BEGIN FORM-->
                <form:form commandName="user" method="post" action="userform.html" id="userForm" autocomplete="off"
                           cssClass="form-horizontal form-bordered" onsubmit="return validateUser(this)">
                    <form:hidden path="id"/>
                    <form:hidden path="version"/>

                    <div class="form-body">
                        <%@include file="/common/success.jsp"%>

                        <form:errors path="*">
                            <div class="alert alert-danger display-hide" style="display: block;">
                                <button class="close" data-close="alert"></button>
                                <fmt:message key="error.save"/>
                            </div>
                        </form:errors>


                        <form:errors path="username" cssStyle="display: none">
                            <c:set var="usernameErrorClass" value="has-error"/>
                        </form:errors>
                        <div class="form-group">
                            <label class="control-label col-md-2"><fmt:message key="user.username"/><span class="required"> * </span></label>
                            <div class="col-md-3 ${usernameErrorClass}">
                                <form:input type="text" id="barcode" path="username" class="form-control"/>
                                <form:errors path="username" cssClass="help-block"/>
                            </div>

                            <label class="control-label col-md-2"><fmt:message key="user.password"/></label>
                            <div class="col-md-3">
                                <p class="form-control-static"><a href="<c:url value="/updatePassword" />"><fmt:message key='updatePassword.changePasswordLink'/></a>
                                </p>
                            </div>
                        </div>


                        <div class="form-group">
                            <form:errors path="firstName" cssStyle="display: none">
                                <c:set var="firstNameErrorClass" value="has-error"/>
                            </form:errors>
                            <label class="control-label col-md-2"><fmt:message key="user.firstName"/><span class="required"> * </span></label>
                            <div class="col-md-3 ${firstNameErrorClass}">
                                <form:input type="text" id="barcode" path="firstName" class="form-control"/>
                                <form:errors path="firstName" cssClass="help-block"/>
                            </div>


                            <form:errors path="lastName" cssStyle="display: none">
                                <c:set var="lastNameErrorClass" value="has-error"/>
                            </form:errors>
                            <label class="control-label col-md-2"><fmt:message key="user.lastName"/><span class="required"> * </span></label>
                            <div class="col-md-3 ${lastNameErrorClass}">
                                <form:input type="text"  path="lastName" class="form-control"/>
                                <form:errors path="lastName"  cssClass="help-block"/>
                            </div>
                        </div>

                        <div class="form-group">

                            <form:errors path="email" cssStyle="display: none">
                                <c:set var="emailErrorClass" value="has-error"/>
                            </form:errors>
                            <label class="control-label col-md-2"><fmt:message key="user.email"/><span class="required"> * </span></label>
                            <div class="col-md-3 ${emailErrorClass}">
                                <form:input type="text"  path="email" class="form-control"/>
                                <form:errors path="email"  cssClass="help-block"/>
                            </div>

                            <label class="control-label col-md-2"><fmt:message key="user.language"/><span class="required"> * </span></label>
                            <div class="col-md-3 ">
                                <form:select path="language" cssClass="form-control select2"  items="<%= Language.values()%>" itemLabel="label" itemValue="value" id="language"/>
                            </div>
                        </div>


                    </div>
                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-9">
                                <button class="btn green" type="submit"><i class="fa fa-save"></i><fmt:message key="button.save"/></button>
                                <button type="button" class="btn default" onclick="window.location=''"><i class="fa fa-history"></i><fmt:message key="button.cancel"/></button>
                            </div>
                        </div>
                    </div>
                </form:form>
                <!-- END FORM-->
            </div>
        </div>
        <!-- END PORTLET-->
    </div>
</div>
<!--End of update-->

<%--<div class="col-sm-7">

    <form:form commandName="user" method="post" action="userform" id="userForm" autocomplete="off"
               cssClass="well" onsubmit="return validateUser(this)">
        <form:hidden path="id"/>
        <form:hidden path="version"/>
        <input type="hidden" name="from" value="<c:out value="${param.from}"/>"/>

        <spring:bind path="user.username">
        <div class="form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
        </spring:bind>
            <appfuse:label styleClass="control-label" key="user.username"/>
            <form:input cssClass="form-control" path="username" id="username"/>
            <form:errors path="username" cssClass="help-block"/>
            <c:if test="${pageContext.request.remoteUser == user.username}">
                <span class="help-block">
                    <a href="<c:url value="/updatePassword" />"><fmt:message key='updatePassword.changePasswordLink'/></a>
                </span>
            </c:if>
        </div>

        <div class="row">
            <spring:bind path="user.firstName">
            <div class="col-sm-6 form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
            </spring:bind>
                <appfuse:label styleClass="control-label" key="user.firstName"/>
                <form:input cssClass="form-control" path="firstName" id="firstName" maxlength="50"/>
                <form:errors path="firstName" cssClass="help-block"/>
            </div>
            <spring:bind path="user.lastName">
            <div class="col-sm-6 form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
            </spring:bind>
                <appfuse:label styleClass="control-label" key="user.lastName"/>
                <form:input cssClass="form-control" path="lastName" id="lastName" maxlength="50"/>
                <form:errors path="lastName" cssClass="help-block"/>
            </div>
        </div>
        <div class="row">
            <spring:bind path="user.email">
            <div class="col-sm-6 form-group${(not empty status.errorMessage) ? ' has-error' : ''}">
            </spring:bind>
                <appfuse:label styleClass="control-label" key="user.email"/>
                <form:input cssClass="form-control" path="email" id="email"/>
                <form:errors path="email" cssClass="help-block"/>
            </div>
            <div class="col-sm-6 form-group">
                <appfuse:label styleClass="control-label" key="user.phoneNumber"/>
                <form:input cssClass="form-control" path="phoneNumber" id="phoneNumber"/>
            </div>
        </div>
        </div>
        <div class="form-group">
            <button type="submit" class="btn btn-primary" name="save" onclick="bCancel=false">
                <i class="icon-ok icon-white"></i> <fmt:message key="button.save"/>
            </button>

            <c:if test="${param.from == 'list' and param.method != 'Add'}">
              <button type="submit" class="btn btn-default" name="delete" onclick="bCancel=true;return confirmMessage(msgDelConfirm)">
                  <i class="icon-trash"></i> <fmt:message key="button.delete"/>
              </button>
            </c:if>
        </div>
    </form:form>
</div>--%>

<c:set var="scripts" scope="request">
<script language="JavaScript" type="text/javascript">


    $(function () {
        function format(state) {
            if (!state.id) return state.text; // optgroup
            return "<img class='flag' src='${ctx}/assets/global/img/flags/" + state.id + ".png'/>&nbsp;&nbsp;" + state.text;
        }
        $("#language").select2({
            placeholder: "Select a Country",
            allowClear: true,
            formatResult: format,
            formatSelection: format,
            escapeMarkup: function (m) {
                return m;
            }
        });
    });
</script>
</c:set>