{% extends 'board_dean.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}
  <title>My Profile</title>
  <meta name="description" content="">

{% endblock title %}

{% block content %}

<div class=" app-content">
	<div class="side-app">
    <br>
    {% include 'partials/_alerts.html' %}
		<!--Page Header-->
    <br>
		<div class="page-header">
			<h4 class="page-title"><i class="fa fa-key text-apu-purple mr-1 fa-1x"></i>You can change your password in the form below, <strong class="text-apu-purple">{{user.first_name}}</strong></h4>
			<ol class="breadcrumb bg-white">
				<li class="breadcrumb-item"><a href="{% url 'dean_board' %}"><strong>Dashboard</strong></a></li>
				<li class="breadcrumb-item active" aria-current="page"><strong>Edit Profile</strong></li>
			</ol>
		</div>

    <div class="row">
      <div class="col-md-12 col-xl-3 col-lg-4">
        <div class="card">
    			<div class="text-center card-header bg-white">
    				<h4 class=" text-apu-purple"><strong class="text-white"></strong></h4>

    			</div>
    			<div class="card-body">
            <div class="user-info">
							<div class="text-center">
								<div class="mr-3">
									<a class="btn fw-500 ms-lg-4" href="{% url 'hod_board' %}">
										{% if user.photograph %}
											<img src="{{ user.photographURL }}" alt="Photograph" class="profile-big">
										{% else %}
											<i class="fa fa-user-circle text-apu-purple fa-7x"></i>
										{% endif %}
									</a>
								</div>
								<h5 class="text-dark mb-1">{{user.first_name}} {{user.last_name}}</h5>
								<div class="badge bg-apu-purple text-white rounded-pill badge-marketing badge-sm"><strong>{{user.type}}</strong></div>
							</div>
						</div>
    			</div>
    		</div>
    	</div>
      <div class="col-md-12 col-xl-9 col-lg-4">
      <div class="card">
        <form method="post" class="form-group col-md-12 text-dark-green" enctype="multipart/form-data">
          <div class="card-header bg-white">
            <h4 class="text-apu-purple">
              <i class="fas fa-key"></i> Change Password</h4>
          </div>
          <br>
        {% csrf_token %}
        {{ form|crispy }}
        <div class="card-footer text-right bg-white">
          <input type="submit" class="form-group btn btn-cylinder" value="Update">
        </div>
      </form>
      </div>
      </div>
    </div>

	<div class="col-md-12 col-xl-4 col-lg-4">

	</div>
	<div class="col-md-12 col-xl-4 col-lg-4">

	</div>

{% endblock content%}