<!-- Created by Navaneeth S, navisk13@gmail.com -->

{% extends 'base/base.html' %}
{% load static %}
{% block title %} Add attendance {% endblock %}

{% block body %}
    {% include 'base/nav-bar.html' %}
    <div id="wrap">
        <div id="main">
            <div class="container">
                <div class="row">
                    <h2 class="header col-md-12">{{ head }}</h2>
                    {% for user_info in data %}
                        <div class="col-xs-6 col-sm-4 col-md-2 btn names btn-success" style="white-space: normal">

                            <p class="link">{{ user_info.0.first_name }} {{ user_info.0.last_name }} - {{ user_info.2 }}%</p>

                        </div>
                    {% endfor %}
                    <p class="col-xs-12 col-md-12"></p>

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

{% include 'base/footer.html' %}

<style>
        .btn {
            margin: 10px;
        }

        .save-btn {
            padding: 10px 0;
        }

        .header {
            padding-top: 20px;
            text-align: center;
        }

        .names {
            height: 80px;
        }


        .form {
            margin: 30px 0;
        }

        .link {
            height: 100%;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
        }

</style>

{% block script %}
<script src="{% static 'clubManagement/js/attendance.js' %}"></script>
{% endblock %}
{% endblock %}



