{% extends (app.request.isXmlHttpRequest) ? "::adminBaseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %} 
	<li>
		 {{ "admin.request_info.breadcrumb" | trans}}
	</li>
{% endblock breadcrumb %}
{% block main_page_title %}
	<h1><i class="fa fa-question-circle"></i>
	{% block form_title %}
		{{ "admin.request_info.list_heading" | trans}}
	{% endblock form_title %}
	<h1>
{% endblock main_page_title %}

{% block main_content %}
<form name="request-page-container" action="{{ path('office_brain_requestinfobundle_requestinfoadmin_myinquirylist') }}" id="request-page-container" method="GET" data-paging-mode='ajax' data-pagination-mode='1' data-scroll-id='request-page-container' data-container-id='js_search_list'>
	<div class="dashboard-list-block">
		<div class="tab-block">
			<ul id="myTabInQuiry" class="nav nav-tabs">
			{% set active_class="active" %}
				{% if ob_project_transaction_access_rule.option.request_info.status == 1 %}
				<li class="{{ active_class }} js-myinquiry-list" data-url="{{ path('office_brain_requestinfobundle_requestinfoadmin_myinquirylist') }}" data-toggle="tab" data-status="info">
					<a href="javascript:void(0);">{{ "admin.request_info.tab_one" | trans ({},'goldstar')}}</a>
				</li>
				{% set active_class="" %}
				{% endif %}
				
				{% if ob_project_transaction_access_rule.option.request_quote.status == 1 %}
	            <li class="{{ active_class }} js-myinquiry-list" data-url="{{ path('office_brain_requestinfobundle_requestinfoadmin_listaskquestion') }}" data-toggle="tab" data-status="quote">
	            	<a href="javascript:void(0);">Ask Question</a>
	            </li>
	            {% endif %}
			</ul>
			<div id="myTabContent" class="tab-content">
				<div class="tab-pane fade in active" id="tab">
					<div class="table-block">		
						<table class="table table-bordered">
    						<thead>
    							<tr>
    								<th>S.No</th>
    								<th>First Name</th>
    								<th>Last Name</th>
    								<th>{{ "admin.request_info.email" | trans}}</th>
    								<th>{{ "admin.request_info.contact_no" | trans}}</th>
    								<th>Company</th>
    								<th>Color</th>
    								<th>Product Sku</th>
    								<th>Product Size</th>
    								<th>Created Date</th>
    							</tr>
    						</thead>
    						<tbody id="js_search_list">
        						<tr>
    								<td colspan="5" align="center"><i class="fa fa-circle-o-notch fa-spin"></i>{{ "please_wait" | trans({},'goldstar') }}...</td>
    							</tr>
    					{% block ajax_body %}
     							{% if data|length > 0 %}
					{% for info in data %}
					   {% set count=1 %}
						<tr>
							<td>{{ loop.index }}</td>
							<td>{{ info.firstName }}</td>
							<td>{{ info.lastName }}</td>
							<td>{{ info.email }}</td>
							<td>{{ info.phone }}</td>
							<td>{{ info.companyName }}</td>
							<td>{{ info.color }}</td>
							<td>{{ info.productSku }}</td>
							<td>{{ info.size }}</td>
							<td>{{ info.createdAt|dateFormat }}</td>		                                       
						</tr>
						{% set count=count+1 %}
					{% endfor %}
					{% else %}
					<tr><td colspan="5">{{ "request_info.no_record"|trans }}</td></tr>
				   {% endif %}
    							{% endblock ajax_body %}
    						</tbody>
						</table>
					</div>
	           </div>
	        </div>
		</div>
	</div>
</form>	

{% endblock main_content %}

{% block page_footer_js %}
<script type="text/javascript">
$(document).ready(function(){
 		$(".js-myinquiry-list.active").click();
});
</script>
{% endblock page_footer_js %}