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

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

            @component('components.breadcrumb')
                @slot('title')
                    View Clear Desk and Clear Screen Policy
                @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">Clear Desk and Clear Screen Policy Document Preview</h4>
            </div>

            @if (isset($document) && $document->clear_desk_and_clear_screen_policy)
                @php
                    $extension = pathinfo($document->clear_desk_and_clear_screen_policy, PATHINFO_EXTENSION);
                    $fileUrl = asset('storage/' . $document->clear_desk_and_clear_screen_policy);
                @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="Clear Desk and Clear Screen Policy" style="max-height: 700px;">
                    @else
                        <p class="text-danger">Unsupported file type: {{ $extension }}</p>
                    @endif
                </div>
            @else
                <p class="text-center text-danger">No Clear Desk and Clear Screen Policy uploaded yet.</p>
            @endif

        </div>
    </div>

@endsection