{% extends (app.request.isXmlHttpRequest) ? "::adminBaseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}
	{% if employee_type is defined and employee_type == 'companyEmployee' %}
		<li><a href="{{ path('office_brain_companybundle_company_viewcompany') }}">{{ 'admin.company.listcompany' | trans }}</a> / </li>
	{% elseif employee_type is defined and employee_type == 'branchEmployee' %}
		<li><a href="{{ path('office_brain_companybundle_company_viewbranch',{'companyId':parent_company_id }) }}">{{ 'admin.company.listbranch' | trans }}</a> / </li>
	{% endif %}	
	<li>{{ 'admin.employee.list' | trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-delicious"></i>{{ 'admin.employee.list' | trans }}</h1>{% endblock main_page_title %}
{% block main_content %}
<form name="employee-page-container" action="{{ path('office_brain_companybundle_company_viewcompanyemployee',{'companyId':companyId}) }}" id="employee-page-container" method="GET" data-paging-mode='ajax' data-pagination-mode='1' data-scroll-id='employee-page-container' data-container-id='js_search_list'>
	{% if employeeAccessField.option.button_view_employee.option.button_search_employee.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 employeeConfigrationField.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.icon.search_in'|trans }}</option>
		                            {% if employeeConfigrationField.search.option.search_by_firstname.status==1%}
		                            	<option value="firstName">{{ 'user.admin_user.first_name.search_label'| trans }}</option>
		                            {% endif %}
		                            {% if employeeConfigrationField.search.option.search_by_lastname.status==1%}
		                            	<option value="lastName">{{ 'user.admin_user.last_name.search_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" id="keywords" name="keywords" class="js-enter-key-search" 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_viewcompanyemployee',{'companyId':companyId}) }}" href="javascript:void(0)"><i class="fa fa-refresh"></i>{{ 'reset'|trans({},'app') }}</a>					            
	                        </div>
	                    {% endif %}		        	
	                </div>
	                {% if employeeAccessField.option.button_add_employee.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_addcompanyemployee',{'companyId':companyId}) }}"  class="admin-custom-btn" ><i class="fa fa-plus"></i>{{ 'admin.employee.add' | 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="active" data-url="{{ path('office_brain_companybundle_company_viewcompanyemployee',{'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="inactive" data-url="{{ path('office_brain_companybundle_company_viewcompanyemployee',{'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_viewcompanyemployee',{'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>
                        	<th>{{ 'admin.company.srno.label'|trans }}</th>
                   			{% if employeeConfigrationField.first_name.status == 1 %}<th>{{ 'user.admin_user.first_name.label'| trans }}</th>{% endif %}
                   			{% if employeeConfigrationField.last_name.status == 1 %}<th>{{ 'user.admin_user.last_name.label'| trans }}</th>{% endif %}
                   			{% if employeeConfigrationField.country.status == 1 %}<th>{{ 'user.admin_user.country.label'| trans }}</th>{% endif %}
                   			{% if employeeConfigrationField.state.status == 1 %}<th>{{ 'user.admin_user.state.label'| trans }}</th>{% endif %}
                   			{% if employeeConfigrationField.city.status == 1 %}<th>{{ 'user.admin_user.city.label'| trans }}</th>{% endif %}
                   			{% if employeeConfigrationField.mobile.status == 1 %}<th>{{ 'user.admin_user.mobile.label'| trans }}</th>{% endif %}
                   			<th>{{ 'user.admin_user.status.status'| trans }}</th>
                   			{% if employeeAccessField.option.button_view_employee.option.button_edit_employee.status == 1 or employeeAccessField.option.button_view_employee.option.button_deactivate_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 }}">
		                    	    	<td>{{ i }}</td>
										{% if employeeConfigrationField.first_name.status == 1 %}<td>{% if index.firstName is defined and  index.firstName != '' %}{{ index.firstName }}{% endif %}</td>{% endif %}
	                        			{% if employeeConfigrationField.last_name.status == 1 %}<td>{% if index.lastName is defined and  index.lastName != '' %}{{ index.lastName }}{% endif %}</td>{% endif %}
	                        			{% if employeeConfigrationField.country.status == 1 %}<td>{% if index.countryId is defined and index.countryId != '' %}{{ index.countryId | country }}{% endif %}</td>{% endif %}
	                        			{% if employeeConfigrationField.state.status == 1 %}<td>{% if index.stateId is defined and  index.stateId != '' %}{{ index.stateId | state }}{% endif %}</td>{% endif %}
	                        			{% if employeeConfigrationField.city.status == 1 %}<td>{% if index.cityId is defined and  index.cityId != '' %}{{ index.cityId | city }}{% endif %}</td>{% endif %}
	                        			{% if employeeConfigrationField.mobile.status == 1 %}<td>{% if index.mobile is defined and index.mobile != '' %}{{ index.mobile }}{% endif %}</td>{% endif %}
			                            <td class="status">
                        					{% if index.status is defined and index.status == 'active' %}
                        						<label class="btn cursor-pointer active-btn js-status" data-url="{{ path('office_brain_companybundle_company_updatecompanystatus',{'userId':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_company_updatecompanystatus',{'userId':index.id}) }}" data-id="{{ index.id }}">
                        							<i class="fa fa-ban"></i>{{ 'user.admin_user.status.inactive_label'|trans }}
                        						</label>
                        					{% endif %}
                        				</td>
										{% if employeeAccessField.option.button_view_employee.option.button_edit_employee.status == 1 or employeeAccessField.option.button_view_employee.option.button_deactivate_employee.status==1 %}
		                        			<td>
		                        				<a href="javascript:void(0)" data-hover="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_viewyemployeepopup',{'userId':index.id})}}" data-target="#modal-table" ><i class="fa fa-eye"></i></a>
		                        				{% if employeeAccessField.option.button_view_employee.option.button_edit_employee.status == 1 %}
			                                     	<a href="{{ path('office_brain_companybundle_company_editcompanyemployee',{'userId':index.id}) }}" data-hover="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 %}
			                                    {% if employeeAccessField.option.button_view_employee.option.button_deactivate_employee.status == 1 %}
			                                    	<a data-hover="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-id="{{ index.id }}" data-url="{{ path('office_brain_companybundle_companyemployee_deleteemployee') }}" data-toggle="modal"><i class="fa fa-trash-o"></i></a>
		                                     	{% endif %}
		                                     	{% if employeeAccessField.option.button_view_employee.option.button_access_employee.status == 1 %}
		                                        	<a href="{{ path('office_brain_accessmanagementbundle_accessmanagement_set_user_access',{'userid':index.id}) }}" data-toggel="tooltip" title="{{ 'user.icon.employeeaccess'|trans }}" data-placement="top" class="btn-xs sub-shop-btn"><i class="fa fa-list"></i></a>
												{% endif %}
		                        			</td>
                        				{% endif %}
			                        </tr>
			                        {% set i = i+1 %}
			                	{% endfor %}
			                {% else %}
	                        		<tr>
                                    	<td align="center" colspan="18" >{{ 'user.admin_user.no_record'|trans }}</td>
                                    </tr>
			                 	{% endif %}
			                 	<tr class="last-row">
			                       	<td colspan="18" class="banner-total-record">{{ office_brain_pagination_render('1', 'employee-page-container', record_set) }}</td>									
			                    </tr>			                
		            	{% endblock ajax_body %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</form>    
{% endblock main_content %}