my_page.html

---
tab: my_page
layout: default
title: My Page
---

<script src="assets/js/my_page.js"></script>

<h1>My page</h1>

<h2>About me</h2>

<div class="logging-in lead">Logging in</div>


<div class="col">
  <div class="row mb-2">
    <span class="mr-2">My name:</span>
    <div id="my_name"></div>
  </div>
  <div class="row mb-2">
    <span class="mr-2">My parent:</span>
    <div id="parent_name"></div>
  </div>
  <div class="row mb-2">
    <span class="mr-2">Parent's email:</span><div id="parent_email"></div>
  </div>
  <div class="row mb-2">
    <span class="mr-2">Parent's phone:</span><div id="parent_phone"></div>
  </div>

  <div class="row mb-4">
    <label class="col-form-label mr-2" for="login_link">My login link:</label>
    <div id="login_link" class="pt-2 mr-4"></div>
    <button class="logout btn btn-sm btn-outline-danger ml-5">Logout</button>
  </div>

  <div class="row mb-4">
    <a href="/edit_user"><i class="fa fa-edit mr-2"></i> Edit my profile</a>
  </div>  

</div>

<div class="volunteered d-none">
  <h2>I volunteered for</h2>
  <table class="items table"><tbody/></table>
</div>

<div class="sold d-none">
  <h2>Jobs sold</h2>
  <table class="items table"><tbody/></table>
</div>