{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
	<li><a href="{{ path('office_brain_companybundle_company_viewbranch',{'companyId':parentId}) }}">{{ 'admin.company.listbranch' | trans }}</a> / </li>
	<li>{{ 'admin.company.editbranch' | trans }}</li>	
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-user"></i>{{ 'admin.company.editbranch' | trans }}</h1>{% endblock main_page_title %}

{% block main_content %}
<div class="ui-table-block member-add-user-block col-lg-12 col-md-12 col-xs-12">
	<div class="ui-content-block">
	   	<form action="{{ path('office_brain_companybundle_company_editbranchpost',{'companyId':companyId})}}" method="post" id="form_branch" name="form_branch" enctype="multipart/form-data" novalidate>
	        <div class="row">	             
	            <div class=" col-xs-12">
	                <div class="row">
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.name.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.companyName,{'attr':{'class':'form-control','placeholder':'admin.company.name.label'|trans }} ) }}
	                            {{ form_errors(form_company.companyName) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.asinumber.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.companyAsiNumber,{'attr':{'class':'form-control js-upper-case','placeholder': 'admin.company.asinumber.label'|trans }} ) }}
	                            {{ form_errors(form_company.companyAsiNumber) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.companynumber.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.companyNumber,{'attr':{'class':'form-control','placeholder':'admin.company.companynumber.label'|trans }} ) }}
	                            {{ form_errors(form_company.companyNumber) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.parent.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.parent,{'attr':{'class':'form-control','placeholder':'admin.company.parent.label'|trans }} ) }}
	                            {{ form_errors(form_company.parent) }}
	                        </div>
	                    </div>	         
	            	</div>
	            	<div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div class="form-title col-sm-12">{{ 'admin.company.logo.label'|trans }}:<span class="hint-text">{{ 'admin.company.logo.hint_message'|trans({'%width%': branchConfigrationField.company_logo_upload_parameter.width,'%height%': branchConfigrationField.company_logo_upload_parameter.height}) }}</span></div>                            
                                <div class="clearfix"></div>
                                <span class="form-group">
                                    <label  id="file" class="file-input-wrap">							
                                        <span class="admin-custom-btn cursor-pointer label-name" href="javascript:void(0);"><i class="fa fa-upload"></i>{{ 'admin.company.logo.choose_file'|trans }}</span>							
                                        <span class="file-name cursor-pointer form-control">{{ 'admin.company.logo.upload_file'|trans }}</span>
                                        {{ form_widget(form_company.companyLogo,{'attr':{'class':'form-control js-image-upload' }} ) }}		                            
                                    </label>
                            </span>
                                <span class="form-group">
                                    <label class="upload-img-block">
                                        <img id="imagePreview" class="img-responsive" alt="" {% if companyLogo is defined and companyLogo !='' %} src="{{ ('/company_logo/' ~ companyLogo)  | apply_filter('thumb_edit_company_150x120') }}" {% endif %} ></a>									
                                    </label>
                                    <div class="clearfix"></div>
                                    {{ form_errors(form_company.companyLogo) }}
                            </span>   
                                <div class="col-md-6"></div>                         
                        </div>	
                    </div>	            	
	            	<div class="row">
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.street1.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.street1,{'attr':{'class':'form-control','placeholder':'admin.company.street1.label'|trans }} ) }}
	                            {{ form_errors(form_company.street1) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                       	<div class="form-group">
	                            <label class="form-title">{{ 'admin.company.street2.label'|trans }} :</label>
								{{ form_widget(form_company.street2,{'attr':{'class':'form-control','placeholder':'admin.company.street2.label'|trans }} ) }}
	                            {{ form_errors(form_company.street2) }}
	                        </div>
	                    </div>	              
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.email.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.email,{'attr':{'class':'form-control','placeholder':'admin.company.email.label'|trans }} ) }}
	                            {{ form_errors(form_company.email) }}
	                        </div>
	                    </div>	       
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.country.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.countryId,{'attr':{'class':'form-control js-country','placeholder':'admin.company.countryId.label'|trans }} ) }}
	                            {{ form_errors(form_company.countryId) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.state.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.stateId,{'attr':{'class':'form-control js-state','placeholder':'admin.company.stateId.label'|trans }} ) }}
	                            {{ form_errors(form_company.stateId) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.city.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.cityId,{'attr':{'class':'form-control js-city','placeholder':'admin.company.cityId.label'|trans }} ) }}
	                            {{ form_errors(form_company.cityId) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group js-zipcode-validate">
	                            <label class="form-title">{{ 'admin.company.zipcode.label'|trans }} : <span class="red">*</span></label>
								{{ form_widget(form_company.zipcode,{'attr':{'class':'form-control js-zipcode','placeholder':'admin.company.zipcode.label'|trans }} ) }}
	                            {{ form_errors(form_company.zipcode) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.extension.label'|trans }} :</label>
								{{ form_widget(form_company.extension,{'attr':{'class':'form-control','placeholder':'admin.company.extension.label'|trans }} ) }}
	                            {{ form_errors(form_company.extension) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.phone.label'|trans }} :</label>
								{{ form_widget(form_company.phone,{'attr':{'class':'form-control js-phone','placeholder':'admin.company.phone.label'|trans }} ) }}
	                            {{ form_errors(form_company.phone) }}
	                        </div>
	                    </div>	                   
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.mobile.label'|trans }}: </label>
								{{ form_widget(form_company.mobile,{'attr':{'class':'form-control js-phone','placeholder':'admin.company.mobile.label'|trans }} ) }}
	                            {{ form_errors(form_company.mobile) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.fax.label'|trans }}:</label>
								{{ form_widget(form_company.fax,{'attr':{'class':'form-control js-phone','placeholder':'admin.company.fax.label'|trans }} ) }}
	                            {{ form_errors(form_company.fax) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'admin.company.website.label'|trans }} : <span class="hint-text">({{ 'admin.company.website.example'|trans }})</span></label>
								{{ form_widget(form_company.website,{'attr':{'class':'form-control','placeholder':'admin.company.website.label'|trans }} ) }}
	                            {{ form_errors(form_company.website) }}
	                        </div>
	                    </div>
	                </div>	                
	                <div class="tab-block add-banner-tab-block">	                    
	                    <div class="btn-block">
	                        <button type="submit" class="customize-btn">{{ 'admin.button.submit'|trans }}</button>
	                        <button type="button" class="customize-btn js-reset-search-form" data-reset-url="{{ path('office_brain_companybundle_company_editbranchpost',{'companyId':companyId}) }}">{{ 'reset'|trans({},'app') }}</button>
	                    </div>
	                </div> 
	            </div>
	        </div>
		{{ form_rest(form_company, {'display': 'hidden'}) }}
		</form>
	</div>
</div>
{% endblock main_content %}
{% block footer_js %}
    {{ parent() }}   
    {% javascripts '@OfficeBrainPageBundle/Resources/public/js/form-validation.min.js'
        		   '@OfficeBrainPageBundle/Resources/public/js/validation-bootstrap.min.js' %}
    <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
{% endblock footer_js %}