{% extends 'cafe_post_base.html' %} {% block content %}
<div class="container mt-4">
  <div class="row">
    <div class="col-md-4">
      <img src="{{ profile.profile_pic.url }}" class="img-thumbnail" />
      <h2>{{ profile.user.username }}</h2>
      <p>{{ profile.bio }}</p>
      <p><strong>Birth Date:</strong> {{ profile.birth_date }}</p>
      <p><strong>Member since:</strong> {{ profile.created_at }}</p>
      <a href="{% url 'edit_profile' %}" class="btn btn-primary btn-block"
        >Edit Profile</a
      >
    </div>
    <div class="col-md-8">
      <h3>Your Posts</h3>
      {% for post in posts %}
      <div class="card mb-3">
        <div class="card-body">
          <h4 class="card-title">{{ post.title }}</h4>
          <p class="card-text">{{ post.content }}</p>
          <a href="{% url 'edit_post' post.id %}" class="btn btn-warning"
            >Edit</a
          >
          <a href="{% url 'delete_post' post.id %}" class="btn btn-danger"
            >Delete</a
          >
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}