@component('emails.layouts.html', ['subject' => trans('messages.new_tag_added') . ': ' . ($tagInfo['tag'] ?? 'Unknown')])

{{-- Greeting --}}
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 15px 0; padding: 0; line-height: 1.5;">
    {{ __('Hello') }},
</p>

{{-- Main message --}}
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 20px 0; padding: 0; line-height: 1.5;">
    {{ __('A new tag has been added:') }}
</p>

{{-- Tag Information Table --}}
@if($tagInfo)
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 20px 0; border-collapse: collapse;">
    <tr>
        <td style="padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: {{ theme_color('text.primary') }}; border-bottom: 1px solid #e5e7eb;">
            <strong>{{ __('Name:') }}</strong>
        </td>
        <td style="padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: {{ theme_color('text.primary') }}; border-bottom: 1px solid #e5e7eb;">
            {{ $tagInfo['tag'] ?? '-' }}
        </td>
    </tr>
    @if(isset($tagInfo['category_path']))
    <tr>
        <td style="padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: {{ theme_color('text.primary') }}; border-bottom: 1px solid #e5e7eb;">
            <strong>{{ __('Category:') }}</strong>
        </td>
        <td style="padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: {{ theme_color('text.primary') }}; border-bottom: 1px solid #e5e7eb;">
            {{ $tagInfo['category_path'] }}
        </td>
    </tr>
    @endif
    @if(isset($tagInfo['comment']))
    <tr>
        <td style="padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: {{ theme_color('text.primary') }};">
            <strong>{{ __('Description:') }}</strong>
        </td>
        <td style="padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: {{ theme_color('text.primary') }};">
            {{ $tagInfo['comment'] }}
        </td>
    </tr>
    @endif
</table>
@endif

{{-- Closing --}}
<p style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 30px 0 30px 0; padding: 0; line-height: 1.5;">
    {{ config('app.name') }}
</p>

@endcomponent
