@extends('layouts.admin')

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

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0">{{ $document->file_name }}</h1>
    <div>
        <a href="{{ route('documents.index', ['folder_id' => $document->folder_id]) }}" class="btn btn-outline-secondary me-2">
            <i class="bi bi-arrow-left"></i> Back to Folder
        </a>
        @if($document->download_url)
            <a href="{{ $document->download_url }}" class="btn btn-success" download>
                <i class="bi bi-download"></i> Download
            </a>
        @endif
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="bi bi-file-earmark-text me-2"></i>Document Preview</h5>
            </div>
            <div class="card-body text-center p-5">
                @if(str_contains($document->file_path, ['.pdf', 'pdf']))
                    <iframe src="{{ $document->download_url }}#toolbar=0" class="w-100" style="height: 600px; border: none;"></iframe>
                @elseif(str_contains($document->file_path, ['.jpg', 'jpeg', 'png', 'gif', 'image']))
                    <img src="{{ $document->download_url }}" class="img-fluid rounded shadow" style="max-height: 600px;">
                @else
                    <i class="bi bi-file-earmark-text fs-1 text-muted mb-3"></i>
                    <h5>Preview not available</h5>
                    <p class="text-muted">Download to view this file type.</p>
                @endif
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card shadow-sm">
            <div class="card-header bg-info text-white">
                <h6 class="mb-0"><i class="bi bi-info-circle me-2"></i>Details</h6>
            </div>
            <div class="card-body">
                <ul class="list-unstyled">
                    <li><strong>Folder:</strong> {{ $document->folder->name }}</li>
                    <li><strong>Month:</strong> {{ $document->folder->month->name }}</li>
                    <li><strong>Category:</strong> {{ $document->folder->month->category->name }}</li>
                    <li><strong>Uploaded By:</strong> {{ $document->uploader->name ?? 'Unknown' }}</li>
                    <li><strong>Status:</strong> 
                        <span class="badge {{ $document->status == 'active' ? 'bg-success' : 'bg-secondary' }}">
                            {{ ucfirst($document->status ?? 'pending') }}
                        </span>
                    </li>
                    <li><strong>Uploaded:</strong> {{ $document->created_at->format('M d, Y H:i') }}</li>
                    @if($document->remarks)
                        <li><strong>Remarks:</strong> {{ $document->remarks }}</li>
                    @endif
                </ul>
                @if($document->download_url)
                    <a href="{{ $document->download_url }}" class="btn btn-success w-100 mb-2" download>
                        <i class="bi bi-download me-1"></i>Download File
                    </a>
                @endif
            </div>
        </div>
    </div>
</div>

    <a href="{{ route('documents.index', ['folder_id' => $document->folder_id]) }}" class="btn btn-secondary mt-3">
        <i class="bi bi-arrow-left me-1"></i>Back to Documents
</a>
@endsection