{{-- Bài 06: Blade Component <x-badge :age="$student->age" /> kết hợp @class directive --}}
@props(['age' => 18])

@php
    $isAdult = (int) $age >= 18;
    $label   = $isAdult ? 'Adult' : 'Under 18';
@endphp

<span @class([
    'badge rounded-pill px-3 py-1',
    'bg-success-subtle text-success border border-success-subtle' => $isAdult,
    'bg-warning-subtle text-warning-emphasis border border-warning-subtle' => ! $isAdult,
])>
    <i @class([
        'bi me-1',
        'bi-patch-check-fill' => $isAdult,
        'bi-exclamation-circle-fill' => ! $isAdult,
    ])></i>
    {{ $label }} ({{ $age }} tuổi)
</span>