@extends('layouts.host', ['header' => true, 'header_image' => false])
@section('title', 'Hosting Instructions')

@section('content')
    <section class="main-sec-become-hosted">
        <div class="container">
            <div class="pdf-btn-boy">
                <div class="host-event-details-content p-0 pb-2">
                    <embed id="hosting_instructions_pdf" class='hosting_instructions' width="100%" 
                        type="">
                </div>
                <a href="{{ url()->previous() }}" class="button primary-btn full-btn" data-bs-dismiss="modal"
                    aria-label="Close"> Close</a>
            </div>
        </div>
    </section>

@endsection
@push('scripts')
    <script>
        jQuery(document).ready(function(e) {
            let pdfUrl = "{{ Storage::url(@$hosting_instructions['file_path']) }}";
            let embedElement = jQuery('#hosting_instructions_pdf')
            previewPdf(pdfUrl, embedElement)
        });
    </script>
@endpush