<!-- a lot of stuff-->

<!doctype html>
{% load static %}
<html lang="en"">
<head>
    <title>Profile</title>
    <link href="{% static 'financial/css/material-dashboard.css' %}" rel="stylesheet" >
    <link rel="icon" type="image/xicon" href="{% static 'public/img/logo.png' %}">
<body class="g-sidenav-show bg-gray-200" >
    
    <main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg">
        
        
    <h1>Contracts</h1>
    {% if contracts %}
    <table>
    <tr>
        <th>Name</th>
        <th>Identifier</th>
        <th>Type</th>
        <th>Start Date</th>
        <th>End Date</th>
        <th>Proposed Amount</th>
        <th>Baseline Amount</th>
        <th>Funded Amount</th>
    </tr>
    
    {% for contract in contracts %}
    <tr>
        <td> <a href="{% url 'contract_detail' contract.slug %}">{{ contract.name }}</a></td>
        <td> {{ contract.slug }}</td>
        <td> {{ contract.contract_type }}</td>
        <td> {{ contract.baseline_start }}</td>
        <td> {{ contract.baseline_end }}</td>
        <td> {{ contract.proposed_amount }}</td>
        <td> {{ contract.baseline_amount }}</td>
        <td> {{ contract.funded_amount }}</td>
    </tr>

    {% endfor %}
    </table>
    <hr>
    <p> Create <a href="{% url 'new_contract' %}">new</a> contract.</p>
    {% else %}
    <p> There are no contracts. <a href="{% url 'new_contract' %}">Please make one</a></p>

    {% endif %}
</body>
