@extends('manager.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection

@section('content')
    <div class="card mt-3">
        <div class="card-body">
            <div class="d-flex justify-content-between">
                <div>
                    <h4 class="card-title mb-0">{{(!empty($p_title) && isset($p_title)) ? $p_title : ''}}</h4>
                    <div
                        class="small text-medium-emphasis">{{(!empty($p_summary) && isset($p_summary)) ? $p_summary : ''}}</div>
                </div>
                <div class="btn-toolbar d-none d-md-block" role="toolbar" aria-label="Toolbar with buttons">

                    @can('manager_master-data_books-list')

                        <a href="{{(!empty($url) && isset($url)) ? $url : ''}}"
                           class="btn btn-sm btn-primary">{{(!empty($url_text) && isset($url_text)) ? $url_text : ''}}</a>
                    @endcan
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-md-8">
                    <div class="row">
                        <div class="mb-3 col-md-4">
                            <label class="form-label fw-bold">Title</label>
                            <p class="p-2">{{ $data->title }}</p>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label fw-bold">Slug</label>
                            <p class="p-2">{{ $data->slug }}</p>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label fw-bold">Type</label>
                            <p class="p-2">
                                {{ \App\Enums\BookType::options()[$data->type] ?? '-' }}
                            </p>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label fw-bold">Language</label>
                            <p class="p-2">
                                {{ \App\Enums\BookLanguage::options()[$data->language] ?? '-' }}
                            </p>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label fw-bold">Publish Date</label>
                            <p class="p-2">
                                {{ optional($data->publish_date)->format('d M Y h:i A') }}
                            </p>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label fw-bold">Class</label>
                            <p class="p-2">
                                {{ $data->class?->name ?? '-' }}
                            </p>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label fw-bold">Category</label>
                            <p class="p-2">
                                {{ $data->parentCategory?->category_name ?? '-' }}
                            </p>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label fw-bold">Sub Category</label>
                            <p class="p-2">
                                {{ $data->childCategory?->category_name ?? '-' }}
                            </p>
                        </div>

                        <div class="mb-3 col-md-4">
                            <label class="form-label fw-bold">Status</label>
                            <p class="p-2">
                                @if($data->status)
                                    <span class="badge bg-success">Published</span>
                                @else
                                    <span class="badge bg-danger">Draft</span>
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <div class="mb-3 col-md-12">
                            <label class="form-label fw-bold d-block">Thumbnail</label>

                            @if($data->thumbnail)
                                <img src="{{ asset('storage/' . $data->thumbnail) }}"
                                     alt="{{ $data->title }}"
                                     class="rounded shadow border"
                                     style="width:180px; height:240px; object-fit:cover;">
                            @else
                                <div class="border rounded d-flex align-items-center justify-content-center"
                                     style="width:180px;height:240px;background:#f8f9fa;">
                                    <span class="text-muted">No Thumbnail</span>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

            </div>
            @if($data->files->count())
                <hr>
                <h5>Book Files</h5>
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>File Name</th>
                            <th>File Size</th>
                            <th>Actions</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($data->files as $index => $file)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $file->file_name }}</td>
                                <td>{{ number_format($file->file_size / 1024, 2) }} KB</td>
                                <td>
                                    <a href="{{ Storage::url($file->file_path) }}"
                                       target="_blank"
                                       class="btn btn-sm btn-primary">
                                        View PDF
                                    </a>
                                    <a href="{{ Storage::url($file->file_path) }}"
                                       download="{{ $file->file_name }}"
                                       class="btn btn-sm btn-success ms-1">
                                        Download
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                    <h5>Book Links</h5>

                    <table  class="table table-bordered table-striped">
                        <tbody>
                        @foreach($data->links as $index => $link)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $link->link }}</td>
                                <td>

                                    <a href="{{ $link->link }}"
                                       target="_blank"
                                       class="btn btn-sm btn-success ms-1">
                                        Open Link
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
@endsection