employee-profile.html

<div class="card">
  <div class="card-title" style="display: flex; align-items: center;">
    <button class="button-secondary" data-action="backToEmployees" style="margin-right: 1rem; float: none;">
      <i class="fas fa-arrow-left"></i>
    </button>
    <span>ข้อมูลพนักงาน</span>
  </div>
  <div class="profile-header" style="text-align: center; margin-bottom: 1.5rem;">
    <div class="avatar" style="width: 80px; height: 80px; font-size: 2rem; margin: 0 auto 1rem;">
      {{avatar}}
    </div>
    <h2 style="margin: 0; font-size: 1.4rem;">{{name}}</h2>
    <p style="margin: 0.2rem 0; color: #555;">{{position}}</p>
  </div>

  <div class="profile-details">
    <div class="detail-item">
      <strong>แผนก:</strong>
      <span>{{department}}</span>
    </div>
    <div class="detail-item">
      <strong>วันเริ่มงาน:</strong>
      <span>{{startDate}}</span>
    </div>
    <div class="detail-item">
      <strong>อีเมล:</strong>
      <span>{{email}}</span>
    </div>
    <div class="detail-item">
      <strong>เบอร์โทรศัพท์:</strong>
      <span>{{phone}}</span>
    </div>
  </div>
</div>