@php
    $highlighted = $highlighted ?? true;
    $label = $label ?? null;
    $subtext = $subtext ?? null;
    $wrapper = $wrapper ?? true;
@endphp

@if ($wrapper)
    <table style="width: 100%; border-collapse: collapse; background-color: var(--grey);">
        <tr><td style="height: 24px; background-color: var(--grey);"></td></tr>
        <tr>
            <td style="padding: 0 24px;">
@endif
            <table style="width: 100%; border-collapse: collapse; background-color: #ffffff;">
                <tr>
                    <td style="padding: 14px 20px; vertical-align: top;">
                        @if ($label)
                            @if (!$highlighted)
                                <span class="card-label label-secondary">{{ $label }}</span>
                            @else
                                <span class="card-label label-primary">{{ $label }}</span>
                            @endif
                        @endif
                        <span style="display: block; font-size: 15px; font-weight: 700; color: var(--dark);">{{ $value }}</span>
                        @if ($subtext)
                            <span style="display: block; font-size: 13px; color: #888888; margin-top: 4px;">{{ $subtext }}</span>
                        @endif
                    </td>
                    <td style="padding: 14px 20px; vertical-align: middle; text-align: right; white-space: nowrap;">
                        <a href="{{ $link }}" style="font-size: 15px; color: var(--dark); text-decoration: none;">→</a>
                    </td>
                </tr>
            </table>
@if ($wrapper)
            </td>
        </tr>
        <tr><td style="height: 24px; background-color: var(--grey);"></td></tr>
    </table>
@endif