<%- layout('layout/dashboard-template')%>
<!-- BREADCRUMBS -->
<div class="">
  <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/dashboard">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="/dashboard/account">Account</a></li>
    <li class="breadcrumb-item active" aria-current="page">Edit</li>
  </ol>
</nav>
</div>
<!-- MAIN -->
<div class="white rounded p-3">
<h1 class="mb-3">Edit your Account</h1>
<div class="d-flex justify-content-center">
<form class="reg-form border" action="/dashboard/account/<%=user._id %>?_method=PUT" method="POST">
  <div class="mb-2">
  <label for="name" class="form-label">Name</label>
  <input type="text" name="user[name]" id="name"
  value="<%=user.name%>">
  </div>

  <div class="mb-3">
    <label for="email" class="form-label">Email address</label>
    <input type="email" name="user[email]" id="email"
    value="<%=user.email%>">
  </div>

  <div class="mb-3">
    <label for="company" class="form-label">Company Name</label>
    <input type="text" name="user[company]" id="company"
    value="<%=user.company%>">
  </div>

  <div class="mb-3">
  <label for="address" class="form-label">Address</label>
  <input type="text" name="user[address]"
  id="address" value="<%=user.address%>">
  </div>

  <div class="mb-3">
  <label for="tel" class="form-label">Phone Number</label>
  <input type="tel" name="user[tel]" id="tel"
  value="<%=user.tel%>">
  </div>

  <div class="mb-3">
    <label for="website" class="form-label">Website URL (optional)</label>
    <input type="url" name="user[website]" id="website"
    value="<%=user.website%>">
  </div>

  <div class="mb-5">
    <label for="logo" class="form-label">Logo (optional)</label>
    <input type="file" class="form-control" name="user[logo]" id="logo"
    value="<%=user.logo%>">
  </div>

  <button class="submitBtn btn-gradient py-2">Submit</button>
</form>
</div>
</div>
