11{% extends 'base.html' %}
22{% block title %}{{ user }}'s Profile{% endblock %}
3- {% block page_heading %}
4- < h2 > Profile</ h2 >
5- < hr >
6- {% endblock %}
3+ {% block page_heading %} < i class ="material-icons "> account_circle</ i > My Account{% endblock %}
74{% block content %}
8- {{ user }}
9- < p > {{ profile.email }}</ p >
10- {% endblock %}
5+ < div class ="row ">
6+ < div class ="col-sm-2 ">
7+ < p > < i class ="material-icons "> account_circle</ i > </ p >
8+ < p > < a href ="# "> Add Avatar</ a > </ p >
9+ </ div >
10+ < div class ="col-sm-10 ">
11+ < br >
12+ < table class ="table table-sm ">
13+ < tbody >
14+ < tr >
15+ < th > Username</ th >
16+ < td > {{ user.username }} </ td >
17+ </ tr >
18+ < tr >
19+ < th > First Name</ th >
20+ < td > {{ user.first_name }} </ td >
21+ </ tr >
22+ < tr >
23+ < th > Last Name</ th >
24+ < td > {{ user.last_name }}</ td >
25+ </ tr >
26+ < tr >
27+ < th > Email</ th >
28+ < td > {{ user.email }} < a href ="# " class ="float-right "> Update</ a > </ td >
29+ </ tr >
30+ < tr >
31+ < th > Member Since</ th >
32+ < td > {{ user.date_joined.date }}</ td >
33+ </ tr >
34+ < tr >
35+ < th > Staff</ th >
36+ < td > {{ user.is_staff }}</ td >
37+ </ tr >
38+ < tr >
39+ < th > Current Plan</ th >
40+ {% if user.profile.is_pro_user %}
41+ < td > < span class ="badge badge-primary "> PRO</ span > </ td >
42+ {% else %}
43+ < td > Basic</ td >
44+ {% endif %}
45+ </ tr >
46+ </ tbody >
47+ </ table >
48+ </ div >
49+ </ div >
50+ < div class ="row ">
51+ < div class ="col-sm-12 text-center ">
52+ < h3 > Plans</ h3 >
53+ < br >
54+ </ div >
55+ </ div >
56+ < div class ="row ">
57+ < div class ="col-sm-6 text-center ">
58+ < div class ="jumbotron ">
59+ {% if user.profile.is_pro_user %}
60+ < h5 > BASIC</ h5 >
61+ < p > Max Tickets/Month: 10/month</ p >
62+ {% else %}
63+ < h5 > BASIC < span class ="badge badge-secondary "> Current</ span > </ h5 >
64+ < p > Max Tickets/Month: 10/month</ p >
65+ < p > Tickets Remaining This Month: placeholder</ p >
66+ {% endif %}
67+ </ div >
68+ </ div >
69+ < div class ="col-sm-6 text-center ">
70+ < div class ="jumbotron ">
71+ {% if user.profile.is_pro_user %}
72+ < h5 > PRO < span class ="badge badge-primary align-top "> Current Plan</ span > </ h5 >
73+ < p > Max Tickets/Month: Unlimited</ p >
74+ < p > Kanban View: Available</ p >
75+ {% else %}
76+ < h5 > PRO</ h5 >
77+ Unlock < a href ="# "> Kanban View</ a > </ p >
78+ < p > 9.90 EUR / month</ p >
79+ < p > < a href ="{% url 'checkout' %} " class ="btn btn-primary "> Go PRO</ a > </ p >
80+ {% endif %}
81+ </ div >
82+ </ div >
83+ </ div >
84+ {% endblock %}
0 commit comments