@extends('layout.super-admin-two')

@section('title', 'View Learning Resource')

@section('content')
    <div class="page-header">
        <h1>School Learning Resources</h1>
        <p>Manage school learning resources</p>
    </div>

    @if ($message = session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <i class="bi bi-exclamation-circle-fill me-2"></i>        
            {{ $message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if ($message = session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="bi bi-check-circle-fill me-2"></i>
            {{ $message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center" style="background-color: #E8F0FF;">
            <div class="text-primary"><i class="bi bi-file-richtext me-2"></i>Learning Resource Details</div>
            <a href="{{ url()->previous() }}" class="btn btn-outline-secondary btn-sm">
                <i class="bi bi-arrow-left"></i> Back
            </a>
        </div>

        <div class="card-body p-0">
            @if($data)
                <div class="row g-0">
                    {{-- Left: Cover Image --}}
                    <div class="col-md-4" style="min-height: 450px;">
                        @if($data->title_image)
                            <img src="{{ asset('image/lr_cover/' . $data->title_image) }}"
                                 alt="{{ $data->title }}"
                                 style="width: 100%; height: 100%; object-fit: cover; border-radius: 0;">
                        @else
                            <div style="width: 100%; height: 100%; min-height: 450px; background: #f0f0f0;
                                        display: flex; align-items: center; justify-content: center;">
                                <span class="text-muted"><i class="bi bi-book fa-3x" style="font-size: 4rem;"></i></span>
                            </div>
                        @endif
                    </div>

                    {{-- Right: Details --}}
                    <div class="col-md-8">
                        <div class="p-4">
                            <h4 class="mb-3">{{ $data->title ?? 'Untitled' }}</h4>
                            <table class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <th style="width: 35%">Type</th>
                                        <td><span class="badge rounded-pill bg-info">{{ $data->type ?? '—' }}</span></td>
                                    </tr>
                                    <tr>
                                        <th>Author(s)</th>
                                        <td>{{ $data->authors ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Publisher</th>
                                        <td>{{ $data->publisher ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Volume</th>
                                        <td>{{ $data->volume ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Edition</th>
                                        <td>{{ $data->edition ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Copyright Year</th>
                                        <td>{{ $data->copyrightyear ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Pages</th>
                                        <td>{{ $data->pages ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <th>ISBN</th>
                                        <td>{{ $data->isbn ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Language</th>
                                        <td>{{ $data->lrlanguage ?? '—' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Grade Level(s)</th>
                                        <td><span class="badge rounded-pill bg-info-subtle text-info-emphasis">{{ $data->grade_levels ?? '—' }}</span></td>
                                    </tr>
                                    <tr>
                                        <th>Subject(s)</th>
                                        <td>{{ $data->subjects ?? '—' }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            @else
                <p class="text-muted p-4">No data found for this resource.</p>
            @endif
        </div>
    </div>
@endsection