@extends('layouts.main', ['title' => 'Preview'])



@push('scripts')
    <script>
       

        function printElement() {
            document.getElementById('view-pdf').contentWindow.print();
        }

        document.onkeydown = function(e) {
            if (e.ctrlKey && e.keyCode == 'P'.charCodeAt(0)) {
                e.preventDefault();
                //your saving code
                printElement();
            }
        }
    </script>
@endpush

@section('content')
    <section class="section main-section">
        <div class="card mb-6">
            <header class="card-header">
                <p class="card-header-title">
                    <span class="icon"><i class="mdi mdi-ballot"></i></span>
                    Preview
                </p>
            </header>
            <div class="card-content">
                <div class="flex justify-between">
                    <button class="button is-primary blue" onclick="printElement()">Cetak</button>
                </div>
                <hr>
                <iframe src="{{ $url }}" class="w-full" style="height: 700px;" frameborder="0"
                    id="view-pdf"></iframe>
                <hr>
                <div class="flex justify-between">
                    <button class="button is-primary blue" onclick="printElement()">Cetak</button>
                </div>
            </div>
        </div>


    </section>
@endsection