{% extends 'base_admin.html.twig' %}

{% block title %}EGM Stats: {{ pub.name }} {% endblock %}

{% block body %}
    <h1 class="text-danger">{{ pub.name }}</h1> <hr>
    <h4>EGM motion: {{ egm_question.question }}</h4> <br>
    <h2>Totals</h2>
    <table class="table default-table">
        <thead>
        <tr>
            <th>Count/amount</th>
            <th>Yes</th>
            <th>No</th>
            <th>Undecided</th>
            <th>Pending</th>
            <th>Total</th>
        </tr>
        </thead>
        <tbody>

        {% set voteService = VoteService %}
        <tr>
            <td>Count</td>
            <td>{{ voteService.getAllVoteDecisionForQuestion(egm_question, 'yes')|length }}</td>
            <td>{{ voteService.getAllVoteDecisionForQuestion(egm_question, 'no')|length }}</td>
            <td>{{ voteService.getAllVoteDecisionForQuestion(egm_question, 'undecided')|length }}</td>
            <td>{{ voteService.getAllVoteDecisionForQuestion(egm_question, 'pending')|length }}</td>
            <td>{{ egm_question.egmVotes|length }}</td>
        </tr>
        <tr>
            <td>Amount</td>
            <td>{{ voteService.getAllVotePercentageForQuestion(egm_question, 'yes') |number_format(1, '.')}}% ({{ voteService.getAllVoteValueForQuestion(egm_question, 'yes') |number_format }})</td>
            <td>{{ voteService.getAllVotePercentageForQuestion(egm_question, 'no') |number_format(1, '.')}}% ({{ voteService.getAllVoteValueForQuestion(egm_question, 'no') |number_format }})</td>
            <td>{{ voteService.getAllVotePercentageForQuestion(egm_question, 'undecided') |number_format(1, '.')}}% ({{ voteService.getAllVoteValueForQuestion(egm_question, 'undecided') |number_format }})</td>
            <td>{{ voteService.getAllVotePercentageForQuestion(egm_question, 'pending') |number_format(1, '.')}}% ({{ voteService.getAllVoteValueForQuestion(egm_question, 'pending') |number_format }})</td>
            <td>100% ({{ egm_question.pub.getTotalShares() |number_format }})</td>
        </tr>
        </tbody>
    </table>
    <hr>

    {% if is_granted('ROLE_ADMIN') %}
        <h2>By Shareholders </h2>
        <p class="text-danger"> Only viewable by the SAG Team</p>
        <table class="table custom-table">
            <thead>
            <tr>
                <th>Shareholder</th>
                <th>Shares</th>
                <th>SAG officer</th>
                <th>Nominated Proxy</th>
                <th>Comment</th>
                <th>Attachment</th>
                <th>Vote</th>
                <th> </th>
                <th> </th>
            </tr>
            </thead>

            <tbody>
            {% for vote in egm_question.egmVotes %}
                <tr>
                    <td><a title="{{ vote.shareholder.email }}" target="_blank" href="{{ path('dashboard_user_edit', { 'id': vote.shareholder.id}) }}">{{ vote.shareholder.fullName }}</a> </td>
                    <td>{{ vote.shareholder.getInvestmentAmountForPub(pub) |number_format }}</td>
                    <td>{{ vote.shareholder.referal }}</td>
                    <td>{% if vote.proxy is not null %} {{vote.proxy.fullname}}{% endif %}</td>
                    <td>{{ vote.comment |capitalize }}</td>
                    <td><a target="_blank" href="{{ asset('admin/attachments/proxy') }}/{{ vote.attachmentName }}">  {{ (vote.attachmentName is not null) ? 'Download' : '' }}</a></td>
                    <td>{{ vote.vote |capitalize }}</td>
                    <td><a target="_blank" class="btn btn-sm btn-outline-info" href="{{ path('egm_question_admin_vote', {'id': vote.id}) }}">{{ pub.name }}: Vote & Upload</a></td>
                    <td><a target="_blank" class="btn btn-sm btn-outline-info" href="{{ path('egm_question_index',{'id': vote.shareholder.id}) }}">All pubs: Vote & Upload</a></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}

    <p><a class="btn btn-outline-success" href="{{ path('egm_export_show', {'slug': egm_question.pub.slug}) }}">Export Pending Investors to Excel</a> </p>
{% endblock %}
{% block datatable %}
    <script>
        $(document).ready(function () {
            $('.default-table').DataTable({
                'pageLength': 50,
                "order": [[3, 'desc']],
                "paging": false,
                "searching": false,
                "bInfo": false
            });

            $('.custom-table').DataTable({
                'pageLength': 100,
                "order": [[1, 'des'],[2, 'desc'],[4, 'desc']],
                "paging": false,
                "searching": false,
                "bInfo": true
            });

            function detectMob() {
                return ((window.innerWidth <= 800) && (window.innerHeight <= 600));
            }

            var isMobile = detectMob();
            if (isMobile) {
                $('body').addClass('mobile');
            }
        });

    </script>
{% endblock datatable %}