@extends('public.layout.app')
@section('title', 'Research Portal')

@section('body')
<section class="section pt-5">
    <div class="container">
        <div class="glass shadow-soft p-4 p-lg-5 mb-4">
            <div class="row g-4 align-items-end">
                <div class="col-lg-7">
                    <div class="badge-soft d-inline-flex align-items-center gap-2 mb-2">
                        <i class="fa-solid fa-microscope"></i> Research Portal
                    </div>
                    <h1 class="fw-bold mb-2">Publications, theses, and academic papers</h1>
                    <p class="text-muted2 mb-0">Browse public research outputs, download available papers, and discover institutional academic work.</p>
                </div>
                <div class="col-lg-5">
                    <form method="GET" action="{{ route('front.research.index') }}" class="row g-2">
                        <div class="col-sm-7"><input name="q" value="{{ $q }}" class="form-control" placeholder="Search title, author, keyword"></div>
                        <div class="col-sm-3">
                            <select name="type" class="form-select">
                                <option value="">All</option>
                                <option value="research_paper" @selected($type === 'research_paper')>Paper</option>
                                <option value="thesis" @selected($type === 'thesis')>Thesis</option>
                                <option value="dissertation" @selected($type === 'dissertation')>Dissertation</option>
                            </select>
                        </div>
                        <div class="col-sm-2 d-grid"><button class="btn btn-accent"><i class="fa-solid fa-filter"></i></button></div>
                    </form>
                </div>
            </div>
        </div>

        <div class="row g-4">
            @forelse($papers as $paper)
                <div class="col-md-6 col-xl-4">
                    <div class="card-soft shadow-soft p-4 h-100">
                        <div class="d-flex justify-content-between gap-2 mb-3">
                            <span class="badge-soft">{{ str_replace('_', ' ', ucfirst($paper->type)) }}</span>
                            <span class="text-muted2 small">{{ $paper->year }}</span>
                        </div>
                        <h5 class="fw-bold">{{ $paper->title }}</h5>
                        <p class="text-muted2 small mb-3">{{ $paper->author }} @if($paper->supervisor) | Supervisor: {{ $paper->supervisor }} @endif</p>
                        <p class="text-muted2">{{ \Illuminate\Support\Str::limit(strip_tags($paper->abstract), 130) }}</p>
                        <div class="d-flex flex-wrap gap-2">
                            <a class="btn btn-info-soft btn-sm" href="{{ route('front.research.show', $paper->slug) }}">
                                <i class="fa-solid fa-arrow-right me-1"></i> View Details
                            </a>
                            @if($paper->file_path)
                                <a class="btn btn-success-soft btn-sm" href="{{ asset('storage/' . $paper->file_path) }}" target="_blank">
                                    <i class="fa-solid fa-download me-1"></i> Download
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            @empty
                <div class="col-12"><div class="alert alert-soft">No public research papers found.</div></div>
            @endforelse
        </div>

        @if($papers->hasPages())
            <div class="d-flex justify-content-center mt-4">{{ $papers->links('pagination::bootstrap-4') }}</div>
        @endif
    </div>
</section>
@endsection