{{ include( 'NivaControlBundle:Shared:header.html.twig', { 'section': 'admin', 'mode': 'admin' } ) }}

{{ include( 'NivaControlBundle:Shared:sidebar.html.twig', { 'section': 'admin', 'mode': 'admin', 'active': 'report' } ) }}

<!-- main content -->
<div class="col-sm-10">
    <div class="page-header">
        <h1>Report: Double Opt-In Conversions</h1>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <strong>Filters</strong>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form" action="{{ path('admin_report_doubleoptIn') }}"
                          method="post">
                        <div class="form-group">
                            <div class="col-lg-4">
                                <select class="form-control" name="clubId">
                                    {% for club in clubs %}
                                        <option value="{{ club.clubId }}"
                                                {% if params.clubId == club.clubId %}selected="selected"{% endif %}
                                                >{{ club.clubName }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-lg-4">
                                <div class="input-group date" id="form_datetime_from" data-date-format="yyyy-mm-dd">
                                    <input class="form-control" id="fromDate" name="fromDate" size="16" type="text"
                                            {% if params.fromDate %}
                                                value="{{ params.fromDate|date('Y-m-d') }}"
                                            {% else %}
                                                value=""
                                            {% endif %}
                                           placeholder="-- From --" readonly />
                                    <span class="input-group-addon"><span
                                                class="glyphicon glyphicon-remove"></span></span>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="input-group date" id="form_datetime_to" data-date-format="yyyy-mm-dd">
                                    <input class="form-control" id="toDate" name="toDate" size="16" type="text"
                                            {% if params.toDate %}
                                                value="{{ params.toDate|date('Y-m-d') }}"
                                            {% else %}
                                                value=""
                                            {% endif %}
                                           placeholder="-- To --" readonly />
                                    <span class="input-group-addon"><span
                                                class="glyphicon glyphicon-remove"></span></span>
                                    <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-lg-9">
                                <button type="submit" class="btn btn-default btn-block">Filter</button>
                            </div>
                            <div class="col-lg-3">
                                <input class="btn btn-default btn-block" type="reset" value="Reset">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <table id="maintable" class="table table-striped">
        <thead>
        <tr>
            <th>Club</th>
            <th>Total Clients</th>
            <th>Total Conversions</th>
            <th>% Conversion</th>
            <th>Avg Time Between OptIn and Activation</th>
        </tr>
        </thead>
        <tbody>

        {% for result in results %}
            <tr>
                <td>{{ result.name }}</td>
                <td>{{ result.totalClients }}</td>
                <td>{{ result.totalConversions }}</td>
                {% if result.totalClients != 0 %}
                <td>{{ (result.totalConversions*100) / result.totalClients }} %</td>
                {% else %}
                <td>0 %</td>
                {% endif %}
                <td>{{ result.average/100 }} minutes</td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

    {% if results[0] is not defined %}
        <p>Woah, no historic records found.</p>
    {% else %}
        <p class="text-center"><a id="exportlink" href="" class='btn btn-default btn-sn' download="report-dailystat-{{ "now"|date("m-d-Y") }}.csv">Export to spreadsheet</a></p>
    {% endif %}

</div>
<!-- /main content -->

{{ include( 'NivaControlBundle:Shared:footer.html.twig' ) }}