{% extends (app.request.isXmlHttpRequest) ? "::baseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~':'~app.request.get('project_setting').instance_theme~":User/myAccountFullPageLayout.html.twig" %}

{% block page_main_content %}
<form name="quote-page-container" action="{{ path('office_brain_quotebundle_quote_quotelist') }}" id="quote-page-container" method="GET" data-paging-mode='ajax' data-pagination-mode='1' data-scroll-id='quote-page-container' data-container-id='js_search_list'>    
        <div class="ob-my-quote-section">
            <div class="row quote-button">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <a class="btn-search ui-link js_create_new_to_quote" href="javascript:void(0);">{{ 'admin.quote_info.create_new_quote' |trans }}</a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                	<a href="{{ url('office_brain_userbundle_user_my_account_info') }}" class="pull-right ui-link"><i aria-hidden="true" class="fa fa-angle-left"></i> {{ "my_account_order.back_to_my_account"|trans({},'goldstar') }}</a>
                </div>
            </div>
            <h1 class="main-title"><i class="fa quote-icon"></i>{{  'quote.page_title' |trans }}</h1>
            <div class="myquote-top-section">
                <div class="form-group top-title-form">
                    <label for="">{{ 'my_account_order.filter_by_date'|trans({}, 'goldstar') }}</label>
                    <div class="input-append date input-group date-block datetimepicker" id="datetimepicker11">
                        {% block search_start_date_block %}{% endblock search_start_date_block %}
                        <span class="add-on input-group-addon datepicker-color">
                            <i class="fa fa-calendar"></i>
                        </span>
                    </div>
                    <div class="input-append date input-group date-block datetimepicker" id="datetimepicker12">
                        {% block search_end_date_block %}{% endblock search_end_date_block %}
                        <span class="add-on input-group-addon datepicker-color">
                            <i class="fa fa-calendar"></i>
                        </span>
                    </div>
                </div>
                <div class="form-group top-title-form select-col search-width2 js-search-field">
                	<label for="">{{ 'my_account_order.search_by'|trans({}, 'goldstar') }}</label>
                    {% block search_select_params_block %}{% endblock search_select_params_block %}
                </div>
                <div class="search-width">
					{% block search_keywords_block %}{% endblock search_keywords_block %}
{# 					<button class="js-quote-search-btn"><i class="fa fa-search"></i></button>#}
                </div>
                <button value="Submit" class="btn btn-default filter-btn js-quote-search-btn" type="button">Submit</button>
                <button value="Reset" class="btn btn-default filter-btn js-quote-reset-btn" type="button">Reset</button>
                <!-- <input type="submit" class="button-secondary js-quote-search-btn" value="Submit"> -->
                <div class="clearfix"></div>
            </div>
            <div class="product-description">
                <div class="tabbable">
                    <ul id ="myTab" class="nav nav-tabs js-my-tab" role="tablist">
                    	<li class="js-quote-status-tab" data-toggle="tab" data-status="">
                    		<a href="javascript:void(0)">{{ 'my_account_my_quote.all_quotes'|trans({}, 'goldstar') }} <span>({{ tab_count.draft + tab_count.sent + tab_count.approved + tab_count.rejected + tab_count.change }})</span></a>
                    	</li>
                        {% if ob_project_transaction_configuration_rule.quote.list.option.tab_draft.status==1  %}
                            <li class="js-quote-status-tab active" data-toggle="tab"  data-status="draft">
                                <a href="javascript:void(0)">{{'admin.quote_info.draft_tab' | trans }} <span>({{ tab_count.draft }})</span></a>
                            </li>
                        {% endif %}
                        {% if ob_project_transaction_configuration_rule.quote.list.option.tab_sent.status==1  %}
                            <li class="js-quote-status-tab" data-toggle="tab"  data-status="sent">
                                <a href="javascript:void(0)">{{'admin.quote_info.sent_tab' | trans }} <span>({{ tab_count.sent }})</span></a>
                            </li>
                        {% endif %}
                        {% if ob_project_transaction_configuration_rule.quote.list.option.tab_approved.status==1  %}
                            <li class="js-quote-status-tab" data-toggle="tab"  data-status="approved">
                                <a href="javascript:void(0)">{{'admin.quote_info.approved_tab' | trans }} <span>({{ tab_count.approved }})</span></a>
                            </li>
                        {% endif %}
                        {% if ob_project_transaction_configuration_rule.quote.list.option.tab_rejected.status==1  %}
                            <li class="js-quote-status-tab" data-toggle="tab"  data-status="rejected">
                                <a href="javascript:void(0)">{{'admin.quote_info.rejected_tab' | trans }} <span>({{ tab_count.rejected }})</span></a>
                            </li>
                        {% endif %}
                        {% if ob_project_transaction_configuration_rule.quote.list.option.tab_change.status==1  %}
                            <li class="js-quote-status-tab"  data-toggle="tab"   data-status="change">
                                <a href="javascript:void(0)">{{'admin.quote_info.change_request_tab' | trans }}<span>({{ tab_count.change }})</span></a>
                            </li>
                        {% endif %}
                        {#}{% if ob_project_transaction_configuration_rule.quote.list.option.tab_history.status==1  %}
                            <li class="js-quote-status-tab"  data-toggle="tab" data-status="history">
                                <a href="javascript:void(0)">{{'admin.quote_info.history_tab' | trans }}</a>
                            </li>
                        {% endif %}{#}
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div id="draft" class="tab-pane fade active in">
                            <div class="table-block" id="js_search_list">
                                {% block ajax_body %}
                                    <div class="my-quote-detail-table table-responsive">
                                        {% set selectedTab = (tab_status is defined and tab_status != '') ? 'tab_'~tab_status : ''  %}
                                        <table class="table table-striped ">
                                            <thead>
                                                <tr class="myquotec">
                                                    <th>{{ 'admin.quote_info.id' | trans }} <i class="fa fa-sort pull-right js-quote-sorting-btn" data-sort-field="id" data-sort-type="DESC"></i></th>
{#                                                  {% if ob_project_transaction_configuration_rule.quote.list.option[selectedTab].option[tab_status~'_customer'].status ==1 %}#}
                                                    <th>{{ 'admin.quote_info.customer' | trans }} <i class="fa fa-sort pull-right js-quote-sorting-btn" data-sort-field="userId" data-sort-type="DESC"></i></th>
{#                                                  {% endif %}#}
                                                    <th>{{ 'admin.quote_info.title' | trans }} <i class="fa fa-sort pull-right js-quote-sorting-btn" data-sort-field="quoteTitle" data-sort-type="DESC"></i></th>
                                                    <th>{{ 'admin.quote_info.value' | trans }} <i class="fa fa-sort pull-right js-quote-sorting-btn" data-sort-field="grandTotal" data-sort-type="DESC"></i></th>
                                                    <th>{{ 'admin.quote_info.quote_date' | trans }} <i class="fa fa-sort pull-right js-quote-sorting-btn" data-sort-field="createdAt" data-sort-type="DESC"></i></th>
                                                    <th>{{ 'admin.quote_info.action' | trans }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {% if data|length > 0 %}
                                                    {% block quote_listing_block %}{% endblock quote_listing_block %}
                                                    <tr class="last-row">
														<td class="banner-total-record" colspan="8">{{ office_brain_pagination_render('1', 'quote-page-container', data) }}</td>
														{# <td class="total-record-list">{{ "admin.request_info.total_record" | trans }}:({{ data|length }})</td> #}
													</tr>
                                                {% else %}
                                                    <tr>
                                                        <td align="center" colspan="8">{{ 'admin.quote_info.no_records'|trans }}</td>
                                                    </tr>
                                                {% endif %}
                                            </tbody>
                                        </table>
                                    </div>
                                {% endblock ajax_body %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>    
</form>
{% endblock page_main_content %}

{% block footer_js %}
    {{ parent() }}   
    
{% javascripts
	'@OfficeBrainPageBundle/Resources/public/js/bundle/owl_carousel_slider.js'
	'@OfficeBrainPageBundle/Resources/public/js/bundle/accordian.js'
	'@OfficeBrainPageBundle/Resources/public/js/bundle/track_your_order.js'
	'@OfficeBrainOrderBundle/Resources/public/js/common.js'
	'@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/javascript/quote_script.js'
%}
<script src="{{ asset_url }}" type='text/javascript'></script>
{% endjavascripts %}    
     
{% endblock footer_js %}