{% load static %}
{% load widget_tweaks %}
{% load crispy_forms_tags %}
<html lang="en">

<head>

    <link class="js-stylesheet" href="{% static 'css/light.css' %}" rel="stylesheet">
    <link class="js-stylesheet" href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link class="js-stylesheet" href="{% static 'css/image.css' %}" rel="stylesheet">
    <link class="js-stylesheet" href="{% static 'css/final.css' %}" rel="stylesheet">
    <link class="js-stylesheet" href="{% static 'css/menu.css' %}" rel="stylesheet">
	<script src="js/settings.js"></script>

        <script>
            (function(h,o,t,j,a,r){
                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
                h._hjSettings={hjid:2120269,hjsv:6};
                a=o.getElementsByTagName('head')[0];
                r=o.createElement('script');r.async=1;
                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
                a.appendChild(r);
            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
        </script>
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3ZYEKLQ68"></script>
        <script>
          <window class="da"></window>taLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());

          gtag('config', 'G-Q3ZYEKLQ68');
        </script>
</head>

<body>
{% if messages %}
<div class="messages">
    {% for message in messages %}
    <p {% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</p>
    {% endfor %}
</div>
{% endif %}


	<div class="wrapper">
		<nav id="sidebar" class="sidebar">
			<div class="sidebar-content js-simplebar">
				<a class="sidebar-brand" href="{% url 'home' %}">

                  <span class="align-middle me-3">Welcome to Nsoft</span>
                        <br>
                        <br>
                </a>

               <center>
                 <div class="text-dark">

                        <a  href="#" data-bs-toggle="dropdown">
                              <img src="{% static 'images/orginla.jpg' %}" width="40" height="40" class="avatar img-fluid rounded-circle me-14" alt="Chris Wood">
                        </a>

                 </div>

                        <br>
               </center>

              <center>
                    <div class="text-dark"><font color="magenta">Upputuri Nagababu</font> </div></center>
                    <br>

              <ul class="sidebar-nav">


						<ul id="dashboards" class="sidebar-dropdown list-unstyled collapse show" data-bs-parent="#sidebar">
							<li class="sidebar-item active">
                              <a class="sidebar-link" href="{% url 'Password_change' %}">Change Password</a>
                            </li>

							<li class="sidebar-item">
                              <a class="sidebar-link" href="{% url 'pro_list' %}">Submitted ideas</a>
                            </li>

							<li class="sidebar-item">
                              <a class="sidebar-link" href="{% url 'logout' %}">logout</a>
                            </li>

						</ul>
              </ul>

			  </div>
        </nav>



		<div class="main">


			<main class="content">
				<div class="container-fluid p-50">
<form action="{% url 'update_profile' %}" method="post">

			          {% csrf_token %}

                      {% for field in update_profile_data %}

                                            {{field.label}}
                                            {% render_field field class="form-control" %}
                                            {{field.errors}}
    <br>
                      {% endfor %}

			<div class="text-center">
<!--				<a rel="stylesheet" href="" class="btn bg-gradient-primary w-100 mt-4 mb-0">SignUp</a>-->
				<input type="submit" value="Update Profile " class="btn bg-gradient-primary w-25 mt-2 mb-0">
			</div>
		</form>


</div>
            </main>
        </div>
    </div>



</body>
</html>
