{% extends 'OfficeBrainCustomBundleThemeBundle:'~ app.request.get('project_setting').instance_theme ~':themeBase.html.twig' %}
{% block seo_meta_title %}Account Login | Access Your Dashboard & Order History{% endblock seo_meta_title %}

{% block seo_meta_description %}
	Sign in to your account to view order history, manage preferences, and access exclusive features.
{% endblock seo_meta_description %}

{% block main_content %}
	<div class="container">
    	<div class="innerpage">
    		{% embed 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:BaseUIElements/breadCrumb.html.twig' %}
    			{% block bread_crumb_after_home %}<li><strong>{{'user.login.form.title'|trans({},'goldstar')}}</strong></li>{% endblock bread_crumb_after_home %}
			{% endembed %}
			<div class="ob-login-main-block">
            	<div class="row">
                	<div class="col-sm-12 col-md-12 col-lg-6 col-xs-12">
                    	<h1 class="main-title"><i class="fa fa-user"></i>{{ 'user.login.form.title'|trans({},'goldstar') }}</h1>
                    	<div class="ob-login-block">
                        	<div class="sub-form-box">
                            	<div class="row">
                            	<form name='login_form' id='login_form' method="POST" action='{{ path("office_brain_userbundle_login_check") }}'>
                            			<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
                                    		<div class="form-group">
                                    			<label>{{ 'user.login.form.user_name'|trans({},'goldstar') }} </label><span class="red">*</span>
                                        		<input class="input js-enter-key-submit" name="_username" type="text" value="" autocomplete="username" data-original-title="{{ 'user.login.form.user_name'|trans({},'goldstar') }}" data-placement="bottom" data-toggle="tooltip" tabindex="1">
{# 												{% block user_name %}{% endblock user_name %}#}
                                    		</div>
                                		</div>
                                		<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
                                    		<div class="form-group">
                                    			<label>{{ 'user.login.password.label'|trans }} </label><span class="red">*</span>
                                    			<input class="input js-enter-key-submit" name="_password" type="password" value="" autocomplete="current-password" data-original-title="{{ 'user.login.password.label'|trans }}" data-placement="bottom" data-toggle="tooltip" tabindex="2">
{#                                         		{% block password %}{% endblock password %}#}
                                    		</div>
                                		</div>
                                		<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
                                    		{% if error.message is defined %}
                                        		<ul class="error-message red">
                                            		<li>{{ error.message|trans }}</li>
                                        		</ul>
                                        	{% endif %}
                                		</div>
                                		<div class="clearfix"></div>
                                		{% if ob_project_user_configuration_rule.login.option.remember_me==1 %}
                                    		<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
                                       			<div class="checkbox check-block">
{#                                            			{% block remember_me %}#}
                                           				<input type="checkbox" name="_remember_me" id="checkbox" value="1" />
{#                                            			{% endblock remember_me %}#}
                                           			<label for="checkbox">{{ 'user.login.remember.label'|trans }}</label>
                                       			</div>
                                    		</div>
                                		{% endif %}
                                		<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
                                    		<a href="javascript:void(0)" class="forgot-link" id="js_forgot_link">{{ 'user.login.forget.label'|trans }}</a>
                                		</div>
                                		<div style="display:none;">
                                    		<input type="submit" value="{{ 'user.login.submit'|trans }}" id="submit_login_form" />
                                    		<input type="reset" tabindex="23" value="{{ 'reset'|trans({},'app') }}"  id="reset_login_form" />
                                		</div>
                                	</form>
                                <div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
                                    <div style="display:none;" class="forgot-passwd" id="js_forgot_pass">
	                                       <div class="clearfix"></div><hr>
	                                       {{ form_start(forgot_form, { 'action': path('office_brain_userbundle_login_forgot_password_check'), 'attr': {'novalidate':'true'}}) }}
	                                       	<h3>{{ 'user.forget.label'|trans }}</h3>
	                                       	<p>{{ 'user.forget.text'|trans }}</p>
	                                       	<div class="form-group">
	                                       		<label>{{ 'user.login.form.email'|trans({},'goldstar') }}</label>
	                                           	{{ form_widget(forgot_form.email,{'attr':{'class':'form-control js_forgot_email','placeholder': 'user.forget.email.label'|trans, 'data-original-title': 'user.forget.email.label'|trans, 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
	                                       	</div>
	                                       	<ul class="error-message"><li class="red js-forgot-error"></li></ul>
	                                       	{{ form_rest(forgot_form) }}
	                                       	<a class="send-email js-forget" href="javascript:void(0)">{{ 'user.forget.submit'|trans }}</a>
	                                     {{ form_end(forgot_form) }}
                                   	</div>
                               	</div>                                
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <span class="required-field">* {{ 'req_fields'|trans({}, 'app') }}</span>
					<div class="btn-box-main">
                        <input type="button" tabindex="3" value="{{ 'user.login.submit'|trans }}" class="btn btn-default js-enter-click" onclick="$('#submit_login_form').click();"/>
	                    <input type="button" tabindex="4" value="{{ 'reset'|trans({},'app') }}" class="btn btn-default js-reset-register-form"/>
                    </div>
                </div>
               	{% if ob_project_user_configuration_rule.sign_up.status==1 %}
                    <div class="col-sm-12 col-md-12 col-lg-6 col-xs-12 pull-right">
                    	<h1 class="main-title"><i class="fa fa-user"></i>{{ 'user.login.create.label'|trans }}</h1>
                    	<div class="ob-login-block">
                    		<div class="sub-form-box">
	                        	<p>{{ 'user.login.create.text'|trans }}</p>
	                        	<a class="send-email" href="{{ path('office_brain_userbundle_sign_up_distributor_registration') }}">{{ 'user.login.create.signup'|trans }}</a>
	                        </div>
                        </div>
                    </div>
                {% endif %}
            </div>
    	</div>
	</div>
</div>
{% endblock main_content %}