{% extends 'OfficeBrainCustomBundleThemeBundle:'~ app.request.get('project_setting').instance_theme ~':User/myAccountLayout.html.twig' %}

{% block seo_meta_title %}{{ 'user.my_account_edit.label'|trans ~ ' - ' ~ parent() }}{% endblock seo_meta_title %}

{% block bread_crumb_after_home %}
    <li><a href="{{ url('office_brain_userbundle_user_my_account_info') }}">{{ 'my_account'| trans({},"app") }}</a><i class="fa fa-angle-right fa-fw"> </i></li>
    <li><strong>{{ 'profile_info'|trans({},'goldstar') }}</strong></li>
{% endblock bread_crumb_after_home %}

{% block page_title_block %}{% endblock page_title_block %}

{% block page_main_content %}
{% set ob_city_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['dropdown']['status'] %}
{% set ob_city_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['textbox']['status'] %} 
{% set ob_state_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['dropdown']['status'] %}
{% set ob_state_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['textbox']['status'] %}
{% set ob_country_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['dropdown']['status'] %}
{% set ob_country_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['textbox']['status'] %}

	<div class="ob-account-info">
{#     	<div class="row js-get-form">#}
           	<h1 class="main-title"><i class="fa fa-user"></i>{{ 'profile_info'|trans({},'goldstar') }}</h1>
            <div class="edit-profile-section">
			{{ form_start(form_user, { 'action': path('office_brain_userbundle_user_my_account_edit_post'), 'attr': {'novalidate':'true','id':'edit_account_user'}}) }}
				<h2 class="edit-acc-sub-title">{{ 'edit_your_profile'|trans({},'goldstar') }}</h2>
{# 				<div class="col-sm-12 col-md-8 col-lg-8 col-xs-12">#}
					<div class="row">
{# 						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">#}
{# 							<h3 class="edit-acc-sub-title">{{ 'user.register.personal_info'|trans }}</h3>#}
{# 						</div>#}

						{% if form_fields.fields.firstName.main == 1 %}
								<div class="col-lg-12 col-xs-12 form-group">                    
										<div class="label-width">
											{{ form_label(form_user.firstName, 'user.firstName.label'|trans({},'validators')) }}
											<span class="red">*</span>
										</div>
	                    				<div class="input-col">
                                            {% block first_name %}{% endblock first_name %}
                                        </div>									
                        		</div>                  
						{% endif %}
							{% if form_fields.fields.lastName.main == 1 %}
								<div class="col-lg-12 col-xs-12 form-group">
		                        		<div class="label-width">
		                        			{{ form_label(form_user.lastName, 'user.lastName.label'|trans({},'validators')) }}
		                        			<span class="red">*</span>
		                        		</div>
		                        		<div class="input-col">
											{% block last_name %}{% endblock last_name %}
										</div>
	                        	</div>                    		
                    		{% endif %}
                    								
							{% if form_fields.fields.jobTitle.main == 1 %}                    		
		                    	<div class="col-lg-12 col-xs-12">
		                        	<div class="form-group">
		                        		<div class="label-width">{{ form_label(form_user.jobTitle, 'user.jobTitle.label'|trans({},'validators')) }}{% if 'jobTitle' in form_fields.validations %}<span class="red">*</span>{% endif %}</div>
		                            	{% block job_title %}{% endblock job_title %}
		                        	</div>                    		
	                        	</div>
                    		{% endif %}
                    		
							{% if form_fields.fields.companyName.main == 1 %}
								<div class="col-lg-12 col-xs-12 form-group">
					                	<div class="label-width">{{ form_label(form_user.companyName, 'user.companyName.label'|trans({},'validators')) }}
					                	<span class="red">*</span></div>
					                	<div class="input-col">
					                    	{% block company_name %}{% endblock company_name %}
					                    </div>					                                    
				                </div>			            
			                {% endif %}	
			                					
{# 						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">#}
{#                         	<h3 class="edit-acc-sub-title">{{ 'user.register.contact_info'|trans }}</h3>#}
{#                         </div>#}
							{% if form_fields.fields.street1.main == 1 %}
								<div class="col-lg-12 col-xs-12 form-group">
		                            	<div class="label-width">{{ form_label(form_user.street1, 'user.address1'|trans({},'goldstar')) }}
		                            	<span class="red">*</span></div>
		                            	<div class="input-col">
		                               		{% block street_1 %}{% endblock street_1 %}
		                               	</div>
	                            </div>                       	
                        	{% endif %}
                        	
							{% if form_fields.fields.street2.main == 1 %}
								<div class="col-lg-12 col-xs-12 form-group">
		                            	<div class="label-width">{{ form_label(form_user.street2, 'user.address2'|trans({},'goldstar')) }}</div>
		                            	<div class="input-col">
		                               		{% block street_2 %}{% endblock street_2 %}
		                               	</div>
	                            </div>                       	
                        	{% endif %}
                        	
                        	{% if ob_city_dropdown %}
                        		{% if form_fields.fields.cityId.main == 1 %}
									<div class="col-lg-12 col-xs-12 form-group inp-parts">
			                            	<div class="label-width">{{ form_label(form_user.cityId, 'user.cityId.label'|trans({},'validators')) }}
{# 			                            		<span class="red">*</span>#}
			                            	</div>
			                            	<div class="input-col">
			                               		{% block city_id %}{% endblock city_id %}
			                               	</div>
		                            </div>                       	
	                        	{% endif %}
	                        {% endif %}
	                        {% if ob_city_textbox %}
                        		{% if form_fields.fields.cityName.main == 1 %}
									<div class="col-lg-12 col-xs-12 form-group">
			                            	<div class="label-width">{{ form_label(form_user.cityName, 'user.cityName.label'|trans({},'validators')) }}
			                            		<span class="red">*</span>
			                            	</div>
			                            	<div class="input-col">
			                               		{% block city_name %}{% endblock city_name %}
			                               	</div>
		                            </div>                       	
	                        	{% endif %}
	                        {% endif %}
                        	
							{% if form_fields.fields.countryId.main == 1 %}
								{% if ob_country_textbox %}
                                	<div class="col-lg-12 col-xs-12 form-group inp-parts">
    		                            	<div class="label-width">{{ form_label(form_user.countryId, 'user.countryId.label'|trans({},'validators')) }}
    		                            	<span class="red">*</span></div>
    		                            	<div class="input-col">
    		                               		{% block country_name %}{% endblock country_name %}
    		                               	</div>
    	                            </div>  
                                {% elseif ob_country_dropdown %}
                                	<div class="col-lg-12 col-xs-12 form-group inp-parts">
    		                            	<div class="label-width">{{ form_label(form_user.countryId, 'user.countryId.label'|trans({},'validators')) }}
    		                            	<span class="red">*</span></div>
    		                            	<div class="input-col">
    		                               		{% block country_id %}{% endblock country_id %}
    		                               	</div>
    	                            </div>  
                                {% endif %}
                        	{% endif %}	
                        		
							{% if form_fields.fields.stateId.main == 1 %}
								{% if ob_state_textbox %}
                                	<div class="col-lg-12 col-xs-12 form-group inp-parts">
    		                            	<div class="label-width">{{ form_label(form_user.stateId, 'user.state'|trans({},'goldstar')) }}
    		                            	<span class="red">*</span></div>
    		                            	<div class="input-col">
    			                               {% block state_name %}{% endblock state_name %}
    		                            	</div>
    	    	                    </div>
                                {% elseif ob_state_dropdown %}
                                	<div class="col-lg-12 col-xs-12 form-group inp-parts">
    		                            	<div class="label-width">{{ form_label(form_user.stateId, 'user.state'|trans({},'goldstar')) }}
    		                            	<span class="red">*</span></div>
    		                            	<div class="input-col">
    			                               {% block state_id %}{% endblock state_id %}
    		                            	</div>
    	    	                    </div>  
                                {% endif %}
                        	{% endif %}		
                        	
							{% if form_fields.fields.zipcode.main == 1 %}
								<div class="col-lg-12 col-xs-12 form-group js-zipcode-validate">
		                            	<div class="label-width">{{ form_label(form_user.zipcode, 'user.zipcode'|trans({},'goldstar')) }}
		                            	<span class="red">*</span></div>
		                            	<div class="input-col">
			                            	{% block zip_code %}{% endblock zip_code %}
			                            </div>
	    	                    </div>
                        	{% endif %}	
                        				
                        	{% if form_fields.fields.email.main == 1 %}
								<div class="col-lg-12 col-xs-12 form-group">
	                        			<div class="label-width">{{ form_label(form_user.email, 'user.email.label'|trans({},'validators')) }}
	                        			<span class="red">*</span></div>
	                            		<div class="input-col">
	                        				{% block email %}{% endblock email %}
	                        			</div>
                        		</div>
                    		{% endif %}
                        						
							{% if form_fields.fields.phone.main == 1 %}
								<div class="col-lg-12 col-xs-12 form-group">
		                            	<div class="label-width">{{ form_label(form_user.phone, 'user.phone.label'|trans({},'validators')) }}
		                            	<span class="red">*</span></div>
		                            	<div class="input-col">
		                               		{% block phone %}{% endblock phone %}
		                               	</div>
	                            </div>                       	
                        	{% endif %}	
                        												
							{% if form_fields.fields.mobile.main == 1 %}
								<div class="col-lg-12 col-xs-12">
		                        	<div class="form-group">
		                            	<div class="label-width">{{ form_label(form_user.mobile, 'user.mobile.label'|trans({},'validators')) }}{% if 'mobile' in form_fields.validations %}<span class="red">*</span>{% endif %}</div>
			                            {% block mobile %}{% endblock mobile %}
		                            </div> 
	                            </div>                       	
                        	{% endif %}
                        	
							{% if form_fields.fields.fax.main == 1 %}
								<div class="col-lg-12 col-xs-12">
		                            <div class="form-group">
		                            	<div class="label-width">{{ form_label(form_user.fax, 'user.fax.label'|trans({},'validators')) }}{% if 'fax' in form_fields.validations %}<span class="red">*</span>{% endif %}</div>
		                               	{% block fax %}{% endblock fax %}
		                            </div> 
	                            </div>                       	
                        	{% endif %}                       
												
							{% if form_fields.fields.website.main == 1 %}
								<div class="col-lg-12 col-xs-12">
		                        	<div class="form-group">
		                            	<div class="label-width">{{ form_label(form_user.website, 'user.website.label'|trans({},'validators')) }}{% if 'website' in form_fields.validations %}<span class="red">*</span>{% endif %}</div>
		                               	{% block website %}{% endblock website %}
		                            </div> 
	                            </div>                       	
                        	{% endif %}		
                        					
{# 						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">#}
{#                         	<h3 class="edit-acc-sub-title">{{ 'user.register.member_info'|trans }}</h3>#}
{#                         </div>#}
                        
{#                         {% if form_fields.fields.membershipNumber1.main == 1 %}							#}
{# 								{% if form_fields.fields.membershipNumber1.main == 1 %}#}
{# 									<div class="col-lg-12 col-xs-12">#}
{# 		                        		<div class="form-group">#}
{# 		                        			{{ form_label(form_user.membershipNumber1, 'user.membershipNumber1.label'|trans({},'validators')) }}{% if 'membershipNumber1' in form_fields.validations %}<span class="red">*</span>{% endif %}#}
{# 		                            		{% block membership_number_1 %}{% endblock membership_number_1 %}#}
{# 		                        		</div> #}
{# 	                        		</div>                   			#}
{#                     			{% endif %}  #}
                    			                  									
{# 								{% if form_fields.fields.membershipNumber2.main == 1 %}#}
{# 									<div class="col-lg-12 col-xs-12">#}
{# 		                    			<div class="form-group">#}
{# 		                        			{{ form_label(form_user.membershipNumber2, 'user.membershipNumber2.label'|trans({},'validators')) }}{% if 'membershipNumber2' in form_fields.validations %}<span class="red">*</span>{% endif %}#}
{# 		                            		{% block membership_number_2 %}{% endblock membership_number_2 %}#}
{# 		                        		</div> #}
{# 	                        		</div>                   			#}
{#                     			{% endif %}							#}
							
{# 								{% if form_fields.fields.membershipNumber3.main == 1 %}#}
{# 									<div class="col-lg-12 col-xs-12">#}
{# 		                    			<div class="form-group">#}
{# 		                        			{{ form_label(form_user.membershipNumber3, 'user.membershipNumber3.label'|trans({},'validators')) }}{% if 'membershipNumber3' in form_fields.validations %}<span class="red">*</span>{% endif %}#}
{# 		                            		{% block membership_number_3 %}{% endblock membership_number_3 %}#}
{# 		                        		</div> #}
{# 	                        		</div>                   			#}
{#                     			{% endif %}							#}
							
{# 								{% if form_fields.fields.membershipNumber4.main == 1 %}#}
{# 									<div class="col-lg-12 col-xs-12">#}
{# 		                    			<div class="form-group">#}
{# 		                        			{{ form_label(form_user.membershipNumber4, 'user.membershipNumber4.label'|trans({},'validators')) }}{% if 'membershipNumber4' in form_fields.validations %}<span class="red">*</span>{% endif %}#}
{# 		                            		{% block membership_number_4 %}{% endblock membership_number_4 %}#}
{# 		                        		</div> #}
{# 	                        		</div>                   			#}
{#                     			{% endif %}		#}
                    								
{# 							<div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">#}
{# 								<span class="required-field">* {{ 'req_fields'|trans({},'app') }}</span>#}
{# 							</div>							#}
{# 								{% if form_fields.fields.newslettersUnsubscription.main == 1 %}#}
{# 									<div class="col-lg-12 col-xs-12">#}
{# 				                		<div class="check-box-privacy">#}
{# 				                        	<div class="checkbox check-block">#}
{# 												{% block newsletters_subscription %}{% endblock newsletters_subscription %}#}
{# 												{{ form_label(form_user.newslettersUnsubscription, 'user.newslettersUnsubscription.label'|trans({},'validators')) }}#}
{# 				                        	</div>#}
{# 				                    	</div>#}
{# 			                    	</div>                		#}
{#                 				{% endif %}	#}
                										
{# 						{% endif %}#}
						
					</div>
					<div class="clearfix"></div>
					
					<div class="row btn-box-main">
						<div class="col-lg-12 col-xs-12 form-group">
							<label for=""></label>
							<div align="left" class="input-col">
								<input type="submit" tabindex="29" value="{{ 'user.update'|trans({},'goldstar') }}" class="btn btn-default js-submit-btn" />
{# 								<input type="button" value="{{ 'reset'|trans({},'app') }}"  class="btn btn-default js-reset-register-form" tabindex="30">#}
							</div>
						</div>					
					</div>					
{# 				</div>				#}
			{{ form_end(form_user) }}
			</div>
			<div class="edit-profile-section">
					{{ form_start(form_photo, { 'action': path('office_brain_userbundle_user_my_account_edit_photo'), 'attr': {'id':'officebrain_bundle_userbundle_user_photo', 'novalidate':'true'}}) }}
		           		<h2 class="edit-acc-sub-title"><!-- <i class="fa fa-camera"></i> -->{{ 'user.my_account_edit.upload_photo'|trans }}</h2>
		               	<div class="upload-photo-block">
		                	<p>{{ 'user.my_account_edit.select_img'|trans }}</p>
		                   	<div class="upload-wrap-class2">
		                    	<div class="upload-image">
		                        	{% block user_photo %}{% endblock user_photo %}
		                       	</div>
		                   	</div>
		                   	<div class="upload-btn-block">
		                    	<p class="italic">{{ ob_project_user_setting.user_data.photo }}</p>
		                       	<div class="btn-box-main">
		                        	{{ form_widget(form_photo.photo,{'attr':{'class': 'btn btn-default js-upload-photo'}}) }}
		                           	<span>{{ 'user.my_account_edit.upload'|trans }}</span>
		                       	</div>
		                       	<p class="italic">{{ 'user.my_account_edit.img_type'|trans }}</p>
		                   	</div>
		                    <div class="red photo-error"></div>
		               	</div>		           		
           			{{ form_end(form_photo) }}
			</div>
			
{# 			<div class="edit-profile-section">#}
{# 				<form action="">#}
{# 					<h2>{{ 'set_email_preference'|trans({},'goldstar') }}</h2>#}
{# 					<div>#}
{# 						<div class="check-box">#}
{# 							<input type="checkbox" id="once-week">#}
{# 							<label for="once-week">{{ 'once_a_week'|trans({},'goldstar') }}</label>#}
{# 							<span>{{ 'one_mail_per_week'|trans({},'goldstar') }}</span>#}
{# 						</div>#}
{# 						<div class="check-box">#}
{# 							<input type="checkbox" id="Stay-Date">#}
{# 							<label for="Stay-Date">{{ 'stay_upto_date'|trans({},'goldstar') }}</label>#}
{# 							<span>{{ 'all_email_updates'|trans({},'goldstar') }}</span>#}
{# 						</div>#}
{# 						<div class="check-box">#}
{# 							<input type="checkbox" id="Unsubscribe">#}
{# 							<label for="Unsubscribe">{{ 'unsubscribe_all'|trans({},'goldstar') }}</label>#}
{# 							<span>{{ 'note'|trans({},'goldstar') }}: {{ 'receive_notifications'|trans({},'goldstar') }}</span>#}
{# 						</div>#}
{# 						<input type="submit" value="{{ 'user.change_password.submit'|trans }}">#}
{# {# 						<input type="button" value="{{ 'user.change_password.submit'|trans }}">#}
{# 					</div>#}
{# 				</form>#}
{# 			</div>#}
			
			
{# 		</div>#}
	</div>
<script type="text/javascript">
$(document).ready(function(){
	$( ".btn-box-main" ).nextAll('div').hide();	
});
$( ".btn-box-main" ).nextAll('div').hide();
</script>
{% endblock page_main_content %}
                	
             {#       	{% if form_fields.fields.middleName.main == 1 %}
                    		<div class="col-sm-6 col-xs-12">
                        		<div class="form-group">
                        			{{ form_label(form_user.middleName, 'user.middleName.label'|trans({},'validators')) }}{% if 'middleName' in form_fields.validations %}<span class="red">*</span>{% endif %}
									{% block middle_name %}{% endblock middle_name %}
                        		</div>
                    		</div>
                    	{% endif %}
                    	{% if form_fields.fields.gender.main == 1 %}
                    		<div class="col-sm-6 col-xs-12">
                        		<div class="form-group inp-parts">
                        			{{ form_label(form_user.gender, 'user.gender.label'|trans({},'validators')) }}{% if 'gender' in form_fields.validations %}<span class="red">*</span>{% endif %}
									{% block gender %}{% endblock gender %}
                        		</div>
                    		</div>
                    	{% endif %}
                	
                	
                    	{% if form_fields.fields.userCompany.main == 1 %}
                    		<div class="col-sm-6 col-xs-12">
                        		<div class="form-group inp-parts">
                        			{{ form_label(form_user.userCompany, 'user.userCompany.label'|trans({},'validators')) }}{% if 'userCompany' in form_fields.validations %}<span class="red">*</span>{% endif %}
                            		{% block user_company %}{% endblock user_company %}
                        		</div>
                    		</div>
                    	{% endif %}
                    	
                	
                	
                    	
                    	{% if form_fields.fields.username.main == 1 %}
                    		<div class="col-sm-6 col-xs-12">
                        		<div class="form-group">
                        			{{ form_label(form_user.loginUsername, 'user.username.label'|trans({},'validators')) }}{% if 'username' in form_fields.validations %}<span class="red">*</span>{% endif %}
                            		{% block user_name %}{% endblock user_name %}
                        		</div>
                    		</div>
                    	{% endif %}                	
                        
                        
                	
                	{% if form_fields.fields.locatedDistributorId.main == 1 %}
                		<h2>{{ 'user.register.select_pref_dist'|trans }}</h2>
                		<div class="row">                		
                			<div class="col-sm-6 col-xs-12">
                            	<div class="form-group inp-parts">
                            		<label for="distributor_state" class="checkout-label">{{ 'user.state.label'|trans({},'validators') }}</label>
                                    <select name="distributor_state" id="distributor_state" class="custom-select js-distributor-state" data-placement="top" data-toggle="tooltip">
                                    	{% block distributor_state %}{% endblock distributor_state %}
                                    </select>
                            	</div>
                        	</div>
                        	
                        	<div class="col-sm-6 col-xs-12">
                            	<div class="form-group inp-parts">
                            		<label for="locate_distributor" class="checkout-label">{{ 'user.locatedDistributorId.label'|trans({},'validators') }}{% if 'locatedDistributorId' in form_fields.validations %}<span class="red">*</span>{% endif %}</label>
									<select name="locate_distributor" id="locate_distributor" class="custom-select js-locate-distributor" data-placement="top" data-toggle="tooltip">
                                    	<option data-state="default" value="">{{ 'user.locatedDistributorId.label'|trans({},'validators') }}</option>
                                        {% block locate_distributor %}{% endblock locate_distributor %}
									</select>
                            	</div>
                        	</div>
	                	</div>
	  				{% endif %}	  	#}		
               {# 	{% if form_fields.fields.membershipNumber1.main == 1 %}                		
                    		{% if form_fields.fields.membershipNumber5.main == 1 %}
                    			<div class="col-sm-6 col-xs-12">
                        			<div class="form-group">
                        				{{ form_label(form_user.membershipNumber5, 'user.membershipNumber5.label'|trans({},'validators')) }}{% if 'membershipNumber5' in form_fields.validations %}<span class="red">*</span>{% endif %}
                            			{% block membership_number_5 %}{% endblock membership_number_5 %}
                        			</div>
                    			</div>
                    		{% endif %}
                    		{% if form_fields.fields.membershipNumber6.main == 1 %}
                    			<div class="col-sm-6 col-xs-12">
                        			<div class="form-group">
                        				{{ form_label(form_user.membershipNumber6, 'user.membershipNumber6.label'|trans({},'validators')) }}{% if 'membershipNumber6' in form_fields.validations %}<span class="red">*</span>{% endif %}
                            			{% block membership_number_6 %}{% endblock membership_number_6 %}
                        			</div>
                    			</div>
                    		{% endif %}
                     		{% if form_fields.fields.obCustomerId.main == 1 %}
								<div class="col-sm-6 col-xs-12">
                                    <div class="form-group">
                                    	{{ form_label(form_user.obCustomerId, 'user.obCustomerId.label'|trans({},'validators')) }}{% if 'obCustomerId' in form_fields.validations %}<span class="red">*</span>{% endif %}
										{% block ob_customer_id %}{% endblock ob_customer_id %}
                                    </div>
                                </div>
							{% endif %}                		
                	{% endif %}			#}