@php $isMarketing = auth()->user()->unit_type === 'marketing'; @endphp
@extends('layouts.app')
@section('title', 'Dashboard SPG')
@section('content')

<div class="page-header">
    <h4 class="fw-bold mb-1">Halo, {{ auth()->user()->name }}! 👋</h4>
    <p class="text-muted mb-0">{{ $isMarketing ? 'Consumer contact plan yang tersedia' : 'Panel test yang tersedia untuk Anda' }}</p>
</div>

<div class="row g-2 g-sm-3 mb-4">
    <div class="col-6">
        <div class="stat-card stat-card-sm" style="background:linear-gradient(135deg,#1e3a5f,#2563eb)">
            <div class="stat-label">{{ $isMarketing ? 'Contact Plan Tersedia' : 'Test Tersedia' }}</div>
            <div class="stat-number">{{ $availableTests->count() }}</div>
        </div>
    </div>
    <div class="col-6">
        <div class="stat-card stat-card-sm" style="background:linear-gradient(135deg,#059669,#10b981)">
            <div class="stat-label">{{ $isMarketing ? 'Consumer Contact Selesai' : 'Test Selesai' }}</div>
            <div class="stat-number">{{ $totalCompleted }}</div>
        </div>
    </div>
</div>

<!-- Available Tests -->
<div class="card mb-4">
    <div class="card-header bg-white border-bottom py-3">
        <h6 class="mb-0 fw-semibold"><i class="bi bi-lightning-charge text-warning"></i> {{ $isMarketing ? 'Consumer Contact Plan Tersedia' : 'Panel Test Tersedia' }}</h6>
    </div>
    <div class="card-body">
        @forelse($availableTests as $test)
        <div class="d-flex align-items-center justify-content-between p-3 border rounded mb-2" style="background:#f8fafc">
            <div>
                <div class="fw-semibold">{{ $test->title }}</div>
                <small class="text-muted">
                    <i class="bi bi-box-seam"></i> {{ $test->product->name }} &nbsp;|&nbsp;
                    <i class="bi bi-calendar3"></i> {{ $test->test_date->format('d M Y') }}
                    @if($test->location)
                    &nbsp;|&nbsp; <i class="bi bi-geo-alt"></i> {{ $test->location }}
                    @endif
                </small>
            </div>
            <a href="{{ route('test-sessions.show-start', $test) }}" class="btn btn-primary btn-sm">
                <i class="bi bi-pencil-square"></i> {{ $isMarketing ? 'Mulai Contact' : 'Mulai Test' }}
            </a>
        </div>
        @empty
        <div class="text-center py-4 text-muted">
            <i class="bi bi-check-circle fs-2 text-success"></i>
            <p class="mt-2 mb-0">{{ $isMarketing ? 'Semua consumer contact plan sudah dikerjakan!' : 'Semua panel test sudah dikerjakan!' }}</p>
        </div>
        @endforelse
    </div>
</div>

<!-- Completed Tests -->
@if($myCompleted->count() > 0)
<div class="card">
    <div class="card-header bg-white border-bottom py-3">
        <h6 class="mb-0 fw-semibold"><i class="bi bi-check-circle text-success"></i> {{ $isMarketing ? 'Riwayat Consumer Contact Selesai' : 'Riwayat Test Selesai' }}</h6>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead class="table-light">
                    <tr><th>{{ $isMarketing ? 'Consumer Contact Plan' : 'Panel Test' }}</th><th>{{ $isMarketing ? 'APS/SPG/TL' : 'Produk' }}</th><th>Waktu Selesai</th><th>Status</th></tr>
                </thead>
                <tbody>
                    @foreach($myCompleted as $session)
                    <tr>
                        <td class="fw-medium">{{ $session->panelTest->title }}</td>
                        <td>{{ $session->panelTest->product->name }}</td>
                        <td>{{ $session->completed_at->format('d M Y, H:i') }}</td>
                        <td><span class="badge bg-success">Selesai</span></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endif
@endsection