{% extends (app.request.isXmlHttpRequest) ? "::baseAjax.html.twig" :'OfficeBrainCustomBundleThemeBundle:'~ app.request.get('project_setting').instance_theme ~':User/myAccountLayout.html.twig' %}
{% block bread_crumb_after_home %}
    <li><a href="{{ url('office_brain_userbundle_user_my_account_info') }}">{{ 'my_account'| trans({},"app") }}</a><i class="fa fa-angle-right fa-fw"> </i></li>
	<li>{{ 'user.contact_book.admin_view_contact_book.contact_book' | trans }}</li>
{% endblock bread_crumb_after_home %}
{# {% 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 page_main_content %}

<form name="contact-book-page-container" action="{{ path('office_brain_userbundle_mycontactbook_viewcontactbook',{'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'>
<div class="ob-main-address-block ob-my-quote-section">
                    
 		<div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <h1 class="main-title"><i class="fa fa-delicious"></i>{{ 'user.contact_book.admin_view_contact_book.contact_book' | trans }}</h1>
                </div>
                
	                {% if ob_project_user_access_rule.option.contact_book.option.button_add_contact_book.status == 1 %}
		                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
		                    <div class="top-title-form pull-right">
		                        <a href="{{ path('office_brain_userbundle_mycontactbook_addcontactbook',{'userId':userId}) }}"  class="btn-search pull-right ui-link">{{ 'user.add.contact_book_label'| trans }}</a>
		                    </div>
		                </div>
	                {% endif %}
            </div>
            
           
	{% if ob_project_user_access_rule.option.contact_book.option.button_view_contact_book.option.button_search_contact_book.status == 1 %}
	<div class="row">
	                <div class="col-lg-12">
	                	<div class="myquote-top-section">
	              		{% if ob_project_user_configuration_rule.contact_book.search.status == 1 %}
	                        <div class="form-group inp-parts ">
	                            <select name="option" id="option" class="form-control custom-select 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="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>#}
					            <button type="reset" data-reset-url="{{ path('office_brain_userbundle_mycontactbook_viewcontactbook',{'userId':userId}) }}" class="admin-custom-btn js-reset-search-form"><i class="fa fa-refresh"></i>{{ 'reset'|trans({},'app') }}</button>
{# 	                        </div>#}
						{% endif %}	
						</div>	        	
	                </div>
	</div>
    {% endif %}     
    <div class="row" >
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="my-track-detail-table table-responsive">
                    <table class="table table-striped tab-track-block js_search_list">
                        <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 %}
								{% 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 index.countryId is defined and index.countryId != '' %}{{ index.countryId | country }}{% endif %}</td>{% endif %}#}
{# 		                        			{% if ob_project_user_configuration_rule.contact_book.state.status == 1 %}<td>{% if index.stateId is defined and index.stateId != '' %}{{ index.stateId | state }}{% endif %}</td>{% endif %}#}
{# 		                        			{% if ob_project_user_configuration_rule.contact_book.city.status == 1 %}<td>{% if index.cityId is defined and index.cityId != '' %}{{ index.cityId | city }}{% endif %}</td>{% 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_mycontactbook_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_mycontactbook_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_mycontactbook_editcontactbook',{'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_mycontactbook_deletecontactbook') }}" 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 page_main_content %}
{% block footer_js %}
    {{ parent() }}
    {% javascripts '@OfficeBrainPageBundle/Resources/public/js/pagination/number-pagination-ajax-based.js'
    			   '@OfficeBrainUserBundle/Resources/public/js/common.js'
    			   output='js/SupplierTheme/project_libraries_contactbook.js'    				
	%}
    <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
{% endblock footer_js %}