{% extends 'UserPortalBundle:layout:frontend.html.twig' %}
{% block pageTitle %} {{ 'Northgate |'~' '~(status | title)~' '~ 'Requests'|trans}} {% endblock %}
{% block content %}
    <!-- Page Container Right Section Begins -->
    <section class="page-container">
        <div class="container-fluid">
            <!-- Page Title and Breadcrumb row Begins -->
            <div class="row breadcrumb-pagetitle">
                <div class="col-6">
                    <h1 class="page-title">{{ (status | capitalize ~ ' ' ~ 'Requests') | trans }}</h1>
                    {% include 'UserPortalBundle:includes:breadcrumbs.html.twig' with {'pageName':status ~ ' Requests'} %}
                </div>
                <div class="col-6 text-right">
                    <a class="btn-primary addNewRequest" href="javascript:void(0)">
                        <i class="fa fa-plus"></i>{{ 'Add New Request' | trans }}
                    </a>
                </div>
            </div>
            <!-- Page Title and Breadcrumb row Ends -->

            <!-- Page White Box Begins -->
            <section class="white-container">

                <div class="row search-row">
                    <div class="col-sm-4">
                        <div class="search-form">
                            <input name = "search" type="text" placeholder={{ 'Search'|trans }}>
                            <button id = "searchButton" type="submit">
                                <i class="fa fa-search"></i>
                            </button>

                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="search-form">
                            <div class="daterange" id="daterangepicker">
                                <input type="text" class="" name="daterange"/>
                                <i class="fa fa-calendar"></i>
                            </div>
                            <input value="{{totalPages}}" type="hidden" name="totalPages"/>
                        </div>
                    </div>
                    <div class="col-sm-4 text-right">
                        <ul class="view-switcher">
                            <li class="view-switcher-icon cardview" title="Card View">
                                <span class="fa fa-th-large"></span>
                            </li>
                            <li class="view-switcher-icon listview active" title="List View">
                                <span class="fa fa-th-list"></span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--List View -->
                <div class="list-view table-responsive">
                    <table  class="table-sorter table table-striped table-bordered">
                        {% include 'UserPortalBundle:includes:request-headers.html.twig' with {} %}
                        <tbody class="request-body">
                            {% include 'UserPortalBundle:Request:list.html.twig' with {'paginator':paginator} %}
                        </tbody>
                    </table>
                </div>
                <!--List View End-->

                <!-- Card View -->
                <div class="card-view">
                    <div class = "card-dynamic">
                        {% include 'UserPortalBundle:Request:card.html.twig' with {'paginator':paginator} %}
                    </div>
                </div>
                <!-- Card View End -->

                <!-- Pagination -->
                {% include 'UserPortalBundle:includes:pagination.html.twig' with {'totalPages':totalPages} %}
                <!-- Pagination End -->

            </section>
            <!-- Page White Box  Ends -->
        </div>
    </section>
    {% include 'UserPortalBundle:includes:add-request-widget.html.twig' with {'storeArr':storeArr,'deptArr':deptArr} %}
    <!-- Page Container Right Section Begins -->
{% endblock %}