{% extends 'hbase.html' %}
{% block content %}
<div class="container my-5">
    <div class="row justify-content-center">
        {% if messages %}
        <div class="col-12">
            {% for message in messages %}
            <div class="alert alert-{{message.tags}} mb-3 text-center">
                {{ message }}
            </div>
            {% endfor %}
        </div>
        {% endif %}
        
        <div class="col-sm-6 shadow py-4">
            <h2 class="text-center mb-4">Profile</h2>
            <table class="table table-striped">
                <img class='img-fluid img-thumbnail rounded mx-auto d-block my-4' width="250px" src="{{request.user.profile_pic.url}}" />
                <tbody>
                    <tr>
                        <th>নাম</th>
                        <td>{{ request.user.name }}</td>
                    </tr>
                    <tr>
                        <th>জন্মতারিখ</th>
                        <td>{{ request.user.dob|date:"d/m/Y" }}</td>
                    </tr>
                    <tr>
                        <th>বয়স</th>
                        <td>{{ age }} বছর</td>
                    </tr>
                    <tr>
                        <th>লিঙ্গ</th>
                        <td>{{ request.user.gender }}</td>
                    </tr>
                    <tr>
                        <th>আপনার ভূমিকা</th>
                        <td>{{ request.user.role }}</td>
                    </tr>
                    <tr>
                        <th>ঠিকানা</th>
                        <td>{{ request.user.address }}</td>
                    </tr>
                    <tr>
                        <th>মোবাইল</th>
                        <td>{{ request.user.mobile }}</td>
                    </tr>
                </tbody>
            </table>
            <div class="text-center mt-4">
                <a href="{% url 'editprofile' %}" class="btn btn-info">Edit Profile</a>
            </div>
        </div>
    </div>
</div>
{% endblock content %}