@extends('admin.layouts.leadManagement')
@section('content')

<div class="container-fluid view-doc">
  
 
    <iframe src="{{ @$documentLink }}" title="Document Viewer" id="documentViewer"></iframe>
    <div class="loader"></div>
    {{-- <iframe src="{{ @$documentLink }}" title="Document Viewer"></iframe> --}}
</div>

@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('backend') }}/presentation/css/presentation.css?v={{env('CRM_VERSION')}}">
    <style>

        iframe {
            height: calc(100vh - 80px);
            width: 100%;
            border: none;
        }
    </style>
@endsection

@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"
        integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    {{-- <script src="{{ asset('backend') }}/lead-management/js/common.js"></script> --}}

    {{-- <script>
            //  $(document).ready(function() {
            //     $(".loader").show();
            //     setTimeout(function() {
            //         $(".loader").hide();
            //     }, 500);
            //  });

            //  $(document).ready(function() {
            //     $(".loader").show();
            //     function hideLoader() {
            //         $(".loader").hide();
            //     }
            //  });

            //  function hideLoader() {
            //     $(".loader").hide();
            // }

            // $(document).ready(function() {
            //     $(".loader").show();
            // });

            $(document).ready(function() {
            // $(".loader").show();

            // $("#documentViewer").on("load", function() {
            //     $(".loader").hide();
            // });

         
        });

        document.querySelector("iframe").addEventListener("load", function(e) {
                $(".loader").hide();
            } );
     
    </script> --}}

<script>
    $(document).ready(function() {
        $(".loader").show();

        $("#documentViewer").on("load", function() {
            $(".loader").hide();
        });

        $("#documentViewer").on("error", function() {
            $(".loader").hide();
            console.error("Error loading the iframe.");
        });
    });
</script>
@endsection