{% extends "base.html" %}

{% block title %}{{ member.full_name }} - Member Details{% endblock %}

{% block content %}

<div class="row">
    <div class="col-md-8">
        <h1>{{ member.full_name }}</h1>

        <p><strong>Member ID:</strong> {{ member.member_id }}</p>
        <p><strong>Phone:</strong> {{ member.phone }}</p>
        <p><strong>Email:</strong> {{ member.email|default:"—" }}</p>
        <p><strong>Gender:</strong> {{ member.get_gender_display }}</p>
        <p><strong>Date of Birth:</strong> {{ member.date_of_birth }}</p>
        <p><strong>Address:</strong> {{ member.address }}</p>

        <p>
            <strong>Membership Status:</strong>
            <span class="badge bg-{% if member.membership_status == 'active' %}success{% else %}secondary{% endif %}">
                {{ member.get_membership_status_display }}
            </span>
        </p>

        <p><strong>Date Joined:</strong> {{ member.date_joined }}</p>
        <p><strong>Created:</strong> {{ member.created_at|date:"M d, Y H:i" }}</p>
    </div>
</div>

<div class="mt-4">
    <a href="{% url 'member_update' member.member_id %}" class="btn btn-primary">Edit</a>
    <a href="{% url 'member_delete' member.member_id %}" class="btn btn-danger">Delete</a>
    <a href="{% url 'member_list' %}" class="btn btn-secondary">Back to List</a>
</div>

{% endblock %}