@extends('layouts.app')
@section('title', auth()->user()->unit_type === 'marketing' ? 'Consumer Contact Plan' : 'Panel Test')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        @php $isMarketing = auth()->user()->unit_type === 'marketing'; @endphp
        <h4 class="fw-bold mb-1">
            {{ $isMarketing ? 'Consumer Contact Plan' : 'Daftar Panel Test' }}
        </h4>
        <p class="text-muted mb-0">
            {{ $isMarketing
                ? 'Kelola semua consumer contact plan'
                : 'Kelola semua sesi panel test produk' }}
        </p>
    </div>
    <a href="{{ route('panel-tests.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg"></i>
        {{ auth()->user()->unit_type === 'marketing' ? 'Buat Consumer Contact Plan' : 'Buat Panel Test' }}
    </a>
</div>

{{-- Filter & Pencarian --}}
<div class="card mb-3">
    <div class="card-body py-3">
        <form method="GET" action="{{ route('panel-tests.index') }}"
            class="d-flex align-items-end gap-2 flex-wrap">
            <div class="col-md-4">
                <label class="form-label small fw-medium mb-1">
                    <i class="bi bi-search"></i> {{ $isMarketing ? 'Cari Consumer Contact' : 'Cari Panel Test' }}
                </label>
                <input type="text" name="search" class="form-control form-control-sm"
                    value="{{ request('search') }}"
                    placeholder="{{ $isMarketing ? 'Cari nama brand, nomor...' : 'Cari judul, nomor, atau produk...' }}">
            </div>
            <div class="d-flex gap-2 align-items-end ms-auto flex-nowrap">
            <div style="min-width:140px">
                <label class="form-label small fw-medium mb-1">Status</label>
                <select name="status" class="form-select form-select-sm">
                    <option value="">Semua Status</option>
                    <option value="draft"  {{ request('status') === 'draft'  ? 'selected' : '' }}>Draft</option>
                    <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Active</option>
                    <option value="closed" {{ request('status') === 'closed' ? 'selected' : '' }}>Closed</option>
                </select>
            </div>
            @if(!$isMarketing)
            <div style="min-width:140px">
                <label class="form-label small fw-medium mb-1">Tipe</label>
                <select name="type" class="form-select form-select-sm">
                    <option value="">Semua Tipe</option>
                    <option value="regional" {{ request('type') === 'regional' ? 'selected' : '' }}>Regional</option>
                    <option value="internal" {{ request('type') === 'internal' ? 'selected' : '' }}>Internal</option>
                    <option value="public"   {{ request('type') === 'public'   ? 'selected' : '' }}>Publik</option>
                </select>
            </div>
            @endif
            <div style="min-width:140px">
                <label class="form-label small fw-medium mb-1">Tanggal</label>
                <input type="date" name="date" class="form-control form-control-sm"
                    value="{{ request('date') }}">
            </div>
            <div class="d-flex gap-2 align-items-end">
                <button type="submit" class="btn btn-primary btn-sm flex-grow-1">
                    <i class="bi bi-funnel"></i> Filter
                </button>
                <a href="{{ route('panel-tests.index') }}"
                    class="btn btn-outline-secondary btn-sm">
                    <i class="bi bi-x-lg"></i>
                </a>
            </div>
        </form>
            </div>
    </div>
</div>

{{-- Tabel --}}
<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead class="table-light">
                    <tr>
                        <th width="50">No.</th>
                        <th style="min-width:140px">{{ $isMarketing ? 'No. Consumer Contact' : 'Nomor Panel Test' }}</th>
                        <th>{{ $isMarketing ? 'Nama Brand Aktivasi' : 'Judul Panel Test' }}</th>
                        <th>{{ $isMarketing ? 'Nama APS/SPG/TL yang Bertugas' : 'Produk' }}</th>
                        @if(!$isMarketing)<th>Tipe</th>@endif
                        <th>Tanggal</th>
                        @if(!$isMarketing)<th>Lokasi</th>@endif
                        @if(!$isMarketing)<th>Pertanyaan</th>@endif
                        <th>Status</th>
                        <th width="100">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($panelTests as $test)
                    <tr>
                        <td class="text-center text-muted">{{ $loop->iteration }}</td>
                        {{-- Nomor Panel Test --}}
                        <td>
                            @if($test->test_number)
                            <code class="fw-bold"
                                style="color:#1e3a5f;font-size:12px;background:#eff6ff;padding:3px 8px;border-radius:6px;display:block;margin-bottom:3px">
                                {{ $test->test_number }}
                            </code>
                            @else
                            <span class="text-muted small">-</span>
                            @endif

                        </td>

                        {{-- Judul --}}
                        <td>
                            <div class="fw-semibold">{{ $test->title }}</div>
                            @if(!$isMarketing)
                            <small class="text-muted">oleh {{ $test->creator->name }}</small>
                            @endif
                        </td>

                        {{-- Produk --}}
                        <td>{{ $test->product->name }}</td>

                        {{-- Tipe --}}
                        @if(!$isMarketing)
                        <td>
                            @if($test->type === 'internal')
                            <span class="badge bg-info text-dark" style="font-size:11px">
                                🏢 Internal
                            </span>
                            @elseif($test->type === 'public')
                            <span class="badge bg-success" style="font-size:11px">
                                🌐 Publik
                            </span>
                            @else
                            <span class="badge bg-secondary" style="font-size:11px">
                                🗺️ Regional
                            </span>
                            @endif
                        </td>

                        @endif
                        {{-- Tanggal --}}
                        <td>{{ $test->test_date->format('d M Y') }}</td>

                        @if(!$isMarketing)
                        {{-- Lokasi --}}
                        <td>{{ $test->location ?: '-' }}</td>

                        @endif
                        @if(!$isMarketing)
                        {{-- Pertanyaan --}}
                        <td>
                            <span class="badge bg-light text-dark">
                                {{ $test->questions->count() }} pertanyaan
                            </span>
                        </td>

                        @endif
                        {{-- Status --}}
                        <td>
                            <span class="badge status-{{ $test->status }} px-2 py-1">
                                {{ ucfirst($test->status) }}
                            </span>
                        </td>

                        {{-- Aksi --}}
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('panel-tests.show', $test) }}"
                                    class="btn btn-sm btn-outline-primary" title="Detail">
                                    <i class="bi bi-eye"></i>
                                </a>
                                @if($test->status === 'draft')
                                <a href="{{ route('panel-tests.edit', $test) }}"
                                    class="btn btn-sm btn-outline-warning" title="Edit">
                                    <i class="bi bi-pencil"></i>
                                </a>
                                @endif
                                <form method="POST"
                                    action="{{ route('panel-tests.destroy', $test) }}"
                                    onsubmit="return confirm('Hapus panel test ini?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-sm btn-outline-danger" title="Hapus">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="9" class="text-center py-5 text-muted">
                            <i class="bi bi-clipboard-x fs-2 d-block mb-2"></i>
                            @if(request()->hasAny(['search','status','type','date']))
                            Tidak ada hasil untuk filter yang dipilih.
                            <a href="{{ route('panel-tests.index') }}">Reset filter</a>
                            @else
                            Belum ada panel test.
                            <a href="{{ route('panel-tests.create') }}">Buat sekarang</a>
                            @endif
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($panelTests->hasPages())
    <div class="card-footer bg-white d-flex align-items-center justify-content-between">
        <small class="text-muted">
            Menampilkan {{ $panelTests->firstItem() }}–{{ $panelTests->lastItem() }}
            dari {{ $panelTests->total() }} panel test
        </small>
        {{ $panelTests->appends(request()->query())->links() }}
    </div>
    @endif
</div>
@endsection