{% 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>Member</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">{{ member.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>Type of Employement</th>
                                        <th>Type of Position</th>
                                        <th>Full Name</th>
                                    </tr>
                                    <tr>
                                        <td>
                                            {% if member.employment_type == 0 %}
                                                Permanent
                                            {% else %}
                                                Project Based
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if member.position == 0 %}
                                                Employee
                                            {% elif member.position == 1 %}
                                                Volunteer
                                            {% else %}
                                                Intern
                                            {% endif %}
                                        </td>
                                        <td>{{member.name}}</td>
                                    </tr>
                                    <tr>
                                        <th>Father's Name</th>
                                        <th>Mother's Name</th>
                                        <th>Email</th>
                                    </tr>
                                    <tr>
                                        <td>{{member.father_name}}</td>
                                        <td>{{member.mother_name}}</td>
                                        <td>{{member.email}}</td>
                                    </tr>
                                    <tr>
                                        <th>Phone Number</th>
                                        <th>Date of Birth</th>
                                        <th>Gender</th>
                                    </tr>
                                    <tr>
                                        <td>{{member.mobile}}</td>
                                        <td>{{member.date_of_birth}}</td>
                                        <td>
                                            {% if member.gender == 0 %}
                                                Male
                                            {% elif member.gender == 1 %}
                                                Female
                                            {% else %}
                                                Transgender
                                            {% endif %}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Qualification</th>
                                        <th>Collge/university</th>
                                        <th>Experience</th>

                                    </tr>
                                    <tr>
                                        <td>{{member.qualification}}</td>
                                        <td>{{member.university}}</td>
                                        <td>
                                            {% if member.experience == 0 %}
                                                Fresher
                                            {% elif member.experience == 1 %}
                                                1 Year
                                            {% elif member.experience == 2 %}
                                                2 Years
                                            {% elif member.experience == 3 %}
                                                3 Years
                                            {% else %}
                                                More than 3 Years
                                            {% endif %}
                                        </td>
                                    </tr>
                                    <tr>

                                        <th>Marital Status</th>
                                        <th>Emergency Contact Number</th>
                                        <th>Address</th>
                                    </tr>
                                    <tr>
                                        <td>
                                            {% if member.marital_status == 0 %}
                                                Single
                                            {% elif member.marital_status == 1 %}
                                                Married
                                            {% elif member.marital_status == 2 %}
                                                Divorced
                                            {% else %}
                                                Other
                                            {% endif %}
                                        </td>
                                        <td>{{member.emergency_contact_no}}</td>
                                        <td>{{member.address}}</td>
                                    </tr>
                                    <tr>
                                        <th>Date Of Joining</th>
                                        <th>Designation</th>
                                        <th>Department</th>
                                    </tr>
                                    <tr>
                                        <td>{{member.joining_date}}</td>
                                        <td>{{member.designation.user_type}}</td>
                                        <td>{{member.department.user_department}}</td>
                                    </tr>
                                    <tr>
                                        <th>Payment Type</th>
                                        <th>Amount</th>
                                        <th>Resume</th>
                                    </tr>
                                    <tr>
                                        <td>
                                            {% if member.payment_type == 0 %}
                                                Salary
                                            {% elif member.payment_type == 1 %}
                                                Stipend
                                            {% else %}
                                                Honorarium
                                            {% endif %}
                                        </td>
                                        <td>₹ {{member.basic_amount}}</td>
                                        <td>
                                            <a href="{{member.resume.url}}" target="_blank">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Aadhar Card</th>
                                        <th>Pan Card</th>
                                        <th>Marksheet</th>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="{{member.adhar_card.url}}" target="_blank">
                                                View
                                            </a>
                                        </td>
                                        <td>
                                            <a href="{{member.pan_card.url}}" target="_blank">
                                                View
                                            </a>
                                        </td>
                                        <td>
                                            <a href="{{member.marksheet.url}}" target="_blank">
                                                View
                                            </a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Assets</th>
                                        <td colspan="2">{{member.assets}}</td>
                                    </tr>
                                    <tr>
                                        <th>Condition</th>
                                        <td colspan="2">{{member.condition}}</td>
                                    </tr>
                                    <tr>
                                        <th>Issue Date</th>
                                        <th>Return Date</th>
                                        <th>Declaration</th>
                                    </tr>
                                    <tr>
                                        <td>{{member.issue_date}}</td>
                                        <td>{{member.return_date}}</td>
                                        <td>
                                            {% if memeber.declaration %}
                                                <a href="{{member.declaration.url}}" target="_blank">
                                                    View
                                                </a>
                                            {% endif %}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Projects</th>
                                        <td colspan="2">{{project_list}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


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

{% endblock %}