{% extends 'main2.html' %}
{% load static %}
{% block content %}

<div class="card d-flex rounded-2 border mb-4 mt-4" id="pdf">

    <div class="card-header text-muted text-center bg-primary">
        <label class="h6-responsive fw-bold text-white" class="fw-bold" style="font-size: 1.5rem">NITM ALUMNI EXECUTIVE COUNCIL 2025-26 ELECTION RESULTS</label>
    </div>
    <br/><br/>

    {% for data in post_data %}

        <div class="card-header text-muted text-center bg-primary">
            <label class="h6-responsive fw-bold text-white" class="fw-bold" style="font-size: 1.5rem">{{ data.post_name }}</label>
        </div>

        <div class="card-body">

            <div id="table-wrapper">
                <table class="table table-hover table-bordered table-sm" id="result-format-table" cellspacing="0"
                    width="100%">
                    <thead class="bg-light">
                        <tr>
                            <th colspan="2" class="fw-bold" style="font-size: 1.5rem; border: 1px solid #fff;">CANDIDATE</th>
                            <th width="10%" class="fw-bold" style="font-size: 1.5rem; border: 1px solid #fff;">VOTES</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for data2 in candidate_post_data %}
                            {% for data3 in data2.post.all %}
                                {% if data3.id == data.id %}
                                    <tr>
                                        <td width="20%">
                                            <img src="{% static 'images/' %}{{ data2.candidate_profile.candidate_photo }}" style="width: 100px;" class="img-fluid" />
                                        </td>
                                        <td>
                                            <span class="fw-bold" style="font-size: 2rem;">{{ data2.candidate_profile.candidate_full_name }}<br/>
                                            {{ data2.candidate_profile.candidate_roll_number }}</span>
                                        </td>
                                        <td>
                                            {% for data4 in result_data %}
                                                {% if data2.id == data4.candidate_post_id %}
                                                    <span class="fw-bold display-5">{{data4.id__count}}</span>
                                                {% endif %}
                                            {% endfor %}
                                        </td>
                                    </tr>
                                {% endif %}
                            {% endfor %}
                        {% endfor %}
                    </tbody>
                </table>
            </div>

        </div>

    {% endfor %}

    <div class="card-header text-muted text-center bg-primary">
        <label class="h6-responsive fw-bold text-white" class="fw-bold" style="font-size: 1.5rem">ELECTION DATA</label>
    </div>

    <div class="card-body">

        <div id="table-wrapper">
            <table class="table table-hover table-bordered table-sm" id="result-format-table" cellspacing="0"
                width="100%">
                <thead class="bg-light">
                    <tr>
                        <th class="fw-bold" style="font-size: 1.5rem; border: 1px solid #fff;">POSTS</th>
                        <th class="fw-bold" style="font-size: 1.5rem; border: 1px solid #fff;">CANDIDATES PER POST</th>
                    </tr>
                </thead>
                <tbody>
                    {% for x in post_data %}
                    <tr>
                        <td>
                            <span class="fw-bold" style="font-size: 1.5rem">{{ x.post_name }}</span>
                        </td>
                        <td>
                            {% for z in candidate_count_filter %}
                                {% if x.id == z.post %}
                                    <span class="fw-bold display-5">{{z.id__count}}</span>
                                {% endif %}
                            {% endfor %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <div id="table-wrapper">
            <table class="table table-hover table-bordered table-sm" id="result-format-table" cellspacing="0"
                width="100%">
                <thead class="bg-light">
                    <tr>
                        <th class="fw-bold" style="font-size: 1.5rem; border: 1px solid #fff;">TOTAL CANDIDATES</th>
                        <th class="fw-bold" style="font-size: 1.5rem; border: 1px solid #fff;">TOTAL POSTS</th>
                        <th class="fw-bold" style="font-size: 1.5rem; border: 1px solid #fff;">TOTAL VOTERS</th>
                        <th class="fw-bold" style="font-size: 1.5rem; border: 1px solid #fff;">TOTAL VOTES</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <span class="fw-bold display-5">{{candidate_count|length}}</span>
                        </td>
                        <td>
                            <span class="fw-bold display-5">{{post_count|length}}</span>
                        </td>
                        <td>
                            <span class="fw-bold display-5">{{voter_count|length}}</span>
                        </td>
                        <td>
                            <span class="fw-bold display-5">{{vote_count|length}}</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

    </div>

</div>

<button class="btn btn-success" type="button" onclick="convertHTMLtoPDF()">DOWNLOAD AS PDF</button>

{% endblock %}