@extends('layouts.app')
@section('title', 'Profile')

@section('content')
    <h1 class="h4 mb-3">My Profile</h1>

    <div class="card">
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="text-muted small">Name</div>
                    <div class="fw-semibold">{{ $patient->user->name ?? '-' }}</div>
                </div>
                <div class="col-md-6">
                    <div class="text-muted small">Email</div>
                    <div class="fw-semibold">{{ $patient->user->email ?? '-' }}</div>
                </div>
                <div class="col-md-6">
                    <div class="text-muted small">MRN</div>
                    <div class="fw-semibold">{{ $patient->mrn }}</div>
                </div>
                <div class="col-md-6">
                    <div class="text-muted small">Phone</div>
                    <div class="fw-semibold">{{ $patient->phone ?? $patient->user->phone ?? '-' }}</div>
                </div>
                <div class="col-12">
                    <div class="text-muted small">Address</div>
                    <div class="fw-semibold">{{ $patient->address ?? '-' }}</div>
                </div>
            </div>
        </div>
    </div>
@endsection