@extends('layouts.dashboard')

@section('title')
<title>PIM | Dashboard</title>
@endsection

@section('breadcrumb')
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Dashboard</li>
@endsection

@section('content')
<!-- /.row -->
<!-- Main row -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <h4 style="align-items: center;">PENGUMUMAN</h4>
            <iframe src="assets/dist/img/bitcoin_2.pdf" align="top" height="620" width="100%" frameborder="0" scrolling="auto"></iframe>
            <!-- <embed type="application/pdf" src="assets/dist/img/bitcoin_2.pdf" width="600" height="400"></embed>  -->
            <!-- <object data="assets/dist/img/bitcoin_2.pdf" width="600" height="400"></object> -->
        </div>
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Purchase Request</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
                <div id="showinfo"></div>
                <table id="tbl_role" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>ROLE</th>
                            <th>CREATED AT</th>
                            <th>UPDATED AT</th>
                            <th>ACTION</th>
                        </tr>
                    </thead>
                    <!-- Modal -->
                    <div class="modal fade" id="modal_container" tabindex="-1" role="dialog" aria-labelledby="modal_containerlabel" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
                            <div class="modal-content" id="modal_content">
                                <div class="overlay">
                                    <i class="fas fa-2x fa-sync fa-spin"></i>
                                </div>
                            </div>
                        </div>
                    </div>

                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>

</div>
@endsection

@section('jsbawah')
<script type="text/javascript">
</script>
@endsection