@extends('frontend.layouts.app')

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

@section('content')
    @php
        $assetPath = fn (string $path) => asset('frontend/' . ltrim($path, '/'));
        $extension = strtolower(pathinfo($document->file_name, PATHINFO_EXTENSION));
    @endphp

    @include('frontend.layouts.breadcrumb', ['title' => $document->title])

    <section class="blog-details-section space bg-light">
        <div class="container">
            <div class="row gy-30 flex-column-reverse flex-lg-row">
                <div class="col-xl-8 col-lg-8">
                    <div class="blog-details-left">
                        <div class="blog-list-card style-2">
                            <div class="card-content">
                                <span class="category">{{ strtoupper($extension ?: 'FILE') }}</span>
                                <h3 class="title">{{ $document->title }}</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)
                                    <div class="cms-document-description">{!! nl2br(e($document->description)) !!}</div>
                                @endif
                                <div class="mt-35 d-flex flex-wrap gap-3">
                                    <a href="{{ route('frontend.documents.download', $document->slug) }}" class="theme-btn 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>
                                    <a href="{{ route('frontend.documents.index') }}" class="theme-btn style2 br-30 bg-white text-dark">
                                        <span class="link-effect"><span class="effect-1">All documents</span><span class="effect-1">All documents</span></span>
                                    </a>
                                </div>
                                @if($document->file_name)
                                    <p class="small text-muted mt-25 mb-0">{{ $document->file_name }}</p>
                                @endif
                            </div>
                        </div>
                    </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">Details</h4>
                            <div class="widget-box">
                                <ul class="categories">
                                    @if($document->category)
                                        <li><span class="text-muted">Category</span><br><strong>{{ $document->category->name }}</strong></li>
                                    @endif
                                    @if($document->file_size)
                                        <li><span class="text-muted">Size</span><br><strong>{{ number_format($document->file_size / 1024 / 1024, 2) }} MB</strong></li>
                                    @endif
                                    @if($document->download_count > 0)
                                        <li><span class="text-muted">Downloads</span><br><strong>{{ number_format($document->download_count) }}</strong></li>
                                    @endif
                                </ul>
                            </div>
                        </div>

                        @if($relatedDocuments->count() > 0)
                            <div class="sidebar-latest-posts">
                                <h4 class="sidebar-title">Related documents</h4>
                                <div class="widget-box">
                                    <div class="latest-posts">
                                        @foreach($relatedDocuments as $related)
                                            <div class="post">
                                                <a href="{{ route('frontend.documents.show', $related->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', $related->slug) }}">{{ \Illuminate\Support\Str::limit($related->title, 48) }}</a>
                                                    <p>{{ $related->created_at->format('M d, Y') }}</p>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if($sidebarCategories->count())
                            <div class="sidebar-category-list">
                                <h4 class="sidebar-title">Browse categories</h4>
                                <div class="widget-box">
                                    <ul class="categories">
                                        @foreach($sidebarCategories as $cat)
                                            <li>
                                                <a href="{{ route('frontend.documents.category', $cat->slug) }}">
                                                    {{ $cat->name }} <span>({{ $cat->documents_count }})</span>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>

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