<template name="Edit_Profile_Page">
  <div style="margin-top: 20px" class="ui container">
    <form class="ui form">
      <h4 class="ui dividing header">User Profile</h4>
      <div class="field">
        <label>Name</label>
        <div class="two fields">
          <div class="field">
            <input name="first" id="first" placeholder="First Name" type="text">
          </div>

          <div class="field">
            <input name="last" id="last" placeholder="Last Name" type="text">
          </div>
        </div>
      </div>

      <div class="field">
        <label>Telephone/Email</label>
        <div class="two fields">
          <div class="field">
            <input name="telephone" id="telephone" placeholder="XXX-XXX-XXXX" type="text">
          </div>
          <div class="field">
            <input name="email" id="email" placeholder="email" type="text">
          </div>
        </div>
      </div>

      <label>Upload profile image</label>
      <div class="ui image-upload segment">
        <img style="margin-bottom: 10px" class="ui medium rounded image"
             src="/images/UHM-logo.jpg">
        <input type="file" name="item-image">
        <a class="ui mini blue button">Upload</a>
        <a class="ui mini button">Remove</a>
      </div>

      <button class="ui button" type="submit">Update</button>

    </form>
  </div>
</template>
