<nav class="$nav_css_class" id="navigation">
#if(!$is_signed_in)
		<span id="pvtpagelogin" class="col s12 m12 l12 center-align" style="background-color:#4C5268;">
				<img class="simweb_titleimage col s12 m12 l12 center-align" alt="Intuitive Surgical"  src="$images_folder/custom/dv_logo-white.svg"/>
		</span>
#else
	<!-- <div class=" simweb-nav-wrapper" style="text-align:center">
        <span id="logo-container">
        <a href="$site_default_url" title="#language("go-to") $site_name" >
            <img class="simweb_titleimage col s12 m12 l12 left-align" style="margin-left:2%;" alt="Intuitive Surgical"  src="$images_folder/custom/dv_logo-white.svg"/>
        </a>

        </span>
        #if ($show_site_name)
                    <span class="site-name" title="#language("go-to") $site_name">
                        $site_name
                    </span>
        #end

    </div> -->

    <div class=" simweb-nav-wrapper col s12 m12 l12" style="margin-top: 0%;
    width: auto;">
        <span id="logo-container" class="col s12 m12 l12">
       <!-- <a href="$site_default_url" title="#language("go-to") $site_name" >-->
            <img class="simweb_titleimage col s12 m12 l12 left-align" style="margin-left:2%;" alt="Intuitive Surgical"  src="$images_folder/custom/dv_logo-white.svg"/>
        </a>
        <ul style="float: right;
    margin-top: 2%;
    margin-right: 6%;">
        <li><a class="dropdown-button" href="#!" data-activates="dropdown1"><i class="fa fa-user userprofile"  aria-hidden="true"></i></a></li>
        </ul>

       <!-- <div id="dropdown">
	 <ul>
		<li>option1</li><br>
		<li>option2</li><br>
		<li>option3</li><br>
	</ul>-->

	<ul id="dropdown1" class="dropdown-content" style="width:140px;">
  <li><a href="#!" data-target="modalChangePassword">$user.getFullName() <i class="fa fa-user"  aria-hidden="true"></i></a></li>
  <li><a href="#!" data-target="modaleditprofile">EDIT PROFILE <i class="fa fa-pencil" aria-hidden="true"></i></a></li>
  <li class="divider"></li>
  <li><a href="/c/portal/logout">LOG OUT <i class="fa fa-sign-out" aria-hidden="true"></i></a></li>
</ul>



<!--</div>-->
  <a href="#modalhelp"> <i class="fa fa-question-circle" aria-hidden="true"></i></a>
        </span>
    </div>


</nav>
  <!-- Modal Trigger -->


  <!-- Modal Structure for EDIT PROFILE -->
  <div id="modaleditprofile" class="modal col s12 m12 l12 editprofilemodal">
  		<div class="chips">
		   <p class="alignment"> EDIT PROFILE
		   <i class="fa fa-times" aria-hidden="true"></i></p>
		</div>

    <div class="modal-content">
      <h5 id="profileheading">Profile</h5>
      <div class="input-field col s6">
          <input placeholder="Placeholder" id="first_name" type="text" class="validate">
          <label for="first_name">First Name</label>
        </div>
        <div class="input-field col s6">
          <input placeholder="Placeholder" id="last_name" type="text" class="validate">
          <label for="last_name">Last Name</label>
        </div>
         <div class="input-field col s6">
          <input placeholder="Placeholder" id="role" type="text" class="validate">
          <label for="role">Role</label>
        </div>
         <div class="input-field col s6">
          <input placeholder="Placeholder" id="speciality" type="text" class="validate">
          <label for="speciality">Speciality</label>
        </div>
         <div class="input-field col s6">
          <input placeholder="Placeholder" id="primaryhosp" type="text" class="validate">
          <label for="primaryhosp">Primary Hospital</label>
        </div>
          <h5 id="profileheading">Simulation Hub Access</h5>
           <div class="input-field col s6">
          <input placeholder="Placeholder" id="email" type="text" class="validate">
          <label for="email">Email</label>
        </div>
         <div class="input-field col s6">
          <input placeholder="Placeholder" id="password" type="text" class="validate">
          <label for="password">Password</label>
        </div>
         <h5 id="profileheading">Simulator Access</h5>
           <div class="input-field col s6">
          <input placeholder="Placeholder" id="user_name" type="text" class="validate">
          <label for="user_name">User Name</label>
        </div>
         <div class="input-field col s6">
          <input placeholder="Placeholder" id="pin" type="text" class="validate">
          <label for="pin">PIN</label>
        </div>
    </div>
    <div class="modal-footer">
    <a href="#!" class=" modal-action modal-close waves-effect waves-green btn save">Save</a>
      <a href="#!" class=" modal-action modal-close waves-effect waves-green btn cancel">Cancel</a>

    </div>
  </div>
   <!-- Modal for Change password -->
   <div id="modalPassword" class="modal">
    <div class="modal-content">
      <div class="chips" style="width: 113%;
    margin-left: -6%;">
		   <p class="alignment"> CHANGE PASSWORD
		   <i class="fa fa-times" aria-hidden="true"></i></p>
		</div>
    </div>
    <div class="modal-footer">
    <div class="center-align">
    		<i class="fa fa-check-circle-o fa-3x" aria-hidden="true" style="color:#0081FF;"></i>
    		<p style="color:#0081FF;">Password successfully changed</p>

    		<div class="center-align"><a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat center-align btn1" style=".modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    /* float: right; */
    margin: 6px 0;
}">CONTINUE TO PORTAL</a></div>
    </div>

    </div>
  </div>


   <!-- Modal for Change password -->
   <div id="modalChangePassword" class="modal">
    <div class="modal-content">
      <div class="chips" style="width: 113%;
    margin-left: -6%;">
		   <p class="alignment"> CHANGE PASSWORD
		   <i class="fa fa-times" aria-hidden="true"></i></p>
		</div>
    </div>
    <div class="modal-footer">
    <div>

    	 <div class="input-field col s6">
          <input  id="newpass" type="text" class="validate">
          <label for="newpass">New Password</label>
        </div>
         <div class="input-field col s6">
          <input  id="newpass" type="text" class="validate">
          <label for="newpass">Confirm New Password</label>
        </div>
    	<a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat center-align btn1" style=".modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    /* float: right; */
    margin: 6px 0;
}">CHANGE PASSWORD</a>
    </div>

    </div>
  </div>

  <!-- modal for survey -->
  <div id="modalhelp" class="modal">
    <div class="modal-content">
    <div class="chips support">
		   <p class="alignment"> Support
		   <i class="fa fa-times" aria-hidden="true"></i></p>
		</div>
      <h5 class="tittle">Need Some Assistance?</h5>
      <hr>
      <p class="subtitle">For technical issues contact <h6 class="email">technicalissues@intusurg.com</h6></p>
      <p class="subtitle">For product questions contact <h6 class="email">productquestions@intusurg.com</h6></p>
      <hr>
      <h5 class="tittle">We'd love to hear from you!</h5>
      <hr>
      <p class="subtitle">" Text to be replaced"</p>
    </div>
    <div class="modal-">
      <a href="#!" class=" modal-action btn modal-close waves-effect waves-green buttonsurvey" style="float:left;">Take the survey</a>
    </div>
  </div>
  #end