{% extends 'base.html' %}
{% load static %}
{% block title %}Elite Units Detail{% endblock %}
{% block content %}
<div id="contentBody">
    <h2 align="center">Elite Units</h2>
    <table id="eliteTable" class="display" width="100%">
        <thead>
            <tr>
                <th>Record ID</th>
                <th>Amp Group</th>
                <th>HUD Project Desc.</th>
                <th>HUD Project Num.</th>
                <th>Development Name</th>
                <th>Unit Maint. Area</th>
                <th>Unit Status</th>
                <th>Unit Status Days</th>
                <th>Unit Vacancy Days</th>
                <th>Unit ID</th>
                <th>Bedrooms</th>
                <th>Full Bathrooms</th>
                <th>Half Bathrooms</th>
                <th>Unit Primary Street</th>
                <th>Unit Secondary Street</th>
                <th>Unit Suite</th>
                <th>Unit City</th>
                <th>Unit State</th>
                <th>Unit Zip</th>
                <th>Unit Status Category</th>
                <th>Projected Ready Date</th>
                <th>Unit Active Offers</th>
                <th>Unit Active Reservations</th>
                <th>Is Active?</th>
                <th>Is PICACC?</th>
                <th>Is Excluded from PHAS?</th>
                <th>Housing Type Desc.</th>
                <th>Unit Structure</th>
                <th>Is Unit LITC?</th>
                <th>Is Unit S8NC?</th>
                <th>Inspection Date</th>
                <th>Inspection Results</th>
                <th>Next Inspection Date</th>
                <th>ETL Date</th>
            </tr>
        </thead>
        
        <tfoot>
            <tr>
                <th>Record ID</th>
                <th>Amp Group</th>
                <th>HUD Project Desc.</th>
                <th>HUD Project Num.</th>
                <th>Development Name</th>
                <th>Unit Maint. Area</th>
                <th>Unit Status</th>
                <th>Unit Status Days</th>
                <th>Unit Vacancy Days</th>
                <th>Unit ID</th>
                <th>Bedrooms</th>
                <th>Full Bathrooms</th>
                <th>Half Bathrooms</th>
                <th>Unit Primary Street</th>
                <th>Unit Secondary Street</th>
                <th>Unit Suite</th>
                <th>Unit City</th>
                <th>Unit State</th>
                <th>Unit Zip</th>
                <th>Unit Status Category</th>
                <th>Projected Ready Date</th>
                <th>Unit Active Offers</th>
                <th>Unit Active Reservations</th>
                <th>Is Active?</th>
                <th>Is PICACC?</th>
                <th>Is Excluded from PHAS?</th>
                <th>Housing Type Desc.</th>
                <th>Unit Structure</th>
                <th>Is Unit LITC?</th>
                <th>Is Unit S8NC?</th>
                <th>Inspection Date</th>
                <th>Inspection Results</th>
                <th>Next Inspection Date</th>
                <th>ETL Date</th>
            </tr>
        </tfoot>    
    </table>
</div>
{% endblock %}

{% block extra_css %}
<link href={% static "css/datatables.css" %} rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.18/af-2.3.2/b-1.5.4/b-colvis-1.5.4/b-html5-1.5.4/cr-1.5.0/kt-2.5.0/r-2.2.2/sc-1.5.0/sl-1.2.6/datatables.min.css"/>
{% endblock %}

{% block extra_js %}
<!-- load jquery to be used with datatables -->
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.10.18/af-2.3.2/b-1.5.4/b-colvis-1.5.4/b-html5-1.5.4/cr-1.5.0/kt-2.5.0/r-2.2.2/sc-1.5.0/sl-1.2.6/datatables.min.js"></script>
<script src={% static "js/datatable-settings.js" %}></script>
{% endblock %}