{% extends '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><strong>{{ 'user.contact_book.view_contact_book.address_book'| trans }}</strong></li>
{% endblock bread_crumb_after_home %}

{% block page_main_content %}
<div class="ob-main-address-block">
	<div class="row">
		<div class="col-lg-12 col-xs-12">
			<h1 class="main-title register">
				<i class="heading-icon add-book-icon"></i>Address Book
			</h1>
		</div>

		<!--
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="pull-right">
                                    <a class="btn-search pull-right ui-link" href="add_new_address.php">add new address</a>
                                </div>
                            </div>
-->
	</div>
	<div class="search-address-section payment-option-detail">
		<form name="address-book-page-container"
			action="{{ path('office_brain_userbundle_contactbook_viewcontactbook') }}"
			id="address-book-page-container" method="POST" data-paging-mode='ajax'
			data-pagination-mode='1' data-scroll-id='address-book-page-container'
			data-container-id='js_search_list'>
			<div class="row">
				<div class="col-lg-6 col-md-6 col-sm-12">
					<div class="form-group inp-parts cstm">
						<label>Search By</label> 
						<select class="custom-select" name="option">
							<option value="name" {% if option == 'name' %} selected {% endif %} >Name</option>
							<option value="stateId" {% if option == 'stateId' %} selected {% endif %} >State</option>
							<option value="cityId" {% if option == 'cityId' %} selected {% endif %} >City</option>
						</select>
					</div>
				</div>
				<div class="col-lg-6 col-md-6 col-sm-12">
					<div class="search-mail-block">
						<div class="search-col">
							<input type="text" name="keywords" id="keywords" value="{{ keywords }}" placeholder="Search Address Book">
							<input type="submit" value="">
						</div>
					</div>
				</div>
			</div>
			<ul class="alphabets-sorting js_alphabets">
				<li>A</li>
				<li>B</li>
				<li>C</li>
				<li>D</li>
				<li>E</li>
				<li>F</li>
				<li>G</li>
				<li>H</li>
				<li>I</li>
				<li>J</li>
				<li>K</li>
				<li>L</li>
				<li>M</li>
				<li>N</li>
				<li>0</li>
				<li>P</li>
				<li>Q</li>
				<li>R</li>
				<li>S</li>
				<li>T</li>
				<li>U</li>
				<li>V</li>
				<li>W</li>
				<li>X</li>
				<li>Y</li>
				<li>Z</li>
			</ul>
			<div class="row action-row">
				{% if addressBookAccessField.option.button_add_address_book.status == 1 %}
				<div class="col-md-6 col-sm-12 col-xs-12">
					<a class="btn-search pull-left ui-link continue-btn js_open_add_new_address" data-url="{{ path('office_brain_userbundle_contactbook_addcontactbookpost') }}" data-toggle="modal" data-target="#add-new-address" data-placement="top" data-toggle="tooltip" href="javascript:void(0)">{{ 'user.contact_book.view_contact_book.add_new_address'| trans }}</a>
				</div>
				{% endif %}
				{#}<div class="col-md-6 col-sm-12 col-xs-12">
					<div class="sort-product">
						<div class="sort">
							Actions :
							<div class="sort-style">
								<select>
									<option>Set As Default Billing Info</option>
									<option>Set As Default Shipping Info</option>
									<option>Edit Address</option>
									<option>Delete Address</option>
								</select>
							</div>
						</div>
						<input type="submit" value="GO">

						<div class="clearfix"></div>
					</div>
				</div>{#}
			</div>
		</form>
	</div>



	{#}<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-edit"></i>{{
	'user.contact_book.view_contact_book.address_book'| trans }}</h1>
	</div> {% if
	addressBookAccessField.option.button_add_address_book.status == 1 %}
	<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> <div
	class="pull-right"> {# {% if
	addressBookAccessField.option.button_add_address_book.status == 1 %}#}
	{#}<a class="btn-search pull-right ui-link" href="{{
	path('office_brain_userbundle_contactbook_addcontactbookpost') }}">{{
	'user.contact_book.view_contact_book.add_new_address'| trans }}</a>{#}
	{# {% endif %}#} {#} </div> </div> {% endif %} </div>{#}

	<div class="row" id="js_search_list">
		{% if (record_set|length>0) %}
		{% block viewcontactbooks_block %}
		{% endblock viewcontactbooks_block %}
		{% else %}
		{% block viewemptycontactbooks_block %}
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<h1 class="main-title">
				{{ 'user.contact_book.view_contact_book.no_record' | trans }}
			</h1>
		</div>
		{% endblock viewemptycontactbooks_block %}
		{% endif %}
	</div>
</div>

{% endblock page_main_content %}