{% extends 'cafe_post_base.html' %} {% block content %}
<div class="container mt-4">
  <h2>Edit Profile</h2>
  <form method="post" enctype="multipart/form-data" class="form-box">
    {% csrf_token %}
    <div class="form-group">
      <label for="bio">Bio</label>
      <textarea class="form-control" id="bio" name="bio" rows="3">
{{ profile.bio }}</textarea
      >
    </div>
    <div class="form-group">
      <label for="birth_date">Birth Date</label>
      <input
        type="date"
        class="form-control"
        id="birth_date"
        name="birth_date"
        value="{{ profile.birth_date }}"
      />
    </div>
    <div class="form-group">
      <label for="profile_pic">Profile Picture</label>
      <input
        type="file"
        class="form-control-file"
        id="profile_pic"
        name="profile_pic"
      />
    </div>
    <button type="submit" class="btn btn-primary">Update Profile</button>
  </form>
</div>
{% endblock %}