@extends('mail.layout')

@section('emailStyles')
    .email-metric{width:50%;padding:13px 14px;border-right:1px solid #e2e4e8}
    .email-metric:last-child{border-right:0}
    .email-report-block{margin:0 0 14px;border-collapse:separate;border-spacing:0;overflow:hidden}
    .email-report-row td{border-bottom:1px solid #e2e4e8}
    @media (prefers-color-scheme:dark){.email-report-row td{border-color:#30333b!important}.email-report-card{background:#191b20!important;border-color:#30333b!important}.email-report-muted{color:#a6aab4!important}}
    @media screen and (max-width:560px){.email-metric{display:block!important;width:auto!important;border-right:0!important;border-bottom:1px solid #e2e4e8}.email-metric:last-child{border-bottom:0}.email-report-button{display:block!important;width:auto!important;text-align:center!important}}
@endsection

@section('emailContent')
    @php
        $statusColor = $status['tone'] === 'bad' ? '#b42318' : '#137a4b';
        $summaryItems = [
            ['Ações', $summary['tasks_created'] + $summary['tasks_completed'] + $summary['meetings'] + $summary['leads']],
            ['Registros técnicos', $summary['technical_logs']],
            ['Falhas e incidentes', $summary['errors'] + $summary['failed_jobs'] + $summary['incidents']],
        ];
    @endphp

    <p class="email-report-muted" style="margin:0 0 7px;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.08em">Período analisado</p>
    <h1 style="margin:0;color:inherit;font-size:25px;line-height:1.2">{{ $period }}</h1>
    <p class="email-report-muted" style="margin:10px 0 18px;color:#6b7280;font-size:14px;line-height:1.5">Resumo das ações e da saúde operacional do OmniAURIOS.</p>

    <table role="presentation" width="100%" class="email-report-card" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:14px;background:#fff;border:1px solid #e2e4e8;border-radius:12px">
        <tr>
            <td class="email-metric"><span class="email-report-muted" style="display:block;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.06em">Status geral</span><strong style="display:block;margin-top:6px;color:{{ $statusColor }};font-size:17px">● {{ $status['label'] }}</strong></td>
            <td class="email-metric"><span class="email-report-muted" style="display:block;color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.06em">Gerado em</span><strong style="display:block;margin-top:6px;color:inherit;font-size:17px">{{ $generated_at }}</strong></td>
        </tr>
    </table>

    <table role="presentation" width="100%" class="email-report-card" cellpadding="0" cellspacing="0" border="0" style="margin-bottom:18px;background:#fff;border:1px solid #e2e4e8;border-radius:12px">
        <tr>@foreach($summaryItems as [$label, $value])<td class="email-metric"><strong style="display:block;color:inherit;font-size:21px">{{ (int) $value }}</strong><span class="email-report-muted" style="display:block;margin-top:3px;color:#6b7280;font-size:11px">{{ $label }}</span></td>@endforeach</tr>
    </table>

    @foreach($blocks as $block)
        <table role="presentation" width="100%" class="email-report-card email-report-block" cellpadding="0" cellspacing="0" border="0" style="background:#fff;border:1px solid #e2e4e8;border-radius:12px">
            <tr><td colspan="2" style="padding:14px 14px 8px;font-size:16px;font-weight:700">{{ $block['title'] }}</td></tr>
            @foreach($block['items'] as $label => $value)
                <tr class="email-report-row"><td class="email-report-muted" style="padding:11px 14px;color:#6b7280;font-size:13px">{{ $label }}</td><td align="right" style="padding:11px 14px;color:inherit;font-size:14px;font-weight:700">{{ $value }}</td></tr>
            @endforeach
        </table>
    @endforeach

    <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-top:10px"><tr>
        <td class="email-report-button" style="border-radius:9px;background:{{ $branding['accent_color'] ?? '#a5820f' }}"><a href="{{ url('saude') }}" style="display:inline-block;padding:12px 18px;color:#fff;text-decoration:none;font-size:14px;font-weight:700">Abrir Saúde da aplicação</a></td>
        <td style="padding-left:12px"><a href="{{ url('/') }}" style="color:{{ $branding['accent_color'] ?? '#a5820f' }};text-decoration:none;font-size:13px;font-weight:700">Acessar painel</a></td>
    </tr></table>
@endsection