{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right">
        <button type="submit" form="form-user" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
        <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a></div>
      <h1>Preliminary Nomination Result</h1>
      <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
        <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
      </ul>
    </div>
  </div>
  <div class="container-fluid">
    
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_form }}</h3>
      </div>
      <div class="panel-body">
        <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-user" class="form-horizontal">
          <ul class="nav nav-tabs">
            {% if pwinners %}
            <li class="active"><a href="#tab-president" data-toggle="tab">President</a></li>
            {% endif %}
            {% if swinners %}
            <li><a href="#tab-secretary" data-toggle="tab">Secretary</a></li>
            {% endif %}
            {% if jwinners %}
            <li><a href="#tab-jsecretary" data-toggle="tab">Joint Secretary</a></li>
            {% endif %}
            {% if twinners %}
            <li><a href="#tab-treasurer" data-toggle="tab">Treasurer</a></li>
            {% endif %}
            {% if zonal %}
            <li><a href="#tab-zpresident" data-toggle="tab">Zonal President/Zonal Councillor</a></li>
            {% endif %}
          </ul>
          <div class="tab-content">
            <div class="tab-pane  active" id="tab-president">
                <div class="col-sm-12">
                  <fieldset>
                    <table id="proute" class="table table-striped table-bordered table-hover">
                      <thead>
                        <tr>
                          <td class="text-center" width="25%">ID</td>
                          <td class="text-center" width="50%">Name</td>
                          <td class="text-center" width="25%">No. of Votes</td>
                        </tr>
                      </thead>
                      <tbody>
                        {% set flag = 0 %}

                        {% if pwinners %}
                          {% for winner in pwinners %}
                            {% if winner.type_id == 1 %}
                            {% set flag = 1 %}
                            <tr>
                              <td class="text-center">{{ winner.nominee_id }}</td>
                              <td class="text-center">{{ winner.nominee_name }}</td>
                              <td class="text-center">{{ winner.count }}</td>
                            </tr>
                            {% endif %}
                          {% endfor %}
                        {% else %}
                          {% if flag == 0 %}
                          <tr>
                            <td class="text-center" colspan="5">No results</td>
                          </tr>
                          {% endif %}
                        {% endif %}
                      </tbody>
                    </table>
                  </fieldset>
                </div>
            </div>
            <div class="tab-pane" id="tab-secretary">
                <div class="col-sm-12">
                  <fieldset>
                    <table id="proute" class="table table-striped table-bordered table-hover">
                      <thead>
                        <tr>
                          <td class="text-center" width="25%">ID</td>
                          <td class="text-center" width="50%">Name</td>
                          <td class="text-center" width="25%">No. of Votes</td>
                        </tr>
                      </thead>
                      <tbody>
                        {% set flag = 0 %}

                        {% if swinners %}
                          {% for winner in swinners %}
                            {% if winner.type_id == 2 %}
                            {% set flag = 2 %}
                            <tr>
                              <td class="text-center">{{ winner.nominee_id }}</td>
                              <td class="text-center">{{ winner.nominee_name }}</td>
                              <td class="text-center">{{ winner.count }}</td>
                            </tr>
                            {% endif %}
                          {% endfor %}
                        {% else %}
                          {% if flag == 0 %}
                          <tr>
                            <td class="text-center" colspan="5">No results</td>
                          </tr>
                          {% endif %}
                        {% endif %}
                      </tbody>
                    </table>
                  </fieldset>
                </div>
            </div>
            <div class="tab-pane" id="tab-jsecretary">
                <div class="col-sm-12">
                  <fieldset>
                    <table id="proute" class="table table-striped table-bordered table-hover">
                      <thead>
                        <tr>
                          <td class="text-center" width="25%">ID</td>
                          <td class="text-center" width="50%">Name</td>
                          <td class="text-center" width="25%">No. of Votes</td>
                        </tr>
                      </thead>
                      <tbody>
                        {% set flag = 0 %}

                        {% if jwinners %}
                          {% for winner in jwinners %}
                            {% if winner.type_id == 3 %}
                            {% set flag = 3 %}
                            <tr>
                              <td class="text-center">{{ winner.nominee_id }}</td>
                              <td class="text-center">{{ winner.nominee_name }}</td>
                              <td class="text-center">{{ winner.count }}</td>
                            </tr>
                            {% endif %}
                          {% endfor %}
                        {% else %}
                          {% if flag == 0 %}
                          <tr>
                            <td class="text-center" colspan="5">No results</td>
                          </tr>
                          {% endif %}
                        {% endif %}
                      </tbody>
                    </table>
                  </fieldset>
                </div>
            </div>
            <div class="tab-pane" id="tab-treasurer">
                <div class="col-sm-12">
                  <fieldset>
                    <table id="proute" class="table table-striped table-bordered table-hover">
                      <thead>
                        <tr>
                          <td class="text-center" width="25%">ID</td>
                          <td class="text-center" width="50%">Name</td>
                          <td class="text-center" width="25%">No. of Votes</td>
                        </tr>
                      </thead>
                      <tbody>
                        {% set flag = 0 %}

                        {% if twinners %}
                          {% for winner in twinners %}
                            {% if winner.type_id == 4 %}
                            {% set flag = 1 %}
                            <tr>
                              <td class="text-center">{{ winner.nominee_id }}</td>
                              <td class="text-center">{{ winner.nominee_name }}</td>
                              <td class="text-center">{{ winner.count }}</td>
                            </tr>
                            {% endif %}
                          {% endfor %}
                        {% else %}
                          {% if flag == 0 %}
                          <tr>
                            <td class="text-center" colspan="5">No results</td>
                          </tr>
                          {% endif %}
                        {% endif %}
                      </tbody>
                    </table>
                  </fieldset>
                </div>
            </div>
            <div class="tab-pane" id="tab-zpresident">
                <div class="col-sm-12">
                  <fieldset>
                    <table id="zroute" class="table table-bordered table-hover">
                      <thead>
                        <tr>
                          <td class="text-left" width="50%">(ID) Name</td>
                          <td class="text-center" width="25%">No. of Votes</td>
                        </tr>
                      </thead>
                      <tbody>
                        {% if zonal %}
                          {% for zonename, zone in zonal %}
                            <tr>
                              <td class="text-left" colspan="2" style="background-color: #0d6e50;color: white;"><h5><b>{{ zonename }}</b></h5></td>
                            </tr>
                            {% if zone %}
                              {% for key, winner in zone %}
                              <tr>
                                <td class="text-left">{{ key }}</td>
                                <td class="text-center">{{ winner }}</td>
                              </tr>
                              {% endfor %}
                            {% else %}
                            <tr>
                              <td class="text-center" colspan="2">No vote found!</td>
                            </tr>
                          {% endif %}
                          {% endfor %}
                        {% else %}
                          <tr>
                            <td class="text-center" colspan="2">No results</td>
                          </tr>
                        {% endif %}
                      </tbody>
                    </table>
                  </fieldset>
                </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{{ footer }}