{% extends 'UserPortalBundle:layout:frontend.html.twig' %}
{% block pageTitle %} {{ 'Northgate | View Request'|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">{{ request['templateName'] | title }} - <span class="grayColor"> {{ request['size'] }} </span></h1>
                    {% include 'UserPortalBundle:includes:breadcrumbs.html.twig' with {'pageName':request['templateName']} %}
                </div>
                <div class="col-6 text-right ">
                    {{ request['createdDate']| date('M j, Y g:ia') }}
                </div>
            </div>
            <!-- Page Title and Breadcrumb row Ends -->

            <!-- Page White Box Begins -->
            <section class="white-container card-detail pb-0">

                <div class="row">
                    <div class="col-sm-6"><strong>{{ 'Store' | trans }}:</strong> 
                        {{ getCommaSeparatedName(request['storeName']) }}
                    </div>
                    <div class="col-sm-6"><strong>{{ 'Department' | trans }}:</strong> 
                        {{ getCommaSeparatedName(request['departmentName']) }}
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-sm-6"><strong>{{ 'Cutoff Day' | trans }}:</strong> 
                        {% if cutOffDay!='' %}
                            {{ cutOffDay }}
                        {% else %}
                            {{'N/A'|trans}}
                        {%endif%}
                    </div>
                    <div class="col-sm-6"><strong>{{ 'Printing Date' | trans }}:</strong> 
                        {% if request['expectedDate'] %}
                            {{ request['expectedDate'] | date('M j, Y') }}
                        {% else %}
                            {{'N/A'|trans}}
                        {%endif%}
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-sm-6"><strong>{{ 'Tag Type' | trans }}:</strong> {{ tagType }}</div>
                </div>
                <div class="row">
                    <div class="col-sm-6 mt-3">
                        <strong>{{ 'AISLE Information' | trans }}:</strong> {% if request['aisleInfo']!= '' %}{{request['aisleInfo']}}{%else%}{{'N/A'}}{%endif%}
                    </div>
                </div>
                {% if upcQtyArr | length > 0 %}    
                    <div class="mt-3">
                        <div class="row">
                            <div class="col-12">
                                <div class="table-responsive upc-qty-table">
                                    <table class="table  ">
                                        <thead>
                                            <tr>
                                                <th class="w-50">{{ 'UPC'|trans}}</th>
                                                <th class="w-50">{{ 'Qty'|trans}}</th>
                                            </tr>
                                        </thead>
                                        <tbody id="upc-section">
                                            {% for upc,qty in upcQtyArr %}
                                                <tr>
                                                    <td>{{upc}}</td>
                                                    <td>{{qty}}</td>
                                                </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endif %}
                <div class="card-box-outer">
                    <div class="card-box">
                        {% if tagHtml %}
                            <div class="box-dimensions square">
                                <div class="p-3">
                                    {{ tagHtml | raw }}
                                </div>
                            </div>
                        {% endif %}
                        {% if upcQtyArr | length == 0 %}
                            <div class="qty-box">
                                <div class="input-group number-spinner">
                                    {{ 'Qty'|trans}} &nbsp;
                                    <input readonly class="form-control text-center" value="{{qty}}">
                                </div>
                            </div>
                        {% endif %}
                    </div>
                </div>
                <div class="form-action">
                    <a href="{{app.request.headers.get('referer')}}" class="btn-black-border mr-2">{{ 'Cancel'|trans }}</a>
                </div>
            </section>
            <!-- Page White Box  Ends -->
        </div>
    </section>
    <!--Page Container Right Section Begins-->
{% endblock %}