{% extends '@App/base.html.twig' %}
{% block body %}

    {% include 'AppBundle:iService//Reporting:dateForm.html.twig' %}
    <div class="row">
        <table width="100%">
            <tr class="text-center">
                <td><h1>{{ sent }}</h1><p>REVIEWS SENT</p></td>
                <td><h1>{{ opened }}</h1><p>REVIEWS OPENED</p></td>
                <td><h1>{{ great }}</h1><p>REVIEWS GREAT</p></td>
                <td><h1>{{ average }}</h1><p>REVIEWS AVERAGE</p></td>
                <td><h1>{{ poor }}</h1><p>REVIEWS POOR</p></td>
                <td><h1>{{ facebook }}</h1><p>REVIEWS FACEBOOK</p></td>
                <td><h1>{{ google }}</h1><p>REVIEWS GOOGLE</p></td>
            </tr>
        </table>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <div class="widget">
                <div class="row">
                    <table id="dashboard_table" class="table table-hover table-striped table-bordered text-center dataTable"
                           role="grid" aria-describedby="datatable-example-2_info">
                        <thead>
                        <tr role="row">
                            <th width="10%" class="text-center sorting" tabindex="0" rowspan="1"
                                colspan="1" role="columnheader"
                                style="width: 107px;">
                                ADVISOR
                            </th>
                            <th width="10%" class="text-center sorting" tabindex="0" rowspan="1"
                                colspan="1" role="columnheader"
                                style="width: 107px;">
                                REPAIR ORDER
                            </th>
                            <th width="10%" class="text-center sorting" tabindex="0" rowspan="1"
                                colspan="1" role="columnheader" style="width: 107px;">
                                CUSTOMER
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 216px;">
                                DATE OF VISIT
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 216px;">
                                OPENED TEXT
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 181px;">
                                CHOICE
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 181px;">
                                PLATFORM
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 413px;">
                                MESSAGE
                            </th>
                        </tr>
                        </thead>
                        <tfoot class="hidden">
                        <tr>
                            <th width="10%" class="text-center" rowspan="1" colspan="1">ADVISOR</th>
                            <th width="10%" class="text-center" rowspan="1" colspan="1">REPAIR ORDER</th>
                            <th width="10%" class="text-center" rowspan="1" colspan="1">CUSTOMER</th>
                            <th class="text-center" rowspan="1" colspan="1">DATE OF VISIT</th>
                            <th class="text-center" rowspan="1" colspan="1">OPENED</th>
                            <th class="text-center" rowspan="1" colspan="1">CHOICE</th>
                            <th class="text-center" rowspan="1" colspan="1">PLATFORM</th>
                            <th class="text-center" rowspan="1" colspan="1">MESSAGE</th>
                        </tr>
                        </tfoot>
                        <tbody>
                        {% for review in reviews %}
                            <tr role="row">
                                <td class="nopad">{{ review.advisor }}</td>
                                <td class="nopad">{{ review.repair_order }}</td>
                                <td class="nopad">{{ review.customer }}</td>
                                <td class="nopad">{{ review.date_of_visit|date('M d, Y') }}</td>
                                <td class="nopad">{% if review.opened %}{{ review.opened|date('M d, Y h:i:A') }}{% endif %}</td>
                                <td class="nopad">{% if review.choice %}{{ review.choice }}{% endif %}</td>
                                <td class="nopad">{% if review.platform %}{{ review.platform }}{% endif %}</td>
                                <td class="nopad">{% if review.message %}{{ review.message }}{% endif %}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}