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

{% if dashboardFlag is defined and dashboardFlag == 'adminSide' %}
	{% set userLink = path('office_brain_userbundle_mycontactbook_viewcontactbook',{'userId':userId}) %}
{% else %}
	{% set userLink = path('office_brain_userbundle_mycontactbook_viewcontactbook') %}
{% endif %}


{% block bread_crumb_after_home %}
	<li><a href="{{ userLink }}">{{ 'user.contact_book.admin_view_contact_book.contact_book' | trans }}</a> <i class="fa fa-angle-right fa-fw"> </i> </li>
	<li>{{ 'user.edit.contact_book_label' | trans }}</li>	
{% endblock bread_crumb_after_home %}
{# {% block main_page_title %}<h1><i class="fa fa-user"></i>{{ 'user.edit.contact_book_label' | trans }}</h1>{% endblock main_page_title %}#}

{% block page_main_content %}
<div class="ob-add-new-address js-get-form">
<h1 class="main-title"><i class="fa fa-pencil-square-o"></i>{{ 'user.edit.contact_book_label' | trans }}</h1>
<h2>contact information</h2>
	<div class="row">
        <form action="{{ path('office_brain_userbundle_mycontactbook_editcontactbookpost',{'contactBookId':contactBookId})}}" method="post" id="contact_book_edit" novalidate>
	        <div class="row">	             
	            <div class=" col-xs-12">
	                <div class="row">
	                    {% if dashboardFlag is defined and dashboardFlag == 'adminSide' %}
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'user.contact_book.user.label'|trans }}:<span class="red">*</span></label>
								{{ form_widget(contactBookForm.user,{'attr':{'class':'form-control readonly-select' ,'readonly':'readonly' }} ) }}
	                            {{ form_errors(contactBookForm.user) }}
	                        </div>
	                    </div>
	                    {% endif %}
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group">
	                            <label class="form-title">{{ 'user.contact_book.companyName.label'|trans }}:</label>
								{{ form_widget(contactBookForm.companyName,{'attr':{'class':'form-control','placeholder': 'user.contact_book.companyName.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.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">{{ 'user.contact_book.companyNumber.label'|trans }}:</label>
								{{ form_widget(contactBookForm.companyNumber,{'attr':{'class':'form-control','placeholder': 'user.contact_book.companyNumber.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.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">{{ 'user.contact_book.name.label'|trans }}:<span class="red">*</span></label>
								{{ form_widget(contactBookForm.name,{'attr':{'class':'form-control','placeholder': 'user.contact_book.name.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.name) }}
	                        </div>
	                    </div>
	                
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group inp-parts">
	                            <label class="form-title">{{ 'user.contact_book.addressType.label'|trans }}:<span class="red">*</span></label>
								{{ form_widget(contactBookForm.adressType,{'attr':{'class':'custom-select form-control js-addresstype'}} ) }}
	                            {{ form_errors(contactBookForm.adressType) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 col-lg-offset-6 js-isoffice" style="display: none;">
			                <div class="form-group">
			                	<label class="form-title"></label>
			                	{{ form_widget(contactBookForm.isOffice,{'attr':{'class':'custom-select','data-toggle':'tooltip','data-placement':'top','title':''}} ) }}
			                	{{ form_errors(contactBookForm.isOffice) }}
			                </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">{{ 'user.contact_book.email.label'|trans }}:<span class="red">*</span></label>
								{{ form_widget(contactBookForm.email,{'attr':{'class':'form-control','placeholder': 'user.contact_book.email.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.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">{{ 'user.contact_book.street1.label'|trans }}:<span class="red">*</span></label>
								{{ form_widget(contactBookForm.street1,{'attr':{'class':'form-control','placeholder': 'user.contact_book.street1.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.street1) }}
	                        </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">{{ 'user.contact_book.street2.label'|trans }}:</label>
								{{ form_widget(contactBookForm.street2,{'attr':{'class':'form-control','placeholder': 'user.contact_book.street2.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.street2) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group inp-parts">
	                            <label class="form-title">{{ 'user.contact_book.countryId.label'|trans }}:<span class="red">*</span></label>
								{{ form_widget(contactBookForm.countryId,{'attr':{'class':'custom-select form-control js-country' }} ) }}
	                            {{ form_errors(contactBookForm.countryId) }}
	                        </div>
	                    </div>
	                 </div>   
		            <div class="row">
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group inp-parts">
	                            <label class="form-title">{{ 'user.contact_book.stateId.label'|trans }}:<span class="red">*</span></label>
								{{ form_widget(contactBookForm.stateId,{'attr':{'class':'custom-select form-control js-state' }} ) }}
	                            {{ form_errors(contactBookForm.stateId) }}
	                        </div>
	                    </div>
	                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
	                        <div class="form-group inp-parts">
	                            <label class="form-title">{{ 'user.contact_book.cityId.label'|trans }}:<span class="red">*</span></label>
								{{ form_widget(contactBookForm.cityId,{'attr':{'class':'chosen-select form-control js-city' }} ) }}
	                            {{ form_errors(contactBookForm.cityId) }}
	                        </div>
	                    </div>
	                 </div>   
		            <div class="row">
	                    <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">{{ 'user.contact_book.zipcode.label'|trans }}:<span class="red">*</span></label>
								{{ form_widget(contactBookForm.zipcode,{'attr':{'class':'form-control js-zipcode','placeholder': 'user.contact_book.zipcode.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.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">{{ 'user.contact_book.mobile.label'|trans }}:</label>
								{{ form_widget(contactBookForm.mobile,{'attr':{'class':'form-control js-phone','autocomplete':'off','placeholder': 'user.contact_book.mobile.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.mobile) }}
	                        </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">{{ 'user.contact_book.phone.label'|trans }}:</label>
								{{ form_widget(contactBookForm.phone,{'attr':{'class':'form-control js-phone','autocomplete':'off','placeholder': 'user.contact_book.phone.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.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">{{ 'user.contact_book.extension.label'|trans }}:</label>
								{{ form_widget(contactBookForm.extension,{'attr':{'class':'form-control','placeholder': 'user.contact_book.extension.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.extension) }}
	                        </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">{{ 'user.contact_book.fax.label'|trans }}:</label>
								{{ form_widget(contactBookForm.fax,{'attr':{'class':'form-control js-phone','autocomplete':'off','placeholder': 'user.contact_book.fax.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.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">{{ 'user.contact_book.website.label'|trans }}:</label>
								{{ form_widget(contactBookForm.website,{'attr':{'class':'form-control','placeholder': 'user.contact_book.website.label'|trans }} ) }}
	                            {{ form_errors(contactBookForm.website) }}
	                        </div>
	                    </div>
	                </div>	                
{# 	                <div class="tab-block add-banner-tab-block">	                    #}
{# 	                    <div class="btn-block">#}
{# 	                        <button type="submit" class="customize-btn">{{ 'user.contact_book.submit.label'|trans }}</button>#}
{# 							<button type="button" class="customize-btn js-reset-search-form" data-reset-url="{{ path('office_brain_userbundle_mycontactbook_editcontactbookpost',{'contactBookId':contactBookId})}}">{{ 'reset'|trans({},'app') }}</button>#}
{# 	                    </div>#}
{# 	                </div> #}
	                <div class="btn-box-main">
	                	<input type="submit" class="btn btn-default" value="{{ 'user.contact_book.submit.label'|trans }}">
	                	<input type="button" class="btn btn-default js-reset-search-form" data-reset-url="{{ path('office_brain_userbundle_mycontactbook_editcontactbookpost',{'contactBookId':contactBookId})}}" value="{{ 'reset'|trans({},'app') }}">
	                </div>
	            </div>
	        </div>
		{{ form_rest(contactBookForm, {'display': 'hidden'}) }}
		</form>
	</div>
</div>
{% endblock page_main_content %}
{% block footer_js %}
    {{ parent() }}
    {% javascripts '@OfficeBrainUserBundle/Resources/public/js/admin_user.js'
    				'@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 %}