{% if paginator | length > 0 %}
    <div class="row">
        {% for key,req in paginator %}
            <div class="col-lg-6 col-sm-6">
                <div class="card mb-3">
                    <div class="card-body">
                        <h4>
                            {% if req.status == 'draft' %} 
                                {% set pathName = 'editRequest' %}
                            {% else %}
                                {% set pathName = 'viewRequest' %}
                            {%endif%}
                            <a href="{{ path(pathName,{'id':req.reqId})}}">
                                {{ req.templateName | title }}
                            </a>
                        </h4>
                        <span>{{req.createdDate|date('M j,Y')}}</span>
                        <a href="{{ path(pathName,{'id':req.reqId})}}" class="draft">
                            {{ req.status | title | trans }}
                        </a>
                    </div>
                    <div class="card-image position-relative">
                        {{get_template_html(req.templateId)|raw}}
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <span>{{ 'Expected Delivery'|trans}}</span>
                            <p>
                                <strong>
                                    {{req.expectedDate|date('M j,Y')}}
                                </strong>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span>{{ 'Effective Delivery'|trans}}</span>
                            <p>
                                <strong>
                                    {{req.effectiveDate|date('M j,Y')}}
                                </strong>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span>{{ 'Department'|trans}}</span>
                            <p>
                                <strong>
                                    {{ getCommaSeparatedName(req.departmentName) }}
                                </strong>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span>{{ 'Store'|trans}}</span>
                            <p>
                                <strong>
                                    {{ getCommaSeparatedName(req.storeName) }}
                                </strong>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        {% endfor %}
    </div>
{% else %}
    <div class="col border p-2">{{ 'No records found.' | trans }}</div>
{% endif %}