@extends('layout')

@section('title', $research->title)

@section('content')
<div class="relative p-6 bg-white shadow-lg rounded-xl">

    <div class="mb-8">
        <h1 class="mb-4 text-3xl font-bold text-gray-900">{{ $research->title }}</h1>

        <div class="flex flex-wrap gap-6 mb-4 text-gray-600">
            <div class="flex items-center">
                <span class="text-sm font-medium">Kategori:</span>
                <span class="ml-2 text-gray-800">{{ $research->category->category_name ?? '-' }}</span>
            </div>
            <div class="flex items-center">
                <span class="text-sm font-medium">Diterbitkan:</span>
                <span class="ml-2 text-gray-800">
                    {{ $research->publish_date?->translatedFormat('d M Y') ?? '-' }}
                </span>
            </div>
        </div>

        <span class="inline-flex items-center px-3 py-1 text-sm text-blue-700 rounded-full bg-blue-50">
            <span class="w-2 h-2 mr-2 bg-blue-500 rounded-full"></span> Diterbitkan
        </span>
    </div>

    <div class="grid grid-cols-1 gap-8 lg:grid-cols-3">

        <aside class="space-y-6 lg:col-span-1">

            <div class="p-6 bg-white border border-gray-200 rounded-lg">
                <h2 class="mb-4 text-lg font-semibold text-gray-900">Tim Penulis</h2>

                <ul class="space-y-3">
                    @foreach($research->authors as $author)
                        <li class="flex items-start">
                            <span class="flex items-center justify-center w-6 h-6 mt-1 mr-3 text-sm font-medium text-gray-700 bg-gray-100 rounded-full">
                                {{ $author->author_order }}
                            </span>
                            <div>
                                <p class="font-medium text-gray-800">{{ $author->full_name }}</p>
                                <p class="mt-1 text-sm text-gray-600">{{ $author->affiliation }}</p>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>

            <div class="p-6 bg-white border border-gray-200 rounded-lg">
                <h2 class="mb-4 text-lg font-semibold text-gray-900">Abstrak</h2>

                @if(!empty($research->abstract))
                    <p class="leading-relaxed text-justify text-gray-700">
                        {{ $research->abstract }}
                    </p>
                @endif
            </div>
        </aside>

        <main class="space-y-6 lg:col-span-2">

                <div class="p-6 bg-white border border-gray-200 rounded-lg">
                    <h2 class="mb-4 text-lg font-semibold text-gray-900">Kata Kunci</h2>

                    @if(!empty($research->keywords))
                        <div class="flex flex-wrap gap-2">
                            @foreach($research->keywords as $keyword)
                                <span class="px-3 py-1 text-sm text-gray-700 bg-gray-100 rounded-md">
                                    {{ $keyword }}
                                </span>
                            @endforeach
                        </div>
                    @endif
                </div>

            <div class="p-6 bg-white border border-gray-200 rounded-lg">
                <h2 class="mb-4 text-lg font-semibold text-gray-900">Dokumen Penelitian</h2>

                @if($research->files && $research->files->count())
                    <div class="space-y-3">
                        @foreach($research->files as $file)
                            @php 
                                $unlock = in_array($file->section, ['cover', 'abstrak', 'daftarisi', 'bab1', 'references']); 
                            @endphp

                            <div class="flex flex-col p-3 transition-colors border border-gray-200 rounded-lg hover:bg-gray-50">
                                <div class="flex items-center justify-between mb-2">
                                    <div class="flex items-center">
                                        <div class="flex items-center justify-center w-10 h-10 mr-3 bg-gray-100 rounded-lg">
                                            <span class="text-sm font-medium text-gray-600">
                                                @if(Str::endsWith($file->file_name, '.pdf'))
                                                    PDF
                                                @elseif(Str::endsWith($file->file_name, '.txt'))
                                                    TXT
                                                @else
                                                    DOC
                                                @endif
                                            </span>
                                        </div>
                                        <div>
                                            <p class="font-medium text-gray-800">
                                                {{ $file->formatted_section }}
                                            </p>
                                        </div>
                                    </div>

                                    @if($unlock)
                                        <a href="{{ asset('storage/research_files/' . $file->file_name) }}"
                                           class="px-4 py-2 text-sm text-white bg-blue-600 rounded hover:bg-blue-700"
                                           target="_blank">
                                            Preview
                                        </a>
                                    @else
                                        <span class="flex items-center text-gray-400">
                                            <i class="mr-1 fas fa-lock"></i> Terkunci
                                        </span>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                @else
                    <div class="py-6 text-center border border-gray-200 rounded-lg">
                        <p class="text-gray-500">Tidak ada dokumen tersedia.</p>
                    </div>
                @endif
            </div>


            <div id="chartContainer"
                 class="w-full max-w-xs p-4 mt-6 ml-auto mr-0 bg-white border border-gray-200 rounded-lg shadow-md">
                <h3 class="mb-2 text-xs font-semibold tracking-wide text-center text-gray-700 uppercase">
                    Statistik Views
                </h3>
                <canvas id="viewsChart" height="100"></canvas>
            </div>

        </main>
    </div>

    <div class="flex justify-center mt-10">
        <a href="{{ route('browse.index') }}"
           class="px-6 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50">
            Kembali
        </a>
    </div>
</div>
@endsection

@push('meta')
    <meta name="citation_title" content="{{ $research->title }}">
    <meta name="citation_publisher"
          content="LENTERA : Layanan Pengetahuan Terintegrasi Badan Riset dan Inovasi Daerah Provinsi Jawa Timur">

    @foreach($research->authors as $author)
        <meta name="citation_author" content="{{ $author->full_name }}">
        @if(!empty($author->affiliation))
            <meta name="citation_author_institution" content="{{ $author->affiliation }}">
        @endif
    @endforeach

    @if($research->publish_date)
        <meta name="citation_publication_date" content="{{ $research->publish_date->format('Y/m/d') }}">
    @endif

    <meta name="citation_abstract_html_url" content="{{ route('record.show', $research->id) }}">
    <meta name="citation_language" content="id">
    <meta name="DC.title" content="{{ $research->title }}">
    @foreach($research->authors as $author)
        <meta name="DC.creator" content="{{ $author->full_name }}">
    @endforeach
    @if(!empty($research->keywords))
        @foreach($research->keywords as $keyword)
            <meta name="DC.subject" content="{{ $keyword }}">
        @endforeach
    @endif
    <meta name="DC.type" content="Report">
    <meta name="DC.publisher" content="BRIDA Jawa Timur">

    @php
        $coverPdf = optional(
            $research->files
                ->where('section', 'cover')
                ->first()
        );
    @endphp

    @if($coverPdf)
        <meta name="citation_pdf_url"
              content="{{ asset('storage/research_files/' . $coverPdf->file_name) }}">

        <meta name="DC.identifier"
              content="{{ asset('storage/research_files/' . $coverPdf->file_name) }}">
    @endif
    
    <link rel="canonical" href="{{ route('record.show', $research->id) }}">
    <meta name="robots" content="index, follow">
@endpush

@push('scripts')
    <script nonce="{{ $cspNonce }}">
    window.researchViews = {
        labels: @json(
            collect($viewsMonthly->keys())
                ->map(fn($m) => \Carbon\Carbon::create()->month($m)->translatedFormat('F'))
        ),
        data: @json($viewsMonthly->values())
    };
    </script>

    <script type="application/ld+json" nonce="{{ $cspNonce }}">
    {!! json_encode([
        "@context" => "https://schema.org",
        "@type" => "ScholarlyArticle",
        "headline" => $research->title,
        "author" => $research->authors->map(function ($a) {
            $arr = [
                "@type" => "Person",
                "name" => $a->full_name,
            ];

            if (!empty($a->affiliation)) {
                $arr["affiliation"] = [
                    "@type" => "Organization",
                    "name" => $a->affiliation
                ];
            }

            return $arr;
        })->values(),
        
        "datePublished" => optional($research->publish_date)->format('Y-m-d') . "T00:00:00+07:00",
        "inLanguage" => "id",
        "keywords" => implode(', ', $research->keywords ?? []),
        "publisher" => [
            "@type" => "Organization",
            "name" => "BRIDA Jawa Timur"
        ],
        "url" => route('record.show', $research->id)
    ], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT) !!}
    </script>
@endpush