@extends('frontend.layouts.app')

@section('content')
    <div class="breadcumb-wrapper"
         data-bg-src="{{ asset('frontend/coreui/assets/img/breadcumb/breadcumb-bg.jpg') }}">

        <div class="container z-index-common">

            <div class="breadcumb-content">

                <h1 class="breadcumb-title">
                    {{ $book->title }}
                </h1>

                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li>
                            <a href="{{ route('front.home') }}">
                                Home
                            </a>
                        </li>
                        <li>
                            Library
                        </li>
                        <li>
                            {{ $book->title }}
                        </li>
                    </ul>
                </div>

            </div>

        </div>

    </div>
    <div class="container">
        <div class="card border-0 shadow-sm overflow-hidden mb-4">
            <div class="row g-0">
                <div class="col-lg-8 p-4 bg-white">
                    <h4 class="card-title text-dark fw-bold mb-4 pb-2 border-bottom">Book Specifications</h4>
                    <div class="row g-4">
                        <div class="col-md-6 d-flex align-items-center">
                            <div class="p-3 bg-light rounded-3 text-black me-3"
                                 style="width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;">
                                <i class="fa fa-book fa-lg"></i>
                            </div>
                            <div>
                                <small class="text-muted d-block text-uppercase tracking-wider"
                                       style="font-size: 0.75rem; font-weight: 600;">Type</small>
                                <span class="text-dark fw-semibold">
                                {{ \App\Enums\BookType::options()[$book->type] ?? '-' }}
                            </span>
                            </div>
                        </div>
                        <div class="col-md-6 d-flex align-items-center">
                            <div class="p-3 bg-light rounded-3 text-black me-3"
                                 style="width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;">
                                <i class="fa fa-language fa-lg"></i>
                            </div>
                            <div>
                                <small class="text-muted d-block text-uppercase tracking-wider"
                                       style="font-size: 0.75rem; font-weight: 600;">Language</small>
                                <span class="text-dark fw-semibold">
                                {{ \App\Enums\BookLanguage::options()[$book->language] ?? '-' }}
                            </span>
                            </div>
                        </div>
                        <div class="col-md-6 d-flex align-items-center">
                            <div class="p-3 bg-light rounded-3 text-black me-3"
                                 style="width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;">
                                <i class="fa fa-graduation-cap fa-lg"></i>
                            </div>
                            <div>
                                <small class="text-muted d-block text-uppercase tracking-wider"
                                       style="font-size: 0.75rem; font-weight: 600;">Class</small>
                                <span class="text-dark fw-semibold">{{ $book->class->name ?? 'N/A' }}</span>
                            </div>
                        </div>
                        <div class="col-md-6 d-flex align-items-center">
                            <div class="p-3 bg-light rounded-3 text-black me-3"
                                 style="width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;">
                                <i class="fa fa-folder fa-lg"></i>
                            </div>
                            <div>
                                <small class="text-muted d-block text-uppercase tracking-wider"
                                       style="font-size: 0.75rem; font-weight: 600;">Category</small>
                                <span
                                    class="text-dark fw-semibold">{{ $book->parentCategory->category_name ?? 'N/A' }}</span>
                            </div>
                        </div>
                        <div class="col-md-6 d-flex align-items-center">
                            <div class="p-3 bg-light rounded-3 text-black me-3"
                                 style="width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;">
                                <i class="fa fa-folder-open fa-lg"></i>
                            </div>
                            <div>
                                <small class="text-muted d-block text-uppercase tracking-wider"
                                       style="font-size: 0.75rem; font-weight: 600;">Sub Category</small>
                                <span
                                    class="text-dark fw-semibold">{{ $book->childCategory->category_name ?? 'N/A' }}</span>
                            </div>
                        </div>
                        <div class="col-md-6 d-flex align-items-center">
                            <div class="p-3 bg-light rounded-3 text-black me-3"
                                 style="width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;">
                                <i class="fa fa-calendar fa-lg"></i>
                            </div>
                            <div>
                                <small class="text-muted d-block text-uppercase tracking-wider"
                                       style="font-size: 0.75rem; font-weight: 600;">Published</small>
                                <span class="text-dark fw-semibold">
                            @if($book->publish_date)
                                        {{ \Carbon\Carbon::parse($book->publish_date)->format('d M, Y') }}
                                    @else
                                        N/A
                                    @endif
                        </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div
                    class="col-lg-4 bg-light d-flex align-items-center justify-content-center p-4 border-start border-lg-0">
                    <div class="text-center w-100 py-3">
                        <div class="mb-3 position-relative d-inline-block">
                            <i class="fa fa-file-pdf fa-4x text-danger opacity-75"></i>
                            <span class="position-absolute top-100 start-50 translate-middle badge rounded-pill mt-1">
                        {{ $book->files->count() }} {{ Str::plural('file', $book->files->count()) }}
                    </span>
                        </div>
                        <h5 class="text-dark fw-bold mt-3 mb-1">Ready for Download</h5>
                        <p class="text-muted small px-3">Get all associated resources bundled in a single package.</p>

                        <a href="{{ route('front.library.downloadAll', $book->slug) }}"
                           class="btn btn-success btn-lg px-4 py-2 shadow-sm fw-semibold w-75 mt-2">
                            <i class="fa fa-download me-2"></i> Download All
                        </a>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="container py-5">
        <h3 class="mb-4">
            Available Files
        </h3>
        <div class="row">
            @forelse($book->files as $file)
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="card h-100 border-0 shadow-sm file-card">
                        <div class="card-body text-center p-4">
                            <div class="mb-3">
                                <i class="fa fa-file-pdf fa-5x text-danger"></i>
                            </div>
                            <span class="mb-3">
                                {{ $file->file_name }}
                            </span>
                            @if($file->file_size)
                                <p class="text-muted mb-3">
                                    Size:
                                    {{ number_format($file->file_size / 1024, 2) }} KB
                                </p>
                            @endif
                            <div class="d-flex justify-content-center gap-2">
                                <!-- View / Open File -->
                                <a href="{{ route('front.library.file.view', $file->id) }}"
                                   target="_blank"
                                   class="vs-btn"
                                   style="padding:13px!important;font-weight:400!important;">
                                    <i class="fa fa-eye"></i> Open
                                </a>

                                <!-- Download File -->
                                <a href="{{ route('front.library.file.download', $file->id) }}"
                                   class="vs-btn"
                                   style="padding:13px!important;font-weight:400!important;background:#064e2f!important;border-color:#6c757d!important;">
                                    <i class="fa fa-download"></i> Download
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            @empty
                <div class="col-12">
                    <div class="alert alert-warning text-center">
                        No files available.
                    </div>
                </div>
            @endforelse
        </div>
    </div>
    @if($book->links->count())
        <div class="container mt-4">
            <div class="card border-0 shadow-sm overflow-hidden">
                <div class="card-body p-4">

                    <h4 class="card-title text-dark fw-bold mb-4 pb-2 border-bottom">
                        <i class="fa fa-link me-2 text-danger"></i>
                        Related Links
                    </h4>

                    @foreach($book->links as $index => $link)

                        <div class="row align-items-center py-3">

                            <div class="col-lg-9 col-md-8 col-12 mb-3 mb-md-0">

                                <div class="d-flex align-items-center">

                                    <div class="p-3 bg-light rounded-3 text-success me-3 flex-shrink-0"
                                         style="width:55px;height:55px;display:flex;align-items:center;justify-content:center;">
                                        <i class="fa fa-link fa-lg"></i>
                                    </div>

                                    <div class="overflow-hidden">
                                        <h6 class="mb-1 fw-bold">
                                            Link {{ $index + 1 }}
                                        </h6>

                                        <a href="{{ $link->link }}"
                                           target="_blank"
                                           class="text-decoration-none text-break">
                                            {{ $link->link }}
                                        </a>
                                    </div>

                                </div>

                            </div>

                            <div class="col-lg-3 col-md-4 col-12 text-md-end text-start">
                                <a href="{{ $link->link }}"
                                   target="_blank"
                                   class="btn vs-btn  w-md-auto">
                                    <i class="fa fa-external-link-alt me-2"></i>
                                    Open Link
                                </a>
                            </div>

                        </div>

                        @if(!$loop->last)
                            <hr class="my-0">
                        @endif

                    @endforeach

                </div>
            </div>
        </div>
    @endif


@endsection