{% extends "base.html" %}
{% load bootstrap4 %}
{% load widget_tweaks %}

{% block title %}Client - Claims and Corrections{% endblock title %}

{% block content %}
<br><br>
<section class="page-section" id="services">
    <div class="container">
        {% include "client_navbar.html" %}
        <div class="row">
            <div class="col-md-12">
                <h2>Claims and Corrections - {{active_company.company_name}}</h2>
            </div>
        </div>
        <br>
        {% for claim in claims%}
        <div class="row p-2 border bg-light">
            <div class="col-md-2">
                {{claim.author}}<br>
                <small>{{claim.created_at}}</small>
            </div>
            <div class="col-md-8">
                <a href="{% url 'web:client_corrections_single' %}{{ cid }}/{{claim.id}}/">{{claim.document}}</a>
            </div>
            <div class="col-md-2">
                {%if claim.closed%}
                <p class="text-success">closed</p>
                {%else%}
                <p class="text-danger">open</p>
                {%endif%}
            </div>
        </div>
        {%endfor%}
        <br><br>
        {% for claim in claims_closed %}
        <div class="row p-2 border bg-light">
            <div class="col-md-2">
                {{claim.author}}<br>
                <small>{{claim.created_at}}</small>
            </div>
            <div class="col-md-8">
                <a href="{% url 'web:client_corrections_single' %}{{ cid }}/{{claim.id}}/">{{claim.document}}</a>
            </div>
            <div class="col-md-2">
                {%if claim.closed%}
                <p class="text-success">closed</p>
                {%else%}
                <p class="text-danger">open</p>
                {%endif%}
            </div>
        </div>
        {%endfor%}
        <br><br>
        <div class="row">
            <div class="col-md-12">
                <h4>Create New</h4>
            </div>
            <br>
            <div class="col-md-9">
                {%if claim_form %}
                <form action="" id="claim-new" method="post" class="form" enctype="multipart/form-data">
                    {% csrf_token %}
                    {% bootstrap_form claim_form %}
                    {% buttons %}
                    <br>
                    <button type="submit" id="create-new" class="btn btn-outline-primary">Create Claim</button>
                    {% endbuttons %}
                </form>
                {%else%}
                <p>Currently no document is eligible for a claim.</p>
                {%endif%}
            </div>
            <div class="col-md-3">
                <it>Info</it>
                <br>
                <p>
                    <small>
                        Shown are only documents that are less than five days (120h) old. 
                        After that time span no further claims can be risen.
                    </small>
                </p>
            </div>
        </div>
    </div>
</section>
{% endblock content %}