{% 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><a href="{% url 'web:client_corrections' %}{{ cid }}">&leq;</a> Claims and Corrections</h2>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-8">
                <h4>{{claim.document}}</h4>
                <small>{{claim.created_at}}</small>
            </div>
            <div class="col-md-2">
                {% if current_conversion_file_url %}(<a href="{{current_conversion_file_url}}">current conversion</a>){%endif%}
            </div>
            <div class="col-md-2">
                ({% if claim and claim.file and claim.file.url %}<a href="{{claim.file.url}}">supplied correction</a>{%else%}no file attached{%endif%})
            </div>
            <div class="col-md-12">
                {{claim.comment}}
            </div>
        </div>
        <br>
        {% for comment in comments%}
        <div class="row p-2 border bg-light">
            <div class="col-md-8">
                {{comment.comment}}
            </div>
            <div class="col-md-2">
                {{comment.author}}
                <small>{{comment.created_at}}</small>
            </div>
            <div class="col-md-2">
                ({% if comment and comment.file and comment.file.url %}<a href="{{comment.file.url}}">doc</a>{%else%}no file attached{%endif%})
            </div>
        </div>
        {%endfor%}
        {%if not claim.closed %}
        <div class="row">
            <div class="col-md-12">
                <form action="" id="claim-new" method="post" class="form" enctype="multipart/form-data">
                    {% csrf_token %}
                    {% bootstrap_form comment_form %}
                    {% buttons %}
                    <br>
                    <button type="submit" id="create-new" class="btn btn-outline-primary">Comment</button>
                    <a class="btn btn btn-outline-primary" href="{% url 'web:client_corrections_resolved' %}{{ cid }}/{{claim.id}}/">Mark As Resolved</a>
                    {% endbuttons %}
                </form>     
            </div>
        </div>
        {%endif%}
    </div>
</section>
{% endblock content %}