@extends('template')

@section('content')
    <div class="h-screen pt-5">
        <div class="py-5 "style="background-color:#333;margin-top:53px;">
            <div class="container ">
                <h1 class="text-white text-center fw-bold hidden">STRUKTUR ORGANISASI</h1>
            </div>

        </div>
        <div class="container pt-5 hidden">
            <a href="{{ asset('assets/images/content/struktur.jpg') }}" target="_blank" class="big">

                <img class="w-100 big my-5" src="{{ asset('assets/images/content/struktur.jpg') }}" alt="">
            </a>
            <div class="center">

                <a href="" class="btn btn-dark my-5"data-bs-toggle="modal" data-bs-target="#struktur"><i
                        class="bi bi-file-earmark-pdf-fill mr-3"></i>Struktur SK Baru</a>
            </div>
        </div>
    </div>
    <!-- Modal PDf struktur-->
    <div class="modal fade" id="struktur">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div id="my-iframe">

                    <iframe id="inframe" src="{{ asset('documents/templatePeriodisasi/struktur.pdf') }}" height="700px"
                        width="100%"></iframe>
                </div>
            </div>
        </div>
    </div>
    {{-- Modal PDF struktur --}}
@endsection