{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load crispy_forms_tags %}

{% block title %}User: {{ object.username }}{% endblock %}

{% block content %}
<div class="container">
<h2>Profile</h2>
<div class="row">
  <div class="col-md-6">
    <img src="{{ user.image.profile.url }}" alt="Profile image"/>
    <p>{{ user.username }}</p>
    <p>{{ user.name }}</p>
    <p>{{ user.email }}</p>
    <p>Last login {{ user.last_login}}</p>
    <p>Member since</p>
    <p>Description: {{ blurb.description }}</p>
    <p>Skills: {{ blurb.description }}</p>

    <h3>Membership status</h3>
    <p>Membership Status: {{ membership.get_status }}</p>
    <p>Last Payment: {{membership.date}}</p>
    <p>Amount: &pound;{{membership.payment}}</p>
  </div>
  <div class="col-md-6">
    <div id="membercard" class="registered">
      <div class="date">Joined {{membership.date}}</div>
      <div class="container">
        <div class="middle">

          <form method="POST" action="{% url 'contact' %}" class="contact_us_form">
            {% csrf_token %}
            {{ membership_form|crispy }}
            <button class="btn btn-primary" type="submit" name="action">{% trans "Send" %}</button>
          </form>
          <p>MHS{{ user.id|stringformat:"05d" }}</p><p>{{user.name}}{{user.last_name}}</p>
          <a href="/profile/membership/cancel">Cancel Membership</a>
        </div>
      </div>
    </div>
  </div>
</div>

  <div class="row">
    <div class="col-sm-12">

      <h2>{{ object.username }}</h2>
      {% if object.name %}
        <p>{{ object.name }}</p>
      {% endif %}
    </div>
  </div>

{% if object == request.user %}
<!-- Action buttons -->
<div class="row">

  <div class="col-sm-12">
    <a class="btn btn-primary" href="{% url 'users:update' %}" role="button">My Info</a>
    <a class="btn btn-primary" href="{% url 'account_email' %}" role="button">E-Mail</a>
    <!-- Your Stuff: Custom user template urls -->
  </div>

</div>
<!-- End Action buttons -->
{% endif %}


</div>
{% endblock content %}