{% load vmo_tags %}
<div class="row">
    <div class="col-sm-12">
         <div class="col-sm-4">
                    <label>Vendor name : </label>
         </div>
         <div class="col-sm-8">
                    {{ vendor_name }}
        </div>
    </div>

    <div class="col-sm-12">
        <div class="col-sm-4">
                    <label>Address : </label>
         </div>
         <div class="col-sm-8">
                    {{ vendor_address }}
        </div>
    </div>

    <div class="col-sm-12">
        <div class="col-sm-4">
                    <label>NDA Expiry Date : </label>
         </div>
         <div class="col-sm-8">
                    {{ vendor_nda_expiry_date|date:'d-b-Y' }}
        </div>
    </div>

    <div class="col-sm-12">
        <div class="col-sm-4">
                    <label>MSA Expiry Date : </label>
         </div>
         <div class="col-sm-8">
                    {{ vendor_msa_expiry_date|date:'d-b-Y' }}
        </div>
    </div>

    <div class="col-sm-12">
        <div class="col-sm-4">
                    <label>Performance : </label>
         </div>
         <div class="col-sm-8">
                    R/A/G
        </div>
    </div>

    <div class="col-sm-12">
        <div class="col-sm-4">
                    <label>Escalation History : </label>
         </div>
         <div class="col-sm-8">
                    Test
        </div>
    </div>
    {% if vendor_obj.msa %}
    <div class="col-sm-12">
        <div class="col-sm-4">
            <label>MSA :</label>
         </div>
         <div class="col-sm-8">
                   <a href="{{ vendor_obj.msa.url }}">{{ vendor_obj.msa|get_file_name }}</a>
        </div>
    </div>
    {% endif %}

    {% if vendor_obj.nda %}
    <div class="col-sm-12">
        <div class="col-sm-4">
                    <label>NDA :</label>
         </div>
         <div class="col-sm-8">
                    <a href="{{ vendor_obj.nda.url }}">{{ vendor_obj.nda|get_file_name }}</a>
        </div>
    </div>
    {% endif %}

    {% if vendor_obj.certificates.all %}
        {% for cer in vendor_obj.certificates.all %}
            <div class="col-sm-12">
                <div class="col-sm-4">
                            <label>Certificate #{{ forloop.counter }} :</label>
                 </div>
                 <div class="col-sm-8">
                            <a href="{{ cer.certificate.url }}">{{ cer.certificate|get_file_name }}</a>
                </div>
            </div>
        {% endfor %}
    {% endif %}

</div>