@php
    $brand = $branding ?? [];
    $websiteUrl = $brand['website_url'] ?? 'http://www.humanittare.com.br/';
    $instagramUrl = $brand['instagram_url'] ?? 'https://www.instagram.com/humanittare';
    $linkedinUrl = $brand['linkedin_url'] ?? 'https://www.linkedin.com/company/humanittare/posts/?feedView=all';
    $youtubeUrl = $brand['youtube_url'] ?? 'https://www.youtube.com/@humanittareconsultoria9117';
    $companyName = $brand['company_name'] ?? 'Humanittare Consultoria';
    $logoUrl = asset('email-assets/logo_dark.png');
    $frontendUrl = rtrim((string) ($brand['frontend_url'] ?? config('app.frontend_url')), '/');
    $heroUrl = asset('storage/pendingmoviments.gif');
@endphp

<div style="background:#e5e5e5;padding:0;margin:0;">
    <div align="center">
        <table border="0" cellspacing="0" cellpadding="0" style="width:100%;max-width:600px;background:#ffffff;">
            <tbody>
            <tr>
                <td style="padding:26px 22px 18px 22px;text-align:left;background:#ffffff;">
                    <img src="{{ $logoUrl }}" alt="{{ $companyName }}" width="190" style="width:190px;max-width:190px;height:auto;border:0;display:inline-block;-ms-interpolation-mode:bicubic;">
                </td>
            </tr>

            <tr>
                <td style="padding:0;text-align:center;background:#ffffff;">
                    <img src="{{ $heroUrl }}" alt="Movimentações pendentes" style="width:100%;max-width:600px;height:auto;border:0;display:block;">
                </td>
            </tr>

            <tr>
                <td style="padding:22px;">
                    <p style="margin:0 0 10px 0;font:400 14px Tahoma,Arial,sans-serif;color:#5c707b;">
                        Olá, <strong>{{ $user->name }}</strong>!
                    </p>
                    <p style="margin:0 0 12px 0;font:400 14px Tahoma,Arial,sans-serif;color:#5c707b;line-height:1.5;">
                        Este é um relatório automático do sistema HI - {{ $companyName }} sobre movimentações que necessitam atenção.
                    </p>

                    <div style="margin:0 0 16px 0;">
                        <p style="margin:0 0 6px 0;font:700 14px Tahoma,Arial,sans-serif;color:#5c707b;">📊 Resumo:</p>
                        <p style="margin:0;font:400 14px Tahoma,Arial,sans-serif;color:#5c707b;line-height:1.55;">
                            Movimentações Incompletas: <strong style="color:#ff9800;">{{ $totalIncomplete }}</strong><br>
                            Movimentações Criticadas: <strong style="color:#f44336;">{{ $totalCriticized }}</strong><br>
                            Total de Pendências: <strong style="color:#2196f3;">{{ $totalIncomplete + $totalCriticized }}</strong>
                        </p>
                    </div>

                    @if($totalIncomplete > 0)
                        <div style="margin-bottom:18px;">
                            <p style="margin:0 0 10px 0;font:700 14px Tahoma,Arial,sans-serif;color:#ff9800;">⚠️ Movimentações Incompletas ({{ $totalIncomplete }})</p>
                            @foreach($incompleteMovements as $movement)
                                <div style="background:#fff3cd;border-left:4px solid #ff9800;border-radius:4px;padding:10px 12px;margin-bottom:10px;">
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Protocolo:</strong> {{ $movement->protocol_number ?? 'N/A' }}</p>
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Tipo:</strong> {{ $movement->requestType->name ?? 'N/A' }}</p>
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Empresa:</strong> {{ $movement->company->name ?? 'N/A' }}</p>
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Status:</strong> {{ $movement->status ?? 'N/A' }}</p>
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Criado em:</strong> {{ $movement->created_at ? \Carbon\Carbon::parse($movement->created_at)->format('d/m/Y H:i') : 'N/A' }}</p>
                                    <p style="margin:0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Processado:</strong> Não</p>
                                </div>
                            @endforeach
                        </div>
                    @endif

                    @if($totalCriticized > 0)
                        <div style="margin-bottom:18px;">
                            <p style="margin:0 0 10px 0;font:700 14px Tahoma,Arial,sans-serif;color:#f44336;">🚨 Movimentações Criticadas ({{ $totalCriticized }})</p>
                            @foreach($criticizedMovements as $movement)
                                <div style="background:#ffebee;border-left:4px solid #f44336;border-radius:4px;padding:10px 12px;margin-bottom:10px;">
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Protocolo:</strong> {{ $movement->protocol_number ?? 'N/A' }}</p>
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Tipo:</strong> {{ $movement->requestType->name ?? 'N/A' }}</p>
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Empresa:</strong> {{ $movement->company->name ?? 'N/A' }}</p>
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Status:</strong> {{ $movement->status ?? 'N/A' }}</p>
                                    <p style="margin:0 0 4px 0;font:400 14px Tahoma,Arial,sans-serif;color:#4f4f4f;"><strong>Criado em:</strong> {{ $movement->created_at ? \Carbon\Carbon::parse($movement->created_at)->format('d/m/Y H:i') : 'N/A' }}</p>

                                    @if(!empty($movement->criticas) && count($movement->criticas) > 0)
                                        <div style="margin-top:8px;padding-top:8px;border-top:1px solid #e0e0e0;">
                                            <p style="margin:0 0 6px 0;font:700 13px Tahoma,Arial,sans-serif;color:#4f4f4f;">Críticas Ativas:</p>
                                            @foreach($movement->criticas as $critica)
                                                <p style="margin:0 0 6px 0;font:400 13px Tahoma,Arial,sans-serif;color:#4f4f4f;line-height:1.45;">
                                                    <strong>{{ $critica->type === 'general' ? 'Geral' : 'Individual' }}:</strong> {{ $critica->critica }}
                                                    @if(!empty($critica->creator))
                                                        <br><span style="color:#666;">Por: {{ $critica->creator->name }} em {{ $critica->created_at ? \Carbon\Carbon::parse($critica->created_at)->format('d/m/Y H:i') : 'N/A' }}</span>
                                                    @endif
                                                </p>
                                            @endforeach
                                        </div>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    @endif

                    <p style="margin:10px 0 0 0;font:400 14px Tahoma,Arial,sans-serif;color:#5c707b;line-height:1.5;">
                        Por favor, verifique essas movimentações no sistema e tome as ações necessárias.
                    </p>
                </td>
            </tr>

            <tr>
                <td style="padding:8px 22px 20px 22px;text-align:center;">
                    <a href="{{ $frontendUrl !== '' ? $frontendUrl : 'https://hi.humanittare.com.br' }}"
                       target="_blank"
                       style="display:inline-block;background:#d7df21;color:#5c707b;font:700 14px Tahoma,Arial,sans-serif;text-decoration:none;border-radius:999px;padding:10px 24px;">
                        ACESSAR O HI
                    </a>
                </td>
            </tr>

            <tr>
                <td style="padding:10px 22px 4px 22px;font:400 14px Tahoma,Arial,sans-serif;color:#5c707b;line-height:1.5;">
                    Atenciosamente,<br><br>
                    <strong>{{ $companyName }}</strong><br>
                    Equipe de monitoramento de movimentações da {{ $companyName }}
                </td>
            </tr>

            <tr>
                <td style="padding:10px 22px 8px 22px;font:400 14px Tahoma,Arial,sans-serif;color:#5c707b;">
                    Acesse nossas redes sociais:
                </td>
            </tr>

            <tr>
                <td style="padding:8px 22px 12px 22px;text-align:center;">
                    <a href="{{ $websiteUrl }}" target="_blank" style="text-decoration:none;margin:0 8px;display:inline-block;">
                        <img src="{{ asset('email-assets/1.png') }}" alt="Site" width="38" height="38" style="border:0;display:block;">
                    </a>
                    <a href="{{ $instagramUrl }}" target="_blank" style="text-decoration:none;margin:0 8px;display:inline-block;">
                        <img src="{{ asset('email-assets/2.png') }}" alt="Instagram" width="38" height="38" style="border:0;display:block;">
                    </a>
                    <a href="{{ $linkedinUrl }}" target="_blank" style="text-decoration:none;margin:0 8px;display:inline-block;">
                        <img src="{{ asset('email-assets/3.png') }}" alt="LinkedIn" width="38" height="38" style="border:0;display:block;">
                    </a>
                    <a href="{{ $youtubeUrl }}" target="_blank" style="text-decoration:none;margin:0 8px;display:inline-block;">
                        <img src="{{ asset('email-assets/4.png') }}" alt="YouTube" width="38" height="38" style="border:0;display:block;">
                    </a>
                </td>
            </tr>

            <tr>
                <td style="padding:10px 22px 18px 22px;font:400 10px Tahoma,Arial,sans-serif;color:#5c707b;line-height:1.5;">
                    Em conformidade com a LGPD (Lei nº 13.709/2018), a {{ $companyName }} trata todos os dados pessoais com sigilo, segurança e responsabilidade, adotando medidas para protegê-los contra acessos não autorizados, perdas ou uso indevido. As informações são utilizadas apenas para as finalidades informadas, respeitando os princípios de privacidade, transparência e confidencialidade, sendo este e-mail de caráter confidencial e de uso restrito.
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>