@extends('layout.mainlayout')
@section('content')

<div class="page-wrapper cardhead">
    <div class="content container-fluid">

        @component('components.breadcrumb')
            @slot('title') View Travel Portal Document @endslot
        @endcomponent

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <div class="text-center mt-4 mb-4">
            <h4 class="fw-bold">Travel Portal Document Preview</h4>
        </div>

        @if(isset($document) && $document->travel_portal_doc)
            @php
                $extension = pathinfo($document->travel_portal_doc, PATHINFO_EXTENSION);
                $fileUrl = asset('storage/' . $document->travel_portal_doc);
            @endphp

            <div class="text-center">
                @if(in_array($extension, ['pdf']))
            <div oncontextmenu="return false;">
                            <embed src="{{ $fileUrl }}#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf"
                                width="100%" height="700px" />
                        </div>
                @elseif(in_array($extension, ['jpg', 'jpeg', 'png', 'gif']))
                    <img src="{{ $fileUrl }}" class="img-fluid" alt="Travel portal doc" style="max-height: 700px;">
                @else
                    <p class="text-danger">Unsupported file type: {{ $extension }}</p>
                @endif
            </div>
        @else
            <p class="text-center text-danger">No Document has been uploaded yet.</p>
        @endif

    </div>
</div>

@endsection