{% extends '@App/base.html.twig' %}
{% block title %}
    Reporting
{% endblock %}
{% block body %}
    <div class="row">
        <div class="col-xs-12">
            <div class="widget">
                <div class="row">
                    <div class="col-xs-12">
                        <table id="table_reporting" class="table table-hover table-striped table-bordered text-center">
                            <thead>
                            <tr>
                                <th>Vin</th>
                                <th>RO #1</th>
                                <th>RO #2</th>
                                <th>Customer</th>
                                <th>Customer 2</th>
                                <th>Phone</th>
                                <th>Phone 2</th>
                                <th>Date</th>
                                <th>Date 2</th>
                                <th>Click</th>
                                <th>Difference</th>
                            </tr>
                            </thead>
                            </tfoot>
                            <tbody id="">
                                {% for data in conversions %}
                                <tr>
                                    <td>{{ data.vin }}</td>
                                    <td>{{ data.initialRepairOrder }}</td>
                                    <td>{{ data.nextRepairOrder }}</td>
                                    <td>{{ data.initialCustomer }}</td>
                                    <td>{{ data.nextCustomer }}</td>
                                    <td>{{ data.initialCustomerPhone }}</td>
                                    <td>{{ data.nextCustomerPhone }}</td>
                                    <td>{{ data.initialRepairOrderOpenDate|date('Y-m-d') }}</td>
                                    <td>{{ data.nextRepairOrderOpenDate|date('Y-m-d') }}</td>
                                    <td>{{ data.appraiseMyCarClickTimestamp|date('Y-m-d') }}</td>
                                    <td>{{ data.visitDifference }}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}