{% extends 'ccc/campaigns/base.html' %}
{% load static %}
{% block title%}Survey URL Clicks {% endblock %}
{% block content %}
    <div class="row">
        <div class="col-md-12">
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <i class="fa fa-mobile"></i>
                    <a href="{% url 'users.dashboard' %}">
                        Dashboard
                    </a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="{% url 'survey_dashboard' %}">
                        My Survey Responses
                    </a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="{% url 'survey_clicks_dashboard' %}">
                        URL Clicks
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="portlet box blue">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-moble-phone"></i> URL Clicks
                    </div>
                </div>

                <div class="portlet-body">
                    <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                        <thead>
                        <tr>
                            <th>
                                <i class="fa fa-bullhorn"></i> Survey
                            </th>
                            <th>
                                <i class="fa fa-mobile"></i> URL
                            </th>
                            <th>
                                <i class="fa fa-mobile"></i> Contact
                            </th>
                            <th>
                                <i class="fa fa-mobile"></i> Clicks
                            </th>

                        </tr>
                        </thead>
                        {% for link in survey_links %}
                        <tr>
                            <td>
                                {{ link.question__survey__title }}
                            </td>
                            <td>
                                {{ link.long_url }}
                            </td>
                            <td>
                                {{ link.contact__phone }}
                            </td>
                            <td>
                                <span class="badge">{{ link.clicks }}</span>
                            </td>
                        </tr>                            
                        {% endfor %}
                    </table>
                </div>
            </div>
        </div>
    </div>

{% endblock %}