@extends('layouts.admin')

@section('title', 'Knowledge Item')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.knowledge-items.index') }}">FAQ & Pengetahuan</a></li>
    <li class="breadcrumb-item active">{{ Str::limit($knowledgeItem->title, 40) }}</li>
@endsection

@section('content')
<div class="d-flex align-items-start justify-content-between mb-4">
    <div>
        <div class="d-flex align-items-center gap-2 mb-1 flex-wrap">
            @php $typeColors = ['faq' => 'bg-primary', 'policy' => 'bg-success', 'note' => 'bg-warning', 'announcement' => 'bg-info']; @endphp
            <span class="badge {{ $typeColors[$knowledgeItem->item_type] ?? 'bg-secondary' }}">
                {{ $knowledgeItem->type_label }}
            </span>
            <span class="badge" style="background:{{ $knowledgeItem->category->color ?? '#6c757d' }}">
                {{ $knowledgeItem->category->name }}
            </span>
            <span class="badge {{ $knowledgeItem->is_active ? 'bg-success' : 'bg-secondary' }}">
                {{ $knowledgeItem->is_active ? 'Aktif' : 'Tidak Aktif' }}
            </span>
            @if($knowledgeItem->is_embedded)
                <span class="badge bg-success-subtle text-success border border-success">
                    <i class="bi bi-check2 me-1"></i>Di-embed
                </span>
            @else
                <span class="badge bg-warning-subtle text-warning border border-warning">
                    <i class="bi bi-clock me-1"></i>Belum Embed
                </span>
            @endif
        </div>
        <h4 class="mb-0 fw-bold">{{ $knowledgeItem->title }}</h4>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.knowledge-items.edit', $knowledgeItem) }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-pencil me-1"></i>Edit
        </a>
        <form method="POST" action="{{ route('admin.knowledge-items.reindex', $knowledgeItem) }}">
            @csrf
            <button type="submit" class="btn btn-outline-info btn-sm">
                <i class="bi bi-arrow-repeat me-1"></i>Re-embed
            </button>
        </form>
        <form method="POST" action="{{ route('admin.knowledge-items.toggle-status', $knowledgeItem) }}">
            @csrf @method('PATCH')
            <button type="submit" class="btn btn-sm {{ $knowledgeItem->is_active ? 'btn-warning' : 'btn-success' }}">
                {{ $knowledgeItem->is_active ? 'Nyahaktifkan' : 'Aktifkan' }}
            </button>
        </form>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white border-bottom">
                <h6 class="mb-0 fw-semibold">Kandungan</h6>
            </div>
            <div class="card-body">
                @if($knowledgeItem->item_type === 'faq')
                <div class="mb-3">
                    <label class="text-muted small fw-semibold text-uppercase" style="font-size:.7rem">Soalan</label>
                    <div class="p-3 bg-light rounded mt-1 fw-semibold">{{ $knowledgeItem->title }}</div>
                </div>
                <div>
                    <label class="text-muted small fw-semibold text-uppercase" style="font-size:.7rem">Jawapan</label>
                    <div class="p-3 border rounded mt-1" style="white-space:pre-wrap">{{ $knowledgeItem->content }}</div>
                </div>
                @else
                <div style="white-space:pre-wrap">{{ $knowledgeItem->content }}</div>
                @endif
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white border-bottom"><h6 class="mb-0 fw-semibold">Maklumat</h6></div>
            <div class="card-body small">
                <dl class="row mb-0">
                    <dt class="col-5 text-muted">Bahasa</dt>
                    <dd class="col-7">{{ $knowledgeItem->language == 'ms' ? 'BM' : 'EN' }}</dd>
                    @if($knowledgeItem->effective_date)
                    <dt class="col-5 text-muted">Kuat Kuasa</dt>
                    <dd class="col-7">{{ $knowledgeItem->effective_date->format('d/m/Y') }}</dd>
                    @endif
                    <dt class="col-5 text-muted">Dicipta</dt>
                    <dd class="col-7">{{ $knowledgeItem->created_at->format('d/m/Y H:i') }}</dd>
                    @if($knowledgeItem->embedded_at)
                    <dt class="col-5 text-muted">Di-embed</dt>
                    <dd class="col-7">{{ $knowledgeItem->embedded_at->format('d/m/Y H:i') }}</dd>
                    @endif
                    @if($knowledgeItem->creator)
                    <dt class="col-5 text-muted">Dibuat oleh</dt>
                    <dd class="col-7">{{ $knowledgeItem->creator->name }}</dd>
                    @endif
                    <dt class="col-5 text-muted">Awam</dt>
                    <dd class="col-7">{{ $knowledgeItem->is_public ? 'Ya' : 'Tidak' }}</dd>
                </dl>
                @if($knowledgeItem->tags)
                <div class="mt-2">
                    @foreach($knowledgeItem->tags as $tag)
                        <span class="badge bg-light text-dark border me-1">{{ $tag }}</span>
                    @endforeach
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection