@extends('layouts.guest')

@section('title', $document->file_name)

@section('content')
<div class="container py-4">
    <div class="row justify-content-center">
        <div class="col-lg-10">
            <!-- Back & Download -->
            <div class="d-flex justify-content-between align-items-center mb-4">
                <a href="{{ route('public.documents') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left me-2"></i>Back to Documents
                </a>
                <div>
                    <a href="{{ $document->download_url }}" class="btn btn-success me-2" download>
                        <i class="bi bi-download me-1"></i>Download
                    </a>
                    <button class="btn btn-outline-primary" onclick="window.print()">
                        <i class="bi bi-printer"></i> Print
                    </button>
                </div>
            </div>

            <!-- Document Header -->
            <div class="card shadow-lg mb-4">
                <div class="card-header bg-primary text-white">
                    <div class="d-flex justify-content-between align-items-start">
                        <div>
                            <h1 class="h3 mb-1 fw-bold">{{ $document->file_name }}</h1>
                            <div class="d-flex flex-wrap gap-2 mt-2">
                                <span class="badge bg-success fs-6">Approved</span>
                                <span class="badge bg-info">{{ $document->file_extension ?? pathinfo($document->file_name, PATHINFO_EXTENSION) }}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Full Breadcrumb Path -->
                    <nav style="--bs-breadcrumb-divider: '>';">
                        <ol class="breadcrumb mb-3">
                            <li class="breadcrumb-item">
                                <a href="{{ route('public.documents') }}">Documents</a>
                            </li>
                            @php
                                $pathParts = [];
                                if($document->folder && $document->folder->month && $document->folder->month->category && $document->folder->month->category->year && $document->folder->month->category->year->company) {
                                    $pathParts[] = $document->folder->month->category->year->company->name ?? 'Unknown Company';
                                    $pathParts[] = (string)($document->folder->month->category->year->year ?? 'Unknown Year');
                                    $pathParts[] = $document->folder->month->category->name ?? 'Unknown Category';
                                    $pathParts[] = $document->folder->month->name ?? 'Unknown Month';
                                    $pathParts[] = $document->folder->name ?? 'Unknown Subfolder';
                                } else {
                                    $pathParts[] = 'Uncategorized';
                                }
                            @endphp
                            @foreach($pathParts as $index => $part)
                                <li class="breadcrumb-item {{ $index === count($pathParts)-1 ? 'active fw-semibold' : '' }}">
                                    {{ $part }}
                                </li>
                            @endforeach
                        </ol>
                    </nav>

                    <!-- Metadata -->
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <strong>Uploaded:</strong> {{ $document->created_at->format('F d, Y \a\t g:i A') }}<br>
                            @if($document->uploader)
                                <strong>Uploaded by:</strong> {{ $document->uploader->name }}<br>
                            @endif
                            @if($document->approver)
                                <strong>Approved by:</strong> {{ $document->approver->name }} on {{ $document->approved_at->format('M d, Y') }}<br>
                            @endif
                            <strong>Folder:</strong> {{ $document->folder->name ?? 'N/A' }}
                        </div>
                        <div class="col-md-6">
                            <strong>Status:</strong> 
                            <span class="badge bg-success fs-6">Approved</span><br>
                            <strong>Size:</strong> {{ number_format($document->file_size ?? 0) }} KB<br>
                            @if($document->remarks)
                                <strong>Remarks:</strong> {{ Str::limit($document->remarks, 100) }}
                            @endif
                        </div>
                    </div>

                    <!-- Document Preview -->
                    <div class="border rounded p-4 bg-light">
                        <h6 class="mb-3">Preview:</h6>
                        @php
                            $extension = strtolower(pathinfo($document->file_name, PATHINFO_EXTENSION));
                            $isPdf = $extension === 'pdf';
                            $isImage = in_array($extension, ['jpg', 'jpeg', 'png', 'gif']);
                        @endphp
                        @if($isPdf)
                            <iframe src="{{ $document->download_url }}#toolbar=0&navpanes=0&scrollbar=0" 
                                    style="width:100%; height:600px; border:none;" 
                                    title="Document Preview"></iframe>
                        @elseif($isImage)
                            <img src="{{ $document->download_url }}" class="img-fluid rounded shadow" alt="Document Image">
                        @else
                            <div class="text-center py-5 bg-white rounded shadow">
                                <i class="bi bi-file-earmark-text fs-1 text-muted mb-3"></i>
                                <p class="text-muted">Preview not available for this file type.</p>
                                <a href="{{ $document->download_url }}" class="btn btn-primary" download>Download to View</a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection