@vite(['resources/css/filament/app/theme.css', 'resources/js/app.js'])

<x-filament-panels::page>
    <div class="space-y-6">
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <!-- Card 1 -->
            <div class="bg-white p-6 rounded-lg shadow-sm border">
                <div class="text-sm text-gray-500">Team</div>
                <div class="font-semibold text-gray-800">{{ $marketingReport->team->name ?? '-' }}</div>

                <div class="mt-4 text-sm text-gray-500">Platform</div>
                <div class="font-semibold text-gray-800">{{ $marketingReport->platform->name ?? '-' }}</div>
            </div>

            <!-- Card 2 -->
            <div class="bg-white p-6 rounded-lg shadow-sm border">
                <div class="text-sm text-gray-500">Badge Connect</div>
                <div class="font-semibold text-gray-800">{{ $marketingReport->badge_connect }}</div>

                <div class="mt-4 text-sm text-gray-500">Total Profile View</div>
                <div class="font-semibold text-gray-800">{{ $marketingReport->total_profile_view }}</div>
            </div>

            <!-- Card 3 -->
            <div class="bg-white p-6 rounded-lg shadow-sm border">
                <div class="text-sm text-gray-500">Boost Profile</div>
                <div class="font-semibold text-gray-800">{{ $marketingReport->boost_profile }}</div>

                <div class="mt-4 text-sm text-gray-500">Total Impression</div>
                <div class="font-semibold text-gray-800">{{ $marketingReport->total_impression }}</div>
            </div>

            <!-- Card 4 -->
            <div class="bg-white p-6 rounded-lg shadow-sm border">
                <div class="text-sm text-gray-500">Click</div>
                <div class="font-semibold text-gray-800">{{ $marketingReport->click }}</div>

                <div class="mt-4 text-sm text-gray-500">Tanggal</div>
                <div class="font-semibold text-gray-800">
                    {{ \Carbon\Carbon::parse($marketingReport->date)->translatedFormat('d F Y') }}
                </div>
            </div>
        </div>

        <x-filament::button tag="a" color="gray" href="{{ route('filament.app.resources.marketing-reports.index', ['tenant' => $tenant?->id]) }}">
            ← Kembali ke daftar
        </x-filament::button>
    </div>
</x-filament-panels::page>