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

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

<!-- main content -->
<div class="col-sm-10">
<div class="page-header">
    <h1>Report: Top Content</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('club_report_top_content', {'id': club.clubId}) }}"
                      method="post">
                    <div class="form-group">
                        <div class="col-lg-12">
                            <select class="form-control" name="action">
                                <option value="BUY"
                                        {% if params.action == 'BUY' %}selected="selected"{% endif %}
                                        >Action - BUY
                                </option>
                            </select>
                        </div>
                    </div>


                    <div class="form-group">
                        <div class="col-lg-4">
                            <div class="input-group date" id="form_datetime_from" data-date-format="yyyy-mm-dd hh:ii:ss">
                                <input class="form-control" id="fromDate" name="fromDate" size="16" type="text"
                                       value="{{ params.fromDate }}" 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>
                            <script type="text/javascript">
                                $("#form_datetime_from").datetimepicker({
                                    format: "yyyy-mm-dd hh:ii:ss",
                                    autoclose: true,
                                    todayBtn: true,
                                    minuteStep: 5,
                                    pickerPosition: "bottom-left"
                                });
                            </script>
                        </div>

                        <div class="col-lg-4">
                            <div class="input-group date" id="form_datetime_to" data-date-format="yyyy-mm-dd hh:ii:ss">
                                <input class="form-control" id="toDate" name="toDate" size="16" type="text"
                                       value="{{ params.toDate }}" 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>
                            <script type="text/javascript">
                                $("#form_datetime_to").datetimepicker({
                                    format: "yyyy-mm-dd hh:ii:ss",
                                    autoclose: true,
                                    todayBtn: true,
                                    minuteStep: 5,
                                    pickerPosition: "bottom-left"
                                });
                            </script>
                        </div>

                        <div class="col-lg-4">
                            <button type="submit" class="btn btn-default btn-block">Run Report</button>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{% if params.method == 'GET' %}
    <div class="alert alert-info" role="alert">Please specify some parameters before running the report,
        take into account that the broader the search, the longer it'll take to compute.</div>
{% else %}
    <table id="maintable" class="table table-striped">
        <thead>
        <tr>
            <th>Club</th>
            <th>Content</th>
            <th>Actions</th>
        </tr>
        </thead>
        <tbody>
        {# BY CAMPAIGN #}
        {% for content in results %}

            <tr>
                <td>{{ content.clubName }}</td>
                <td>{{ content.name }}</td>
                <td>{{ content.total|number_format }}</td>
            </tr>

        {% endfor %}

        </tbody>
    </table>

    {% if results[0] is not defined %}
        <p>Woah, actions.</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 %}
{% endif %}

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

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