{% extends 'base.html' %}

{% block body %}

<div id="wrapper">
    {% include 'navbar.html' %}

    <div id="page-wrapper" class="gray-bg">
        {% include 'header.html' %}
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-2">
                <h2>Vendor</h2>
            </div>
            <div class="col-lg-10 justify-content-end d-flex align-items-end flex-column">
                <!-- <img src="{{member.photo.url}}" style="width : 100px; height: 100px; object-fit: contain;"/> -->
                <h2 class="my-1">{{ vendor.name }}</h2>
            </div>
        </div>
        <!-- test -->
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox">
                        <div class="ibox-content">
                            <table class="footable table table-bordered table-stripped">
                                <tbody>
                                    <tr>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Mobile</th>
                                    </tr>
                                    <tr>
                                        <td>{{vendor.name}}</td>
                                        <td>{{vendor.email}}</td>
                                        <td>{{vendor.mobile}}</td>
                                    </tr>
                                    <tr>
                                        <th>PAN No.</th>
                                        <th>Pan Card</th>
                                        <th></th>
                                    </tr>
                                    <tr>
                                        <td>{{vendor.pan_no}}</td>
                                        <td>
                                            {% if vendor.pan_card %}
                                                <a href="{{vendor.pan_card.url}}" target="_blank">
                                                    View
                                                </a>
                                            {% endif %}
                                        </td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <th>Address</th>
                                        <td colspan="2">{{vendor.address}}</td>
                                    </tr>
                                    <tr>
                                        <th>Message</th>
                                        <td colspan="2">{{vendor.message}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


{% for message in messages %}
<script>
    showNotification('{{message}}', '{{message.tags}}')
</script>
{% endfor %}

{% endblock %}