{% extends 'calaccess_campaign_browser/base.html' %}
{% load humanize %}

{% block title %}Filings - {{ committee.name }} - Committee - {{ block.super }}{% endblock %}

{% block javascript %}
    <script>
        $('.pagination').twbsPagination({
            totalPages: {{ paginator.count }},
            visiblePages: 5,
            startPage: {{ page_obj.number }},
            prev: '&laquo;',
            next: '&rsaquo;',
            onPageClick: function (event, page) {
                window.location.href = "{{ base_url }}" + page + '/';
            }
        });
    </script>
{% endblock %}

{% block content %}
{% include "calaccess_campaign_browser/committee_nav.html" %}

<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <h3>
          Filings
          <div class="btn-group">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                Download data <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li><a href="{% url 'committee_filing_list' committee.pk 1 %}?format=csv">Download CSV</a></li>
                <li><a href="{% url 'committee_filing_list' committee.pk 1 %}?format=json">Download JSON</a></li>
              </ul>
          </div>
    </h3>
    <p class="totals">
        Total contributions: ${{committee.total_contributions|floatformat:0|intcomma}}
        <br>
        Total expenditures: ${{committee.total_expenditures|floatformat:0|intcomma}}
    </p>
    </div>
</div>

{% include "calaccess_campaign_browser/paginator.html" %}

<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <table class="table table-bordered table-hover">
        <thead>
            <tr>
                <th>No.</th>
                <th>Filed</th>
                <th>Form</th>
                <th>Period</th>
                <th class="right">Contributions</th>
                <th class="right">Expenditures</th>
                <th class="right">Debts</th>
                <th class="center">PDF</th>
            </tr>
        </thead>
        <tbody>
        {% for filing in committee_filings %}
          <tr>
            <td>
              <a href="{{ filing.get_absolute_url }}">{{ filing.filing_id_raw }}</a>
            </td>
            <td>{{ filing.date_filed|date:"Y-m-d" }}</td>
            <td>{{ filing.form_type }}</td>
            <td>{{ filing.period }}</td>
            <td class="right">${{ filing.total_contributions|default:0|floatformat:0|intcomma }}</td>
            <td class="right">${{ filing.total_expenditures|default:0|floatformat:0|intcomma }}</td>
            <td class="right">${{ filing.summary.outstanding_debts|default:0|floatformat:0|intcomma }}</td>
            <td class="center">
                <a target="_blank" href="{{ filing.get_calaccess_pdf_url }}">
                    <i class="fa fa-file-pdf-o"></i>
                </a>
            </td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
{% include "calaccess_campaign_browser/paginator.html" %}
{% endblock %}