<?php
$title='My Development Center';
?>

<div class="container-fluid py-4">

<h2 class="mb-4">
<i class="fa-solid fa-chart-line"></i>
My Development Center
</h2>

<div class="row g-3">

<div class="col-md-3">
<div class="card shadow-sm">
<div class="card-body">
<h6>Talent Score</h6>
<h3><?= htmlspecialchars($data['talent']['talent_score'] ?? '0') ?></h3>
<div><?= htmlspecialchars($data['talent']['talent_level'] ?? '-') ?></div>
</div>
</div>
</div>

<div class="col-md-3">
<div class="card shadow-sm">
<div class="card-body">
<h6>Reputation</h6>
<h3><?= htmlspecialchars($data['reputation']['reputation_score'] ?? '0') ?></h3>
<div><?= htmlspecialchars($data['reputation']['reputation_tier'] ?? '-') ?></div>
</div>
</div>
</div>

<div class="col-md-3">
<div class="card shadow-sm">
<div class="card-body">
<h6>Academy</h6>
<div><?= htmlspecialchars($data['academy']['academy_program'] ?? '-') ?></div>
<div><?= htmlspecialchars($data['academy']['academy_level'] ?? '-') ?></div>
</div>
</div>
</div>

<div class="col-md-3">
<div class="card shadow-sm">
<div class="card-body">
<h6>Certification</h6>
<div><?= htmlspecialchars($data['certification']['certification_level'] ?? '-') ?></div>
</div>
</div>
</div>

<div class="col-md-4">
<div class="card shadow-sm">
<div class="card-body">
<h6>Digital Twin</h6>
<div>Growth: <?= htmlspecialchars($data['digital_twin']['growth_potential'] ?? '0') ?></div>
<div>Leadership: <?= htmlspecialchars($data['digital_twin']['leadership_probability'] ?? '0') ?></div>
<div>Promotion: <?= htmlspecialchars($data['digital_twin']['promotion_probability'] ?? '0') ?></div>
<div><?= htmlspecialchars($data['digital_twin']['future_role'] ?? '-') ?></div>
</div>
</div>
</div>

<div class="col-md-4">
<div class="card shadow-sm">
<div class="card-body">
<h6>Awards</h6>
<div><?= htmlspecialchars($data['awards']['award_category'] ?? '-') ?></div>
</div>
</div>
</div>

<div class="col-md-4">
<div class="card shadow-sm">
<div class="card-body">
<h6>Hall Of Fame</h6>
<div>Rank:
<?= htmlspecialchars($data['lifetime']['hall_of_fame_rank'] ?? '-') ?>
</div>
</div>
</div>
</div>

</div>

</div>
