@extends('frontend.layouts.app')

@section('title', $title)
@section('description', $description)

@section('content')
    @php
        $assetPath = fn (string $path) => asset('frontend/' . ltrim($path, '/'));
    @endphp

    @include('frontend.layouts.breadcrumb', ['title' => $pageDocumentsTitle ?? 'Documents'])

    <section class="blog-list-section space bg-light">
        <div class="container">
            @if(!empty($pageDocumentsIntro))
                <div class="row mb-40">
                    <div class="col-lg-12 text-center">
                        <div class="title-wrap three">
                            <p class="mb-0">{{ $pageDocumentsIntro }}</p>
                        </div>
                    </div>
                </div>
            @endif

            <div class="row gy-30 flex-column-reverse flex-lg-row">
                <div class="col-xl-8 col-lg-8">
                    <div class="blog-list-left">
                        @forelse($documents as $document)
                            @php
                                $extension = strtolower(pathinfo($document->file_name, PATHINFO_EXTENSION));
                                $iconClass = match ($extension) {
                                    'pdf' => 'fa-solid fa-file-pdf text-danger',
                                    'doc', 'docx' => 'fa-solid fa-file-word text-primary',
                                    'xls', 'xlsx' => 'fa-solid fa-file-excel text-success',
                                    'ppt', 'pptx' => 'fa-solid fa-file-powerpoint text-warning',
                                    'jpg', 'jpeg', 'png', 'gif', 'webp' => 'fa-solid fa-file-image text-theme',
                                    'zip', 'rar' => 'fa-solid fa-file-archive text-secondary',
                                    default => 'fa-solid fa-file text-muted',
                                };
                            @endphp
                            <div class="blog-list-card">
                                <div class="card-content">
                                    <span class="category">{{ strtoupper($extension ?: 'FILE') }}</span>
                                    <h3 class="title"><a href="{{ route('frontend.documents.show', $document->slug) }}">{{ $document->title }}</a></h3>
                                    <div class="author-info">
                                        @if($document->category)
                                            <div class="author">
                                                <span class="name"><i class="fa-solid fa-folder"></i> {{ $document->category->name }}</span>
                                            </div>
                                        @endif
                                        <span class="date"><i class="icon-calender"></i> {{ $document->created_at->format('F d, Y') }}</span>
                                    </div>
                                    <div class="pt-20 pb-25"><div class="border dark"></div></div>
                                    @if($document->description)
                                        <p class="description">{{ \Illuminate\Support\Str::limit(strip_tags($document->description), 220) }}</p>
                                    @endif
                                    <div class="d-flex flex-wrap gap-3 mt-25 align-items-center">
                                        <i class="{{ $iconClass }} fa-2x" aria-hidden="true"></i>
                                        <div class="small text-muted flex-grow-1">
                                            @if($document->file_size)
                                                {{ number_format($document->file_size / 1024 / 1024, 2) }} MB
                                            @endif
                                            @if($document->download_count > 0)
                                                · {{ number_format($document->download_count) }} downloads
                                            @endif
                                        </div>
                                        <a href="{{ route('frontend.documents.show', $document->slug) }}" class="continue-reading">View</a>
                                        <a href="{{ route('frontend.documents.download', $document->slug) }}" class="theme-btn style2 br-30">
                                            <span class="link-effect"><span class="effect-1"><i class="fa-solid fa-download"></i> Download</span><span class="effect-1"><i class="fa-solid fa-download"></i> Download</span></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @empty
                            <div class="cms-inotek-empty text-center">
                                <h3>No documents found</h3>
                                <p>Check back later for new uploads.</p>
                            </div>
                        @endforelse
                        <ul class="pagination-menu">
                            <li>{{ $documents->withQueryString()->links() }}</li>
                        </ul>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-4">
                    <div class="sidebar-widget blog-sidebar pl-15 lg-pl-0">
                        <div class="sidebar-category-list">
                            <h4 class="sidebar-title">Categories</h4>
                            <div class="widget-box">
                                <ul class="categories">
                                    <li>
                                        <a href="{{ route('frontend.documents.index') }}" class="{{ !isset($category) ? 'fw-bold text-theme' : '' }}">All documents</a>
                                    </li>
                                    @foreach($categories as $cat)
                                        <li>
                                            <a href="{{ route('frontend.documents.category', $cat->slug) }}"
                                               class="{{ isset($category) && $category->slug === $cat->slug ? 'fw-bold text-theme' : '' }}">
                                                {{ $cat->name }} <span>({{ $cat->documents_count }})</span>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                        @if($recentDocuments->count())
                            <div class="sidebar-latest-posts">
                                <h4 class="sidebar-title">Recent uploads</h4>
                                <div class="widget-box">
                                    <div class="latest-posts">
                                        @foreach($recentDocuments as $recent)
                                            <div class="post">
                                                <a href="{{ route('frontend.documents.show', $recent->slug) }}">
                                                    <img class="cms-theme-footer-post-thumb" width="88" height="84" src="{{ $assetPath('images/blog/latest-details01.webp') }}" alt="">
                                                </a>
                                                <div class="post-content">
                                                    <a href="{{ route('frontend.documents.show', $recent->slug) }}">{{ \Illuminate\Support\Str::limit($recent->title, 48) }}</a>
                                                    <p>{{ $recent->created_at->format('M d, Y') }}</p>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('frontend.partials.newsletter')
@endsection