{% extends (app.request.isXmlHttpRequest) ? "::adminBaseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %} 
{% block breadcrumb %}
<li>{{ 'User Transaction' | trans }}</li>
{% endblock breadcrumb %} {% block main_page_title %}
<h1>
<i class="fa fa-question-circle"></i> 
{% block form_title %} {{ 'Contact List' | trans}} {% endblock form_title %}
<h1>
{% endblock main_page_title %} 
{% block main_content %}
<form name="order-page-container" action="{{ path('office_brain_page_admin_contactUsAdminList') }}" id="order-page-container" method="GET" data-paging-mode='ajax' data-pagination-mode='1' data-scroll-id='order-page-container' data-container-id='js_search_list'>
<div class="page-content">
    <nav class="navbar navbar-default top-dropdown">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                    <form method="get">
                        <div class="form-group top-title-form select-col search-width">
                            <select name="option" id="option" class="form-control js-search-field">
                                 <option value=''>{{ 'quote.select' |trans }}</option>
                                 <option value='companyName'>{{ 'Company Name' |trans }}</option>
                                 <option value='email'>{{ 'admin.quote_info.quote_email' |trans }}</option>
                                 <option value='phone'>{{ 'Contact No' |trans }}</option>
                                 <option value='fullName'>{{ 'admin.quote_info.quote_name' |trans }}</option>
                                 {#<option value='date'>{{ 'admin.quote_info.quote_date2' |trans }}</option>#}
                            </select>
                        </div>
                        <div class="top-title-form search-width js-searchtxt">
                            <div class="row">
                                <div class="col-lg-12 col-sm-12 col-md-12">                                     
                                    <input type="text" name="keywords" class="form-control js-search-field" id="keywords" />
                                    <i class="fa-search fa search-btn"></i>
                                </div>
                            </div>
                        </div>
                        {#<div class="hide js-date-range" >
                            <div class="form-group top-title-form">
                                <div class="input-append date input-group date-block" id="datetimepicker_from">
                                    <input id="start_date" type="text" placeholder="{{ 'admin.quote_info.start_date' | trans }}" class="form-control" data-format="{{ 'dateJsFormat'|dateJsFormat }}"> 
                                        <span class="add-on input-group-addon datepicker-color"> <i class="fa-calendar fa"></i>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group top-title-form">
                                <div class="input-append date input-group date-block" id="datetimepicker_to">
                                    <input id="end_date" type="text" placeholder="{{ 'admin.quote_info.end_date' | trans }}" class="form-control" data-format="{{ 'dateJsFormat'|dateJsFormat }}"> <span class="add-on input-group-addon datepicker-color"> <i class="fa-calendar fa"></i></span>
                                </div>
                            </div>
                        </div>#}
                        <div class="top-title-form ">
                             <div class="row">
                                <div class="col-lg-12 col-sm-12 col-md-12">
                                    <input type="submit" class="button-secondary js-order-search-btn" value="{{ 'user.search'|trans }}">
                                </div>
                            </div>
                        </div>
                        <div class="top-title-form pull-left">
                            <a class="admin-custom-btn js-reset-search-form" data-reset-url="{{ path('office_brain_page_admin_contactUsAdminList') }}" href="javascript:void(0)"><i class="fa fa-refresh"></i>{{ 'reset'|trans({},'app') }}</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </nav>
     <div class="dashboard-list-block my_received_order">
        <div class="table-block table-content-res-block">
            <div class="table-responsive">  
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>{{ 'Subject' |trans }}</th>
                            <th>{{ 'Name' }}</th>
                            <th>{{ 'Company Name' | trans }}</th>
                            <th>{{ 'Contact No' |trans }}</th>
                            <th>{{ 'Email' | trans }}</th>
                            <th>{{ 'Address' | trans }}</th>
                            <th>{{ 'Purchased' }} <br> {{'from IDME'}}</th>
                            <th>{{ 'Created At' | trans }}</th>
                            <th>{{ 'orderadmin.action' | trans }}</th>
                        </tr>
                    </thead>
                    <tbody  id="js_search_list">
                    {% block ajax_body %}
                    {% if data|length > 0 %}    
                        {% for index,info in data %}
                        <tr>
                            <td>{{ info.subject }}</td>
                            <td>{{ info.fullName~ ' '~info.lastName }}</td>
                            <td>{{ info.companyName}}</td>
                            <td>{{ info.phone }}</td>
                            <td>{{ info.email }}</td>
                            <td>
                            {% if(info.street1!="") %}
                                {{ info.street1 }} {% if(info.street2!="") %},<br/>{% endif %}
                            {% endif %}
                            {% if(info.street2!="") %}
                                {{ info.street2 }} {% if(info.cityName!="") %},<br/>{% endif %}
                            {% endif %}

                            {% if(info.cityName!="") %}
                                {{ info.cityName }} {% if(info.stateName!="") %},<br/>{% endif %}
                            {% endif %}

                            {% if(info.stateName!="") %}
                                {{ info.stateName }} {% if(info.countryName!="") %},<br/>{% endif %}
                            {% endif %}

                            {% if(info.countryName!="") %}
                                {{ info.countryName }} {% if(info.zipcode!="") %}, {{ info.zipcode }} {% endif %}
                            {% endif %}

                            </td>
                            <td>
                                
                                {% if info.distributorPurchasInfo =="1" %} 
                                    Yes
                                {% elseif info.distributorPurchasInfo =="2" %} 
                                    No
                                {% else %}
                                    No
                                {% endif %}
                            </td>
                            <td>{{ info.createdAt| dateFormat(ob_project_date_format)  }}</td>
                            <td>
                                 <a href="javascript:void(0)" title="{{ "admin.icon.view" | trans }}" data-hover="tooltip" data-placement="top" class="btn-xs sub-shop-btn js_view_contact"  data-original-title="{{ 'admin.request_info.view' | trans}}" data-url="{{path('office_brain_page_admin_contactadmindetail',{'contact_id':info.id})}}"  data-toggle="modal">
                                    <i class="fa fa-eye"></i>
                                </a>
                            </td>
                        </tr>
                        {% endfor %}
                        {% else %}
                        <tr>
                                <td align="center" colspan="9">{{ 'admin.quote_info.no_records'|trans }}</td>
                        </tr>
                        {% endif %}
                         <tr class="last-row">
                            <td colspan="8" class="banner-total-record">{{ office_brain_pagination_render('1', 'order-page-container', data) }}</td>
                            <td class="total-record-list">{{ "admin.request_info.total_record" | trans }}:({{ data.getTotalItemCount }})</td>
                        </tr>
                        {% endblock ajax_body %}                       
                    </tbody>
                </table>  
            </div>
        </div>
    </div>
</div>
</form> 
{% endblock main_content %}
{% block footer_js %}
    {{ parent() }}
    {% javascripts 
        '@OfficeBrainOrderBundle/Resources/public/js/admin-common.js'
         %}
        <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}

    <script>
        $(document).ready(function () {
            $('.js_view_contact').click(function (e) {
                e.preventDefault();
                var url= $(this).data('url');
                showPageAjaxLoading();
                $.ajax({
                    type : 'GET',
                    url : url,
                    cache : false,
                    success : function(response_data) 
                    {
                        hidePageAjaxLoading();
                        if (response_data!='') {
                            $('#modal-table').html(response_data);
                            $('#modal-table').addClass('model-popup-black');
                            //$('#modal-table').addClass('request-info-popup-modal');
                            $('#modal-table').modal('show');
                            //initQuantityCarousel();
                            //initColorCarousel();
                        }
                    }
                });
            });
        });
    </script>
{% endblock footer_js %}