@extends('layouts.app')

@section('title', 'My Profile')

@section('content')
<div class="card" style="max-width:600px;">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">My Profile</h2>
    <p style="font-size:13px;margin-bottom:6px;"><strong>Name:</strong> {{ $teacher->user->name }}</p>
    <p style="font-size:13px;margin-bottom:6px;"><strong>Staff ID:</strong> {{ $teacher->staff_id }}</p>
    <p style="font-size:13px;margin-bottom:6px;"><strong>Department:</strong> {{ $teacher->department->name ?? '—' }}</p>
    <p style="font-size:13px;margin-bottom:6px;"><strong>Qualification:</strong> {{ $teacher->qualification ?? '—' }}</p>
    <p style="font-size:13px;margin-bottom:16px;"><strong>Date Employed:</strong> {{ optional($teacher->date_employed)->format('d M, Y') ?? '—' }}</p>
    <a href="{{ url('/profile') }}" style="color:#0b4f2c;font-size:12.5px;">Edit account details / change password &rarr;</a>
</div>
@endsection