@extends('layouts.partner')
@section('title', 'Início')
@section('content')
    <h1 class="page-title">Bem-vindo, {{ auth('partner')->user()->name }}</h1>

    @php $unreadAlerts = $alerts->where('read', false); @endphp
    @if ($unreadAlerts->isNotEmpty())
        <div style="margin-bottom:1.5rem;display:flex;flex-direction:column;gap:0.6rem;">
            @foreach ($unreadAlerts as $row)
                @php $al = $row['alert']; @endphp
                <div class="card partner-alert partner-alert-{{ strtolower($al->priority) }}">
                    <div style="display:flex;justify-content:space-between;align-items:start;gap:1rem;">
                        <div>
                            <strong>{{ $al->title }}</strong>
                            @if ($al->hotel) <span class="muted" style="font-size:0.78rem;"> — {{ $al->hotel->name }}</span> @endif
                            <p style="margin:0.35rem 0 0;">{{ $al->message }}</p>
                            @if ($al->content_url)
                                <a href="{{ $al->content_url }}" target="_blank" rel="noreferrer" style="font-size:0.85rem;">Ver mais &rarr;</a>
                            @endif
                        </div>
                        <form method="POST" action="{{ route('partner.alerts.read', $al) }}">
                            @csrf
                            <button type="submit" class="secondary" style="white-space:nowrap;">Marcar como lido</button>
                        </form>
                    </div>
                </div>
            @endforeach
        </div>
    @endif

    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;">
        <div class="card" style="display:flex;flex-direction:column;gap:0.25rem;">
            <span style="font-size:2rem;font-weight:700;color:var(--color-primary);">{{ $materialsCount }}</span>
            <span style="color:var(--color-text-muted);font-size:0.85rem;">Materiais disponíveis</span>
        </div>
        <div class="card" style="display:flex;flex-direction:column;gap:0.25rem;">
            <span style="font-size:2rem;font-weight:700;color:var(--color-primary);">{{ $campaignsCount }}</span>
            <span style="color:var(--color-text-muted);font-size:0.85rem;">Campanhas ativas</span>
        </div>
    </div>

    @if ($featured->isNotEmpty())
        <h2 class="page-title">Em destaque</h2>
        <div class="grid-cards" style="margin-bottom:1.5rem;">
            @foreach ($featured as $m)
                @include('partner._material_card')
            @endforeach
        </div>
    @endif

    <h2 class="page-title">Adicionados recentemente</h2>
    <div class="grid-cards">
        @forelse ($latest as $m)
            @include('partner._material_card')
        @empty
            <p class="muted">Ainda sem materiais disponíveis.</p>
        @endforelse
    </div>
@endsection