{% 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_userbundle_adminuser_viewadminuser') }}">{{ 'user.contact_book.user.label' | trans }}</a> / </li>
	<li>{{ 'user.contact_book.admin_view_contact_book.contact_book' | trans }}</li>
{% endblock breadcrumb %}
{% block main_page_title %}<h1><i class="fa fa-delicious"></i>{{ 'user.contact_book.admin_view_contact_book.contact_book' | trans }}</h1>{% endblock main_page_title %}
{% block main_content %}

<form name="contact-book-page-container" action="{{ path('office_brain_userbundle_admincontactbook_viewadmincontactbook',{'userId':userId}) }}" id="contact-book-page-container"  class="js-top-section-search-form"  method="GET" data-paging-mode='ajax' data-pagination-mode='1' data-scroll-id='contact-book-page-container' data-container-id='js_search_list'>
	{% if ob_project_user_access_rule.option.contact_book.option.button_view_contact_book.option.button_search_contact_book.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 ob_project_user_configuration_rule.contact_book.search.status == 1 %}
	                        <div class="form-group top-title-form select-col search-width">
	                            <select name="option" id="option" class="form-control js-search-field">
			                    	<option value="">{{ 'user.icon.search_in' | trans}}</option>
		                            {#% if ob_project_user_configuration_rule.contact_book.search.option.search_by_user.status==1%}
		                            	<option value="user">{{ 'user.contact_book.user.search_label' | trans}}</option>
		                            {% endif %#}
		                            {% if ob_project_user_configuration_rule.contact_book.search.option.search_by_name.status==1%}
		                            	<option value="name">{{ 'user.contact_book.name.search_label' | trans}}</option>
		                            {% endif %}
		                            {% if ob_project_user_configuration_rule.contact_book.search.option.search_by_email.status==1%}
		                            	<option value="email">{{ 'user.contact_book.email.search_label' | trans}}</option>
		                            {% endif %}
		                            {% if ob_project_user_configuration_rule.contact_book.search.option.search_by_country.status==1%}
		                            	<option value="countryId">{{ 'user.contact_book.countryId.search_label' | trans}}</option>
		                            {% endif %}
		                            {% if ob_project_user_configuration_rule.contact_book.search.option.search_by_state.status==1%}
		                            	<option value="stateId">{{ 'user.contact_book.stateId.search_label' | trans}}</option>
		                            {% endif %}
		                            {% if ob_project_user_configuration_rule.contact_book.search.option.search_by_city.status==1%}
		                            	<option value="cityId">{{ 'user.contact_book.cityId.search_label' | trans}}</option>
		                            {% endif %}
		                            {% if ob_project_user_configuration_rule.contact_book.search.option.search_by_adress_type.status==1%}
		                            	<option value="adressType">{{ 'user.contact_book.addressType.search_label' | trans}}</option>
		                            {% endif %}
		                            {% if ob_project_user_configuration_rule.contact_book.search.option.search_by_zipcode.status==1%}
		                            	<option value="zipcode">{{ 'user.contact_book.zipcode.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" class="form-control js-enter-key-search" id="keywords" 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_userbundle_admincontactbook_viewadmincontactbook',{'userId':userId}) }}" href="javascript:void(0)"><i class="fa fa-refresh"></i>{{ 'reset'|trans({},'app') }}</a>
	                        </div>
						{% endif %}		        	
	                </div>
	                {% if ob_project_user_access_rule.option.contact_book.option.button_add_contact_book.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_userbundle_admincontactbook_addadmincontactbook',{'userId':userId}) }}"  class="admin-custom-btn"><i class="fa fa-plus"></i>{{ 'user.add.contact_book_label'| trans }}</a>
		                    </div>
		                </div>
	                {% endif %}
	            </div>
	        </div>
	    </nav>
    {% endif %}
    <div class="dashboard-list-block">
        <div class="ui-table-block contact-book-block">
            <div class="table-block table-content-res-block">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                            	{% if ob_project_user_configuration_rule.contact_book.name.status == 1 %}<th>{{ 'user.contact_book.name.label' | trans }}</th>{% endif %}
                        		{% if ob_project_user_configuration_rule.contact_book.companyName.status == 1 %}<th>{{ 'user.contact_book.companyName.label' | trans }}</th>{% endif %}
                        		{% if ob_project_user_configuration_rule.contact_book.companyNumber.status == 1 %}<th>{{ 'user.contact_book.companyNumber.label' | trans }}</th>{% endif %}
                        		{% if ob_project_user_configuration_rule.contact_book.email.status == 1 %}<th>{{ 'user.contact_book.email.label' | trans }}</th>{% endif %}
                        		{% if ob_project_user_configuration_rule.contact_book.adress_type.status == 1 %}<th>{{ 'user.contact_book.addressType.label' | trans }}</th>{% endif %}
                        		{#% if ob_project_user_configuration_rule.contact_book.street1.status == 1 %}<th>{{ 'user.contact_book.street1.label' | trans }}</th>{% endif %#}
                        		{#% if ob_project_user_configuration_rule.contact_book.street2.status == 1 %}<th>{{ 'user.contact_book.street2.label' | trans }}</th>{% endif %#}
                        		{% if ob_project_user_configuration_rule.contact_book.country.status == 1 %}<th>{{ 'user.contact_book.countryId.label' | trans }}</th>{% endif %}
                        		{% if ob_project_user_configuration_rule.contact_book.state.status == 1 %}<th>{{ 'user.contact_book.stateId.label' | trans }}</th>{% endif %}
                        		{% if ob_project_user_configuration_rule.contact_book.city.status == 1 %}<th>{{ 'user.contact_book.cityId.label' | trans }}</th>{% endif %}
                        		{% if ob_project_user_configuration_rule.contact_book.zipcode.status == 1 %}<th>{{ 'user.contact_book.zipcode.label' | trans }}</th>{% endif %}
                        		{#% if ob_project_user_configuration_rule.contact_book.mobile.status == 1 %}<th>{{ 'user.contact_book.mobile.label' | trans }}</th>{% endif %#}
                        		{#% if ob_project_user_configuration_rule.contact_book.fax.status == 1 %}<th>{{ 'user.contact_book.fax.label' | trans }}</th>{% endif %#}
                        		{#% if ob_project_user_configuration_rule.contact_book.website.status == 1 %}<th>{{ 'user.contact_book.website.label' | trans }}</th>{% endif %#}
                        		{% if ob_project_user_configuration_rule.contact_book.is_default.status == 1 %}<th>{{ 'user.icon.is_default' | trans }}</th>{% endif %}
                        		{% if ob_project_user_access_rule.option.contact_book.option.button_view_contact_book.option.button_edit_contact_book.status == 1 or ob_project_user_access_rule.option.contact_book.option.button_view_contact_book.option.button_deactivate_contact_book.status==1 %}<th>{{ 'user.icon.action'|trans }}</th>{% endif %}
                            </tr>
                        </thead>
                        <tbody id="js_search_list">
							{% block ajax_body %}
							
							{% 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'] %}
							
								{% if (record_set|length>0) %}
									{% for index in record_set %}
			                            <tr id="row-{{ index.id }}">
			                                {% if ob_project_user_configuration_rule.contact_book.name.status == 1 %}<td>{% if index.name is defined and  index.name != '' %}{{ index.name }}{% endif %}</td>{% endif %}
	                        				{% if ob_project_user_configuration_rule.contact_book.companyName.status == 1 %}<td>{% if index.companyName is defined and  index.companyName != '' %}{{ index.companyName }}{% endif %}</td>{% endif %}
	                        				{% if ob_project_user_configuration_rule.contact_book.companyNumber.status == 1 %}<td>{% if index.companyNumber is defined and  index.companyNumber != '' %}{{ index.companyNumber }}{% endif %}</td>{% endif %}
		                        			{% if ob_project_user_configuration_rule.contact_book.email.status == 1 %}<td>{% if index.email is defined and index.email != '' %}{{ index.email }}{% endif %}</td>{% endif %}
		                        			{% if ob_project_user_configuration_rule.contact_book.adress_type.status == 1 %}<td>{% if index.adressType is defined and index.adressType != '' %}{{ index.adressType.name }}{% endif %}</td>{% endif %}
		                        			{#% if ob_project_user_configuration_rule.contact_book.street1.status == 1 %}<td>{% if index.street1 is defined and index.street1 != '' %}{{ index.street1 }}{% endif %}</td>{% endif %#}
		                        			{#% if ob_project_user_configuration_rule.contact_book.street2.status == 1 %}<td>{% if index.street2 is defined and index.street2 != '' %}{{ index.street2 }}{% endif %}</td>{% endif %#}
		                        			
		                        			{% if ob_project_user_configuration_rule.contact_book.country.status == 1 %}
		                        			<td>
		                        				{% if ob_country_textbox %}
		                        					{% if index.countryName is defined and index.countryName != '' %}
        		                        			    {{ index.countryName }}
        		                        			{% endif %}
                                                {% elseif ob_country_dropdown %}
                                                	{% if index.countryId is defined and index.countryId != '' %}
        		                        			    {{ index.countryId | country }}
        		                        			{% endif %}
                                                {% endif %}
		                        			</td>
		                        			{% endif %}
		                        			
		                        			{% if ob_project_user_configuration_rule.contact_book.state.status == 1 %}
		                        			<td>
		                        				{% if ob_state_textbox %}
                                                	{% if index.stateName is defined and index.stateName != '' %}
        		                        			    {{ index.stateName }}
        		                        			{% endif %}
                                                {% elseif ob_state_dropdown %}
                                                	{% if index.stateId is defined and index.stateId != '' %}
        		                        			    {{ index.stateId | state }}
        		                        			{% endif %}
                                                {% endif %}
		                        			</td>
		                        			{% endif %}
		                        			
		                        			{% if ob_project_user_configuration_rule.contact_book.city.status == 1 %}
		                        				{% if ob_city_dropdown %}
		                        					<td>{% if index.cityId is defined and index.cityId != '' %}{{ index.cityId | city }}{% endif %}</td>
		                        				{% endif %}
		                        				{% if ob_city_textbox %}
		                        					<td>{% if index.cityName is defined and index.cityName != '' %}{{ index.cityName }}{% endif %}</td>
		                        				{% endif %}
		                        			{% endif %}
		                        			{% if ob_project_user_configuration_rule.contact_book.zipcode.status == 1 %}<td>{% if index.zipcode is defined and index.zipcode != '' %}{{ index.zipcode }}{% endif %}</td>{% endif %}
		                        			{#% if ob_project_user_configuration_rule.contact_book.mobile.status == 1 %}<td>{% if index.mobile is defined and index.mobile != '' %}{{ index.mobile }}{% endif %}</td>{% endif %#}
		                        			{#% if ob_project_user_configuration_rule.contact_book.fax.status == 1 %}<td>{% if index.fax is defined and index.fax != '' %}{{ index.fax }}{% endif %}</td>{% endif %#}
		                        			{#% if ob_project_user_configuration_rule.contact_book.website.status == 1 %}<td>{% if index.website is defined and index.website != '' %}{{ index.website }}{% endif %}</td>{% endif %#}
			                                <td>
			                                    <div class="checkbox">
			                                    <label>
			                                        <input type="checkbox" name="isDefault" id="isDefault" class="ace is-default checked_{{ index.adressType.id }}" {% if index.isDefault is defined and index.isDefault == 1 %} checked="true" disabled="true" {% endif %} data-id="{{ index.id }}" data-url="{{ path('office_brain_userbundle_admincontactbook_isdefault') }}" />
			                                        <span class="lbl"></span>
			                                    </label>
			                                </div>
			                                </td>
			                                {% if ob_project_user_access_rule.option.contact_book.option.button_view_contact_book.option.button_edit_contact_book.status == 1 or ob_project_user_access_rule.option.contact_book.option.button_view_contact_book.option.button_deactivate_contact_book.status==1 %}
				                                <td>
				                                	<a href="javascript:void(0)" data-toggel="tooltip" title="{{ 'user.icon.view' | trans }}" data-placement="top" class="btn-xs sub-shop-btn js-view-popup" data-original-title="View" data-url="{{path('office_brain_userbundle_admincontactbook_viewcontactbookpopup',{'id':index.id})}}" data-target="#modal-table"><i class="fa fa-eye"></i></a>
													{% if ob_project_user_access_rule.option.contact_book.option.button_view_contact_book.option.button_edit_contact_book.status == 1 %}
				                                    	<a href="{{ path('office_brain_userbundle_admincontactbook_editadmincontactbook',{'contactBookId':index.id}) }}"  title="{{ 'user.icon.edit' | trans }}" data-placement="top" class="btn-xs sub-shop-btn" data-original-title="{{ 'user.icon.edit' | trans }}"><i class="fa fa-pencil-square-o"></i></a>
				                                    {% endif %}
													{% if ob_project_user_access_rule.option.contact_book.option.button_view_contact_book.option.button_deactivate_contact_book.status == 1 %}
				                                    	<a  data-target="#banner_delete_popup" data-original-title="{{ 'user.icon.delete' | trans }}" class="btn-xs sub-shop-btn js_delete_btn" data-id="{{ index.id }}" data-url="{{ path('office_brain_userbundle_admincontactbook_deleteadmincontactbook') }}" data-placement="top" title="{{ 'user.icon.delete' | trans }}"  href="javascript:void(0)"><i class="fa fa-trash-o"></i></a>
				                                    {% endif %}
				                                </td>
			                                {% endif %}
			                            </tr>
			                    	{% 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', 'contact-book-page-container', record_set) }}</td>									
			                    </tr>
							{% endblock ajax_body %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    </form>
{% endblock main_content %}