@extends('public.layout.app')
@section('title', $paper->title)

@section('body')
@php
    $meta = array_filter([
        $paper->author ? '<i class="fa-solid fa-user-pen"></i> ' . e($paper->author) : null,
        $paper->supervisor ? '<i class="fa-solid fa-user-check"></i> Supervisor: ' . e($paper->supervisor) : null,
        $paper->year ? '<i class="fa-regular fa-calendar"></i> ' . e($paper->year) : null,
        $paper->type ? '<i class="fa-solid fa-tags"></i> ' . e(str_replace('_', ' ', ucfirst($paper->type))) : null,
    ]);
@endphp

@include('public.partials.page-hero', [
    'title' => $paper->title,
    'subtitle' => \Illuminate\Support\Str::limit(strip_tags($paper->abstract ?? ''), 190),
    'kicker' => 'Research Publication',
    'image' => $paper->cover_image ? asset('storage/' . $paper->cover_image) : asset('images/afghan-online-education/logo.png'),
    'breadcrumbs' => ['Research' => route('front.research.index'), $paper->title => null],
    'meta' => $meta,
    'showApply' => false,
])

<section class="uni-page">
    <div class="container">
        <div class="uni-layout">
            <main class="uni-stack">
                <section class="uni-panel">
                    <div class="uni-section-title">
                        <span><i class="fa-solid fa-microscope"></i></span>
                        <div>
                            <small>Abstract</small>
                            <h2>Research Summary</h2>
                        </div>
                    </div>
                    <div class="uni-rich-text">
                        {!! $paper->abstract ? nl2br(e($paper->abstract)) : '<p>Abstract will be published soon.</p>' !!}
                    </div>
                </section>

                @if($paper->keywords)
                    <section class="uni-panel">
                        <div class="uni-section-title">
                            <span><i class="fa-solid fa-tags"></i></span>
                            <div>
                                <small>Indexing</small>
                                <h2>Keywords</h2>
                            </div>
                        </div>
                        <div class="d-flex flex-wrap gap-2">
                            @foreach(explode(',', $paper->keywords) as $keyword)
                                <span class="badge-soft">{{ trim($keyword) }}</span>
                            @endforeach
                        </div>
                    </section>
                @endif

                @include('public.partials.comment-section', ['type' => 'research', 'id' => $paper->id, 'comments' => $comments ?? collect()])
                @include('public.partials.feedback-form', ['type' => 'research', 'id' => $paper->id])
            </main>

            <aside class="uni-stack">
                @include('public.partials.share-buttons', ['title' => $paper->title])
                <section class="uni-panel">
                    <div class="uni-section-title">
                        <span><i class="fa-solid fa-circle-info"></i></span>
                        <div>
                            <small>Publication</small>
                            <h2>Details</h2>
                        </div>
                    </div>
                    <div class="uni-fact-list">
                        <div><span>Author</span><strong>{{ $paper->author ?? '-' }}</strong></div>
                        <div><span>Supervisor</span><strong>{{ $paper->supervisor ?? '-' }}</strong></div>
                        <div><span>Year</span><strong>{{ $paper->year ?? '-' }}</strong></div>
                        <div><span>Type</span><strong>{{ str_replace('_', ' ', ucfirst($paper->type ?? 'Research')) }}</strong></div>
                    </div>
                    @if($paper->file_path)
                        <a class="btn btn-accent w-100 mt-3" href="{{ asset('storage/' . $paper->file_path) }}" target="_blank">
                            <i class="fa-solid fa-download me-1"></i> Download Paper
                        </a>
                    @endif
                </section>
            </aside>
        </div>
    </div>
</section>
@endsection