@extends('layouts.app')

@section('content')
<div class="container pb-4">
    <div class="row justify-content-center">
        <div class="col-md-11">
            {{ Breadcrumbs::render('attachments.show',$attachment->application_id) }}
            <div class="card shadow">
                <!-- ヘッダーエリア -->
                <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
                    <h5 class="mb-0 fw-bold">
                        ファイルプレビュー：{{ $attachment->original_name }}
                    </h5>
                    <div>
                        <!-- 強制ダウンロードボタン -->
                        <a href="{{ route('attachments.file', ['uuid' => $attachment->uuid, 'disposition' => 'attachment']) }}" class="btn btn-secondary btn-sm me-2">
                            ダウンロード
                        </a>
                        <!-- 戻るボタン -->
                        <a href="{{ url()->previous() }}" class="btn btn-secondary btn-sm">
                            戻る
                        </a>
                    </div>
                </div>

                <div class="card-body">
                    <!-- ファイルのメタ情報 -->
                    <div class="row mb-1 p-1 bg-light rounded mx-0 text-muted small">
                        <div class="col-md-4"><strong>ファイル名:</strong> {{ $attachment->original_name }}</div>
                        <div class="col-md-4"><strong>サイズ:</strong> {{ number_format($attachment->size / 1024, 1) }} KB</div>
                        <div class="col-md-4"><strong>アップロード日:</strong> {{ $attachment->created_at->format('Y/m/d H:i') }}</div>
                    </div>

                    <!-- プレビュー表示領域 -->
                    <div class="preview-area text-center mt-3">
                        @if (str_contains($attachment->mime_type, 'pdf'))
                            {{-- ★ PDFの場合：<object> や <iframe> で埋め込み表示 --}}
                            <object data="{{ route('attachments.file', $attachment->uuid) }}" type="application/pdf" width="100%" height="750px" class="border rounded">
                                <div class="p-5 bg-light">
                                    <p class="mb-2">お使いのブラウザは画面内PDF表示に対応していません。</p>
                                    <a href="{{ route('attachments.file', ['uuid' => $attachment->uuid, 'disposition' => 'attachment']) }}" class="btn btn-outline-primary btn-sm">
                                        ファイルをダウンロードして確認
                                    </a>
                                </div>
                            </object>

                        @elseif (str_contains($attachment->mime_type, 'image'))
                            {{-- ★ 画像の場合：<img> タグで表示 --}}
                            <div class="p-3 bg-dark-subtle rounded">
                                <img src="{{ route('attachments.file', $attachment->uuid) }}" 
                                     alt="{{ $attachment->original_name }}" 
                                     class="img-fluid border rounded shadow-sm" 
                                     style="max-height: 750px; object-fit: contain;">
                            </div>

                        @else
                            {{-- ★ OfficeファイルやZipなどプレビュー不可ファイルの場合 --}}
                            <div class="alert alert-secondary py-5 my-4">
                                <p class="fs-5 text-dark mb-3">このファイル形式 ({{ $attachment->mime_type }}) はプレビュー表示に対応していません。</p>
                                <a href="{{ route('attachments.file', ['uuid' => $attachment->uuid, 'disposition' => 'attachment']) }}" class="btn btn-primary">
                                    ファイルをダウンロードして開く
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection