{{ 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: Click Statistics</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_click_stats') }}"
                      method="post">
                    <div class="form-group">
                        <div class="col-lg-4">
                            <select class="form-control" name="clubId">
                                <option value="0" selected="selected"
                                        {% if params.clubId == 0 %}selected="selected"{% endif %}
                                        >-- By Club --
                                </option>
                                {% 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">
                            <select class="form-control" name="providerId">
                                <option value="0"
                                        {% if params.providerId == 0 %}selected="selected"{% endif %}
                                        >-- By AdProvider --
                                </option>
                                {% for provider in providers %}
                                    <option value="{{ provider.providerId }}"
                                            {% if params.providerId == provider.providerId %}selected="selected"{% endif %}
                                            >{{ provider.providerName }}</option>
                                {% endfor %}
                            </select>
                        </div>

                        <div class="col-lg-4">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="groupProviders" id="groupProviders" value="1"
                                           {% if params.groupProviders == 1 %}checked{% endif %}
                                            > Group Providers
                                </label>
                            </div>
                        </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>


{# FAVORITES
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <strong>Favorites</strong>
            </div>
            <div class="panel-body">

                <div class="form-group">
                    <form class="form-horizontal" role="form" action="{{ path('admin_report_campaign_stats') }}"
                          method="post">
                        <div class="col-lg-3">
                            <button type="submit" class="btn btn-default btn-block">Today</button>
                            <input type="hidden" name="clubId" value="0"/>
                            <input type="hidden" name="providerId" value="0"/>
                            <input type="hidden" name="campaignId" value="0"/>
                            <input type="hidden" name="groupProviders" value="0"/>
                            <input type="hidden" name="toDate" value="{{ favorites.today.toDate }}"/>
                            <input type="hidden" name="fromDate" value="{{ favorites.today.fromDate }}"/>
                        </div>
                    </form>

                    <form class="form-horizontal" role="form" action="{{ path('admin_report_campaign_stats') }}"
                          method="post">
                        <div class="col-lg-3">
                            <button type="submit" class="btn btn-default btn-block">This day last week</button>
                            <input type="hidden" name="clubId" value="0"/>
                            <input type="hidden" name="providerId" value="0"/>
                            <input type="hidden" name="campaignId" value="0"/>
                            <input type="hidden" name="groupProviders" value="0"/>
                            <input type="hidden" name="toDate" value="{{ favorites.lastWeek.toDate }}"/>
                            <input type="hidden" name="fromDate" value="{{ favorites.lastWeek.fromDate }}"/>
                        </div>
                    </form>

                    <form class="form-horizontal" role="form" action="{{ path('admin_report_campaign_stats') }}"
                          method="post">
                        <div class="col-lg-3">
                            <button type="submit" class="btn btn-default btn-block">This Week</button>
                            <input type="hidden" name="clubId" value="0"/>
                            <input type="hidden" name="providerId" value="0"/>
                            <input type="hidden" name="campaignId" value="0"/>
                            <input type="hidden" name="groupProviders" value="0"/>
                            <input type="hidden" name="toDate" value="{{ favorites.thisWeek.toDate }}"/>
                            <input type="hidden" name="fromDate" value="{{ favorites.thisWeek.fromDate }}"/>
                        </div>
                    </form>

                    <form class="form-horizontal" role="form" action="{{ path('admin_report_campaign_stats') }}"
                          method="post">
                        <div class="col-lg-3">
                            <button type="submit" class="btn btn-default btn-block">This Month</button>
                            <input type="hidden" name="clubId" value="0"/>
                            <input type="hidden" name="providerId" value="0"/>
                            <input type="hidden" name="campaignId" value="0"/>
                            <input type="hidden" name="groupProviders" value="0"/>
                            <input type="hidden" name="toDate" value="{{ favorites.thisMonth.toDate }}"/>
                            <input type="hidden" name="fromDate" value="{{ favorites.thisMonth.fromDate }}"/>
                        </div>
                    </form>
                </div>
            </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>Provider</th>
            <th>Campaign</th>
            <th>Clicks</th>
            <th>Mobile</th>
            <th>On Target</th>
            <th>New Mobile</th>
            <th>New On Target</th>
        </tr>
        </thead>
        <tbody>
        {# BY CAMPAIGN #}
        {% for campaign in results %}

            <tr>
                <td>{{ campaign.club }}</td>
                <td>{{ campaign.provider }}</td>
                {% if params.groupProviders == 1 %}
                    <td>All</td>
                {% else %}
                    <td>{{ campaign.campaign }}</td>
                {% endif %}
                <td>{{ campaign.total|number_format }}</td>
                <td>{{ campaign.mobile|number_format }}
                    {% if campaign.total > 0 %}
                    ({{ (campaign.mobile*100/campaign.total)|number_format(2, '.', ',') }}%)
                    {% else %}(--){% endif %}</td>
                <td>{{ campaign.target|number_format }}
                    {% if campaign.total > 0 %}
                        ({{ (campaign.target*100/campaign.total)|number_format(2, '.', ',') }}%)
                    {% else %}(--){% endif %}</td>
                <td>{{ campaign.new|number_format }}
                    {% if campaign.total > 0 %}
                        ({{ (campaign.new*100/campaign.total)|number_format(2, '.', ',') }}%)
                    {% else %}(--){% endif %}</td>
                <td>{{ campaign.newTarget|number_format }}
                    {% if campaign.total > 0 %}
                        ({{ (campaign.newTarget*100/campaign.total)|number_format(2, '.', ',') }}%)
                    {% else %}(--){% endif %}</td>
            </tr>

        {% endfor %}

        </tbody>
    </table>

    {% if results[0] is not defined %}
        <p>Woah, no clicks found.</p>
    {% endif %}
{% endif %}

<p class="text-center"><a id="exportlink" href="" class='btn btn-default btn-sn'
                          download="report-campaign-stats-{{ "now"|date("m-d-Y") }}.csv">Export to a spreadsheet</a></p>

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

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