75 lines
2.9 KiB
HTML
75 lines
2.9 KiB
HTML
{% extends 'base.html' %}
|
|
{% block title %}{{ title }} | Learning management system{% endblock title %}
|
|
{% load crispy_forms_tags %}
|
|
{% load static %}
|
|
|
|
{% block content %}
|
|
|
|
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="/">Home</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">Account setting</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<p class="title-1"><i class="fas fa-user-edit"></i>Account Settings</p>
|
|
|
|
{% if messages %}
|
|
{% for message in messages %}
|
|
{% if message.tags == 'error' %}
|
|
<div class="alert alert-danger">
|
|
<i class="fas fa-exclamation-circle"></i>{{ message }}
|
|
</div>
|
|
{% else %}
|
|
<div class="alert alert-success">
|
|
<i class="fas fa-check-circle"></i>{{ message }}
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
<form action="" method="POST" enctype="multipart/form-data">{% csrf_token %}
|
|
<div class="row mb-4">
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="form-title">Email & Personal Info</div>
|
|
<div class="container">
|
|
<div class="form-group">
|
|
<label>{{ form.email.label }}</label>{{ form.email }}
|
|
<span class="danger">{{ form.email.errors }}</span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{ form.first_name.label }}</label>{{ form.first_name }}
|
|
<span class="danger">{{ form.first_name.errors }}</span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{ form.last_name.label }}</label>{{ form.last_name }}
|
|
<span class="danger">{{ form.last_name.errors }}</span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{ form.phone.label }}</label>{{ form.phone }}
|
|
<span class="danger">{{ form.phone.errors }}</span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>{{ form.address.label }}</label>{{ form.address }}
|
|
<span class="danger">{{ form.address.errors }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<p class="form-title">Others</p>
|
|
<div class="container">
|
|
<div class="form-group"><label>Profile Picture</label><br>
|
|
{{ form.picture }}
|
|
<span class="danger">{{ form.picture.errors }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="btn btn-primary" type="submit">Update Profile</button>
|
|
</form>
|
|
{% endblock content %}
|