{% extends (app.request.isXmlHttpRequest) ? "::adminBaseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
	<li><a href="{{ path('office_brain_companybundle_company_viewcompany') }}">{{ 'admin.company.listcompany' | trans }}</a> / </li>
	<li> {{ 'admin.company.listbranch' | trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-delicious"></i>{{ 'admin.company.listbranch' | trans }}</h1>{% endblock main_page_title %}
{% block main_content %}
<form name="branch-page-container" action="{{ path('office_brain_companybundle_company_viewbranch',{'companyId':companyId}) }}" id="branch-page-container" method="GET" data-paging-mode='ajax' data-pagination-mode='1' data-scroll-id='branch-page-container' data-container-id='js_search_list'>
    {% if branchAccessField.option.button_view_branch.option.button_search_branch.status == 1 %}
	    <nav class="navbar navbar-default top-dropdown">
	        <div class="container-fluid">
	            <div class="row">
	                <div class="col-lg-8 col-md-12 col-xs-12 col-sm-12">
                		{% if branchConfigrationField.search.status == 1 %}
					 		    <div class="form-group top-title-form select-col search-width">
		                            <select name="option" id="option" class="form-control">
		                                <option value="">{{ 'admin.company.search_in' | trans}}</option>
					                    {% if branchConfigrationField.search.option.search_by_company_name.status==1%}
			                            	<option value="companyName">{{ 'admin.company.name.label'| trans }}</option>
			                            {% endif %}
			                            {% if branchConfigrationField.search.option.search_by_company_asi_number.status==1%}
			                            	<option value="companyAsiNumber">{{ 'admin.company.asinumber.label'| trans }}</option>
			                            {% endif %}
			                            {% if branchConfigrationField.search.option.search_by_email.status==1%}
			                            	<option value="email">{{ 'admin.company.email.label'| trans }}</option>
			                            {% endif %}
			                            {% if branchConfigrationField.search.option.search_by_country.status==1%}
			                            	<option value="countryId">{{ 'admin.company.country.label'| trans }}</option>
			                            {% endif %}
			                            {% if branchConfigrationField.search.option.search_by_state.status==1%}
			                            	<option value="stateId">{{ 'admin.company.state.label'| trans }}</option>
			                            {% endif %}
			                            {% if branchConfigrationField.search.option.search_by_city.status==1%}
			                            	<option value="cityId">{{ 'admin.company.city.label'| trans }}</option>
			                            {% endif %}
			                            {% if branchConfigrationField.search.option.search_by_zipcode.status==1%}
			                            	<option value="zipcode">{{ 'admin.company.zipcode.label'| trans }}</option>
			                            {% endif %}
			                            {% if branchConfigrationField.search.option.search_by_fax.status==1%}
			                            	<option value="fax">{{ 'admin.company.fax.label'| trans }}</option>
			                            {% endif %}
			                            {% if branchConfigrationField.search.option.search_by_website.status==1%}
			                            	<option value="website">{{ 'admin.company.website.label'| trans }}</option>
			                            {% endif %}
		                            </select>
		                        </div>
		                        <div class="top-title-form search-width">
		                            <div class="row">
		                                <div class="col-lg-12 col-sm-12 col-md-12">
		                                    
		                                    <input type="text" class="form-control js-enter-key-search" id="keywords"   placeholder="{{ 'admin.search.placeholder'|trans }}"  name="keywords" required="required" maxlength="255" target="menu-slug">		                                    
		                                    <i class="fa-search fa search-btn"></i>
		                                </div>
		                            </div>
		                        </div>
		                        <div class="top-title-form">
			                            <input type="button" class="button-secondary js-search-btn" value="{{ 'user.search'|trans }}">
		                        </div>
		                        <div class="top-title-form">
		                        	<a class="admin-custom-btn js-reset-search-form" data-reset-url="{{ path('office_brain_companybundle_company_viewbranch',{'companyId':companyId}) }}" href="javascript:void(0)"><i class="fa fa-refresh"></i>{{ 'reset'|trans({},'app') }}</a>						            
		                        </div>		                    
						{% endif %}		        	
	                </div>
	                {% if branchAccessField.option.button_add_branch.status == 1 %}
		                <div class="col-lg-4 col-md-12 col-xs-12 col-sm-12">
		                    <div class="top-title-form pull-right">
		                    	<a href="{{ path('office_brain_companybundle_company_addbranch',{'companyId':companyId}) }}" class="admin-custom-btn" ><i class="fa fa-plus"></i>{{ 'admin.company.addbranch'| trans }}</a>
		                    </div>
		                </div>
	                {% endif %}
	            </div>
	        </div>
	    </nav>
	{% endif %}    
    <div class="record-block">
            <div class="col-md-4 col-sm-12 col-xs-12 total-active">
                <div class="record-title"><i class="fa fa-check-circle-o"></i> {{ 'admin.total.active' | trans }}</div>
                <div class="clearfix"></div>
                <div class="record-count pull-left js-total-active">{{ total_active }} </div>
                <div class="view-record pull-right"><a href="javascript:void();" class="js-record-status" data-status="1" data-url="{{ path('office_brain_companybundle_company_viewbranch',{'companyId':companyId}) }}">{{ 'admin.total.viewdetail' | trans }}</a></div>
                <div class="clearfix"></div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12 total-inactive">
                <div class="record-title"><i class="fa fa-ban"></i> {{ 'admin.total.inactive' | trans }}</div>
                <div class="clearfix"></div>
                <div class="record-count pull-left js-total-inactive"> {{ total_inactive }} </div>
                <div class="view-record pull-right"><a href="javascript:void();" class="js-record-status" data-status="0" data-url="{{ path('office_brain_companybundle_company_viewbranch',{'companyId':companyId}) }}">{{ 'admin.total.viewdetail' | trans }}</a></div>
                <div class="clearfix"></div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12">
                <div class="record-title"><i class="fa fa-bars"></i>{{ 'admin.total.totalrecord' | trans }}</div>
                <div class="clearfix"></div>
                <div class="record-count pull-left js-total">{{ total_record }}</div>
                <div class="view-record pull-right"><a href="javascript:void();" class="js-record-status" data-status="" data-url="{{ path('office_brain_companybundle_company_viewbranch',{'companyId':companyId}) }}">{{ 'admin.total.viewdetail' | trans }}</a></div>
                <div class="clearfix"></div >
            </div>
        </div>
    <div class="clearfix"></div>
    <div class="dashboard-list-block company-managment-block">
        <div class="table-block table-content-res-block">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                        	{% if branchConfigrationField.company_name.status ==1 %}<th>{{ 'admin.company.name.label'|trans }}</th>{% endif %}
							{% if branchConfigrationField.company_number.status ==1 %}<th>{{ 'admin.company.companynumber.label'|trans }}</th>{% endif %}
							{% if branchConfigrationField.company_asi_number.status ==1 %}<th>{{ 'admin.company.asinumber.label'|trans }}</th>{% endif %}
							{% if branchConfigrationField.email.status ==1 %}<th>{{ 'admin.company.email.label'|trans }}</th>{% endif %}
							{% if branchConfigrationField.company_logo.status ==1 %}<th>{{ 'admin.company.logo.label'|trans }}</th>{% endif %}
							{#% if branchConfigrationField.street1.status ==1 %}<th>{{ 'admin.company.street1.label'|trans }}</th>{% endif %#}
							{#% if branchConfigrationField.street2.status ==1 %}<th>{{ 'admin.company.street2.label'|trans }}</th>{% endif %#}
							{% if branchConfigrationField.country.status ==1 %}<th>{{ 'admin.company.country.label'|trans }}</th>{% endif %}
							{% if branchConfigrationField.state.status ==1 %}<th>{{ 'admin.company.state.label'|trans }}</th>{% endif %}
							{% if branchConfigrationField.city.status ==1 %}<th>{{ 'admin.company.city.label'|trans }}</th>{% endif %}
							{% if branchConfigrationField.zipcode.status ==1 %}<th>{{ 'admin.company.zipcode.label'|trans }}</th>{% endif %}
							{#% if branchConfigrationField.extension.status ==1 %}<th>{{ 'admin.company.extension.label'|trans }}</th>{% endif %#}
							{#% if branchConfigrationField.phone.status ==1 %}<th>{{ 'admin.company.phone.label'|trans }}</th>{% endif %#}
							{#% if branchConfigrationField.mobile.status ==1 %}<th>{{ 'admin.company.mobile.label'|trans }}</th>{% endif %#}
							{#% if branchConfigrationField.fax.status ==1 %}<th>{{ 'admin.company.fax.label'|trans }}</th>{% endif %#}
							{#% if branchConfigrationField.website.status ==1 %}<th>{{ 'admin.company.website.label'|trans }}</th>{% endif %#}
							<th>{{ 'admin.company.status.label'|trans }}</th>
							{% if branchAccessField.option.button_view_branch.option.button_edit_branch.status == 1 or branchAccessField.option.button_view_branch.option.button_deactivate_branch.status==1 or branchAccessField.option.button_view_branch.option.button_employee.status==1 %}<th>{{ 'admin.icon.action'|trans }}</th>{% endif %}
                        </tr>
                    </thead>
                    <tbody  id="js_search_list">
                    	{% block ajax_body %}
							{% if (record_set|length>0) %}
								{% set i = 1 %}
                       			{% for index in record_set %}
		                    	    <tr class="js-main" id="row-{{ index.id }}">
		                    	    	{% if branchConfigrationField.company_name.status ==1 %}
											<td>
												{% if index.companyName|length > 80 %}
												{% autoescape false %}  {{ index.companyName|trim|slice(0, 80) }} {% endautoescape %}...
												{% else %}
												{{ index.companyName|trim }}
												{% endif %}
											</td>
										{% endif %}
			                            {% if branchConfigrationField.company_number.status ==1 %}<td>{% if index.companyNumber != '' %}{{ index.companyNumber }}{% endif %}</td>{% endif %}
										{% if branchConfigrationField.company_asi_number.status ==1 %}<td>{% if index.companyAsiNumber != '' %}{{ index.companyAsiNumber }}{% endif %}</td>{% endif %}
										{% if branchConfigrationField.email.status ==1 %}<td>{% if index.email != '' %}{{ index.email }}{% endif %}</td>{% endif %}
										{% if branchConfigrationField.company_logo.status ==1 %}
											<td>
												{% if index.companyLogo is defined and index.companyLogo!='' and file_exists(location ~ index.companyLogo) %}
													<img alt="" height="50px" width="50px" src="{{('/company_logo/' ~ index.companyLogo) | apply_filter('thumb_edit_company_150x120')}}" />
												{% else %}
													<img alt="" height="50px" width="50px" src="{{ asset(ob_project_assets_base_url~'images/no-image-available.png') }}" />
												{% endif %}
											</td>
										{% endif %}
										{#% if branchConfigrationField.street1.status ==1 %}<td>{% if index.street1 != '' %}{{ index.street1 }}{% endif %}</td>{% endif %#}
										{#% if branchConfigrationField.street2.status ==1 %}<td>{% if index.street2 != '' %}{{ index.street2 }}{% endif %}</td>{% endif %#}
										{% if branchConfigrationField.country.status ==1 %}<td>{% if index.countryId is defined and index.countryId != '' and  index.countryId != 0 %}{{ index.countryId | country }}{% endif %}</td>{% endif %}
										{% if branchConfigrationField.state.status ==1 %}<td>{% if index.stateId is defined and index.stateId != '' and  index.stateId != 0  %}{{ index.stateId | state }}{% endif %}</td>{% endif %}
										{% if branchConfigrationField.city.status ==1 %}<td>{% if index.cityId is defined and index.cityId != '' and  index.cityId != 0  %}{{ index.cityId | city }}{% endif %}</td>{% endif %}
										{% if branchConfigrationField.zipcode.status ==1 %}<td>{% if index.zipcode != '' %}{{ index.zipcode }}{% endif %}</td>{% endif %}
										{#% if branchConfigrationField.extension.status ==1 %}<td>{% if index.extension != '' %}{{ index.extension }}{% endif %}</td>{% endif %#}
										{#% if branchConfigrationField.phone.status ==1 %}<td>{% if index.phone != '' %}{{ index.phone }}{% endif %}</td>{% endif %#}
										{#% if branchConfigrationField.mobile.status ==1 %}<td>{% if index.mobile != '' %}{{ index.mobile }}{% endif %}</td>{% endif %#}
										{#% if branchConfigrationField.fax.status ==1 %}<td>{% if index.fax != '' %}{{ index.fax }}{% endif %}</td>{% endif %#}
										{#% if branchConfigrationField.website.status ==1 %}<td>{% if index.website != '' %}{{ index.website }}{% endif %}</td>{% endif %#}
			                            <td class="status">
                        					{% if index.status is defined and index.status == 1 %}
                        						<label class="btn cursor-pointer active-btn js-status" data-url="{{ path('office_brain_companybundle_branch_updatestatus',{'companyId':index.id}) }}" data-id="{{ index.id }}">
                        							<i class="fa fa-check-circle-o"></i>{{ 'user.admin_user.status.active_label'|trans }}
                        						</label>
                        					{% else %}
                        						<label class="btn cursor-pointer inactive-btn js-status" data-url="{{ path('office_brain_companybundle_branch_updatestatus',{'companyId':index.id}) }}" data-id="{{ index.id }}">
                        							<i class="fa fa-check-circle-o"></i>{{ 'user.admin_user.status.inactive_label'|trans }}
                        						</label>
                        					{% endif %}
                        				</td>
										{% if branchAccessField.option.button_view_branch.option.button_edit_branch.status == 1 or branchAccessField.option.button_view_branch.option.button_deactivate_branch.status==1 or branchAccessField.option.button_view_branch.option.button_employee.status==1 %}
		                        			<td>
		                        				<a href="javascript:void(0)" data-toggel="tooltip" title="{{ 'admin.icon.view'|trans }}" data-placement="top" class="btn-xs sub-shop-btn js-view-popup" data-original-title="{{ 'admin.icon.view'|trans }}" data-url="{{path('office_brain_companybundle_company_viewcompanypopup',{'companyId':index.id})}}" data-target="#modal-table" ><i class="fa fa-eye"></i></a>
			                        			{% if branchAccessField.option.button_view_branch.option.button_edit_branch.status == 1 %}
			                                     	<a  href="{{path('office_brain_companybundle_company_editbranch',{'companyId':index.id})}}"  data-toggel="tooltip" title="{{ 'admin.icon.edit'|trans }}" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="{{ 'admin.icon.edit'|trans }}"><i class="fa fa-pencil-square-o"></i></a>
			                                    {% endif %}
			                                    <span class="js-company-action" {% if index.status is defined and index.status != 1 %} style="display:none" {% endif %}>
				                                    {#% if branchAccessField.option.button_view_branch.option.button_deactivate_branch.status == 1 %}
				                                    	<a data-toggel="tooltip" title="{{ 'admin.icon.delete'|trans }}" data-placement="top" class="btn-xs sub-shop-btn js_delete_btn" data-original-title="{{ 'admin.icon.delete'|trans }}" data-target="#banner_delete_popup" data-id="{{ index.id }}" data-id="{{ index.id }}" data-url="{{ path('office_brain_companybundle_company_deletebranch') }}"  data-toggle="modal"><i class="fa fa-trash-o"></i></a>		                                     	
				                                    {% endif %#}
			                                     	{% if branchAccessField.option.button_view_branch.option.button_employee.status == 1 %}
						    							<a data-toggel="tooltip" title="{{ 'admin.icon.employee'|trans }}" href="{{path('office_brain_companybundle_company_viewcompanyemployee',{'companyId':index.id})}}" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="{{ 'admin.icon.employee'|trans }}"><i class="fa fa-user"></i></a>
					    							{% endif %}
					    						</span>	
		                        			</td>
                        				{% endif %}
			                        </tr>
			                        {% set i = i+1 %}
			                	{% endfor %}
			                {% else %}
	                        	<tr>
                                   	<td align="center" colspan="19" >{{ 'admin.company.no_record.label'|trans }}</td>
                                </tr>
		                 	{% endif %}
			                 	<tr class="last-row">
			                       	<td colspan="19" class="banner-total-record">{{ office_brain_pagination_render('1', 'branch-page-container', record_set) }}</td>									
			                    </tr>			                
		            	{% endblock ajax_body %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>    
</form>    
{% endblock main_content %}