{% extends "generic-base.html" %}

{% block title %}{{ program_name }} - Settings{% endblock %}


{% block content %}

    <main role="main" class="content">
	<div class="container">
        <div class="form-group">
        <div class="card generic-card-card">
            <div class="card-header generic-card-header">
                <h4>{{ program_name }} Tracking</h4>
            </div>
            <div class="card-body">


                <form method="post" action="">
                {% csrf_token %}
                    <div class="form-group">
                        {{ stats_period_form }}
                    </div>

                    <div class="form-group">
                        <button class="btn btn-primary" name="submit" value="submit">Submit</button>
                    </div>

                </form>


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


        <div class="form-group">
            <div class="card generic-card-card">
                <div class="card-header generic-card-header">
                    <h4>Visitors</h4>
                </div>
                {% if visitor_stats.total %}
                <div class="table-responsive">
                <table class="table table-bordered table-container mb-0">
                    <thead>
                        <tr>
                            <th>Unique</th>
                            <th>% Returning Visitor</th>
                            <th>Avg. Time on Site</th>
                            {% if pageview_stats %}
                                <th>Avg. Pages/Visit</th>
                            {% endif %}
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>{{ visitor_stats.registered.unique }}</td>
                            <td>{{ visitor_stats.registered.return_ratio|floatformat }}%</td>
                            <td>{{ visitor_stats.registered.time_on_site|default_if_none:"n/a" }}</td>
                            {% if pageview_stats %}
                                <td>{{ visitor_stats.registered.pages_per_visit|floatformat|default:"n/a" }}</td>
                            {% endif %}
                        </tr>

                        {% if visitor_stats.guests %}
                        <tr>
                            <th>Guests</th>
                            <td>{{ visitor_stats.guests.total }}</td>
                            <td>{{ visitor_stats.guests.unique }}</td>
                            <td>{{ visitor_stats.guests.return_ratio|floatformat }}%</td>
                            <td>{{ visitor_stats.guests.time_on_site|default_if_none:"n/a" }}</td>
                            {% if pageview_stats %}
                                <td>{{ visitor_stats.guests.pages_per_visit|floatformat|default:"n/a" }}</td>
                            {% endif %}
                        </tr>
                        <tr>
                            <th>Total</th>
                            <td>{{ visitor_stats.total }}</td>
                            <td>{{ visitor_stats.unique }}</td>
                            <td>{{ visitor_stats.return_ratio|floatformat }}%</td>
                            <td>{{ visitor_stats.time_on_site|default_if_none:"n/a" }}</td>
                            {% if pageview_stats %}
                                <td>{{ visitor_stats.pages_per_visit|floatformat|default:"n/a" }}</td>
                            {% endif %}
                        </tr>
                        {% endif %}
                    </tbody>
                </table>
                </div>

                {% else %}
                    <p>No visitor stats available</p>
                {% endif %}
            </div>
        </div>

        <div class="form-group">
            <div class="card generic-card-card">
                <div class="card-header generic-card-header">
                    <h4>Registered Users</h4>
                </div>
                {% if user_stats %}

                <div class="table-responsive">
                <table class="table table-bordered table-container mb-0">
                    <thead>
                        <tr>
                            <th>User</th>
                            <th>Username</th>
                            <th>School</th>
                            <th># Visits</th>
                            <th>Avg. Time on Site</th>
                            <th>Avg. Pages/Visit</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for user in user_stats %}

                        <tr>
                            <td>
                                {{ user.first_name }} {{ user.last_name }}
                            </td>
                            <td>
                                {{ user.username }}
                            </td>

                            <td>{{ user.school }}</td>

                            <td>{{ user.visit_count }}</td>
                            <td>{{ user.time_on_site|default_if_none:"n/a" }}</td>
                            <td>{{ user.pages_per_visit|floatformat|default:"n/a" }}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                </div>

                {% else %}
                    <p>No registered user stats available</p>
                {% endif %}
            </div>
        </div>

        <div class="form-group">
            <div class="card generic-card-card">
                <div class="card-header generic-card-header">
                    <h4>Page Views</h4>
                </div>
                {% if pageview_stats %}
                    {% if pageview_stats.total %}
                    <table class="table table-bordered table-container mb-0">
                        <thead>
                            <tr>
                                <th>Total</th>
                                <th>Unique</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ pageview_stats.registered.total }}</td>
                                <td>{{ pageview_stats.registered.unique }}</td>
                            </tr>
                            {% if pageview_stats.guests %}
                            <tr>
                                <th>Guests</th>
                                <td>{{ pageview_stats.guests.total }}</td>
                                <td>{{ pageview_stats.guests.unique }}</td>
                            </tr>
                            <tr>
                                <th>Total</th>
                                <td>{{ pageview_stats.total }}</td>
                                <td>{{ pageview_stats.unique }}</td>
                            </tr>
                            {% endif %}
                        </tbody>
                    </table>
                    {% else %}
                        <p>No pageview stats available</p>
                    {% endif %}
                {% endif %}
            </div>
        </div>

    </div>
    </main>
{% endblock %}