{% extends "tenant/layouts/base.html" %}
{% block title %}My Profile{% endblock %}
{% block content %}
<h4 class="fw-bold mb-4">My Profile</h4>
<div class="card shadow-sm" style="max-width:400px;">
  <div class="card-body">
    <dl class="row mb-0">
      <dt class="col-sm-4">Name</dt><dd class="col-sm-8">{{ staff.name }}</dd>
      <dt class="col-sm-4">Phone</dt><dd class="col-sm-8">{{ staff.phone }}</dd>
      <dt class="col-sm-4">Type</dt><dd class="col-sm-8">{{ staff.staff_type.replace('_',' ').title() }}</dd>
      <dt class="col-sm-4">Pay Type</dt><dd class="col-sm-8">{{ staff.pay_type.title() }}</dd>
    </dl>
  </div>
</div>
<a href="{{ url_for('staff_portal.index') }}" class="btn btn-outline-secondary btn-sm mt-3">Back</a>
{% endblock %}