@extends('layouts.sidik')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<style type="text/css">
    ul.select2-results {
    max-height: 200px;
}
</style>

@section('content')
<div class="row mt-5 justify-content-center">
    <div class="col-md-10 mb-5">
        <div class="card-deck">
            <!--<div class="card">
                <div class="card-body">
                    <h5 class="card-title">Total DIP Perangkat Daerah</h5>
                    <h2>{{$count_opd}}</h2>
                    <p class="card-text"><small class="text-muted">Jumlah dip Perangkat Daerah</small></p>

                </div>
            </div>-->
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Total DIP Kota/Kabupaten </h5>
                    <h2>0</h2>
                    <p class="card-text"><small class="text-muted">Jumlah dip provinsi</small></p>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Total DIP PROVINSI </h5>
                    <h2>{{$count_provinsi}}</h2>
                    <p class="card-text"><small class="text-muted">Jumlah dip provinsi</small></p>
                </div>
            </div>
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">Total Perangkat Daerah</h5>
                    <h2>{{$count_all}}</h2>
                    <p class="card-text"><small class="text-muted">Jumlah Perangkat Daerah</small></p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-10">
        <div class="card-deck">
            <div class="card p-3">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row p-3">
                            <h3>Daftar Informasi Publik</h3>
                        </div>
                        <form class="text-center" style="color: #757575;" action="{{route('sidik.index')}}">
                            <div class="row mt-3">
                                <div class="col-md-4" style="text-align: left;">

                                    <span class="" style="display: block;">Perangkat Daerah</span>

                                    <select class="form-control option" name="penerbit_dip_id">
                                        <option value="">Pilih Perangkat Daerah</option>
                                        @foreach ($penerbitdips as $pdip)
                                        <option value="{{$pdip->id}}">{{$pdip->penerbit_dip}}</option>
                                        @endforeach
                                    </select>



                                </div>
                                <div class="col-md-4" style="text-align: left;">

                                    <span style="display: block;">Tahun</span>
                                    <select class="form-control option" name="tahun">
                                       <option value="">Pilih Tahun</option>
                                       @foreach ($tahuns as $tahun)
                                       <option value="{{$tahun}}">{{$tahun}}</option>
                                       @endforeach
                                   </select>


                               </div>
                               <div class="col-md-4">
                                <button type="submit" style="width:100%;"
                                class="btn mt-3 btn-outline blue-gradient  waves-effect">Cari</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="col-md-10 mt-3">
    <!-- Table with panel -->
    <div class="card card-cascade narrower">

        <!--Card image-->
        <div
        class="view view-cascade gradient-card-header blue-gradient narrower py-2 mb-3 d-flex justify-content-between align-items-center">



        <a class="white-text mx-3">Informasi Publik</a>

        <div>
            <a href="{{route('sidik.index')}}" class="btn btn-outline-white btn-rounded btn-sm px-2">
                <i class="fas fa-redo mt-0"></i>
            </a>
        </div>

    </div>
    <!--/Card image-->

    <div class="px-4">
        @if (isset($_GET['penerbit_dip_id']) || isset($_GET['tahun']))
        @foreach ($dips as $dip)
        <!-- Modal -->
        <div class="modal fade" id="info-opd-{{$dip->id}}" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog mt-5 cascading-modal modal-notify" role="document">
                <div class="modal-content">
                    <div class="modal-header"
                    style="background:linear-gradient(200deg,#45cafc,#303f9f)!important;">
                    <h5 class="modal-title white-text" id="exampleModalLabel">{{$dip->judul}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p style="padding-top:-1rem;">Diterbitkan Oleh :
                        {{$dip->penerbit->penerbit_dip}}</p>
                        <hr>
                        <p>Deskripsi Informasi : </p>
                        <p>
                            {!! $dip->informasi !!}
                        </p>
                        <hr>
                        <table>
                            <tr>
                                <th>Jenis Informasi</th>
                                <th>:</th>
                                <th>{{$dip->jenis->jenis_dip}} - {{$dip->jenis->kategori}}</th>
                            </tr>
                            <tr>
                                <th>Penanggung Jawab</th>
                                <th>:</th>
                                <th>{{$dip->penanggung_jawab}}</th>
                            </tr>
                            <tr>
                                <th>Tempat Pembuatan</th>
                                <th>:</th>
                                <th>{{$dip->tempat_pembuatan}}</th>
                            </tr>
                            <tr>
                                <th>Tahun Pembuatan</th>
                                <th>:</th>
                                <th>{{ date('d F Y', strtotime($dip->tahun_pembuatan)) }}</th>
                            </tr>
                            <tr>
                                <th>Bentuk Informasi</th>
                                <th>:</th>
                                <th>{{$dip->format_informasi}}</th>
                            </tr>
                            <tr>
                                <th>Jangka Waktu</th>
                                <th>:</th>
                                <th>{{$dip->jangka_waktu}}</th>
                            </tr>
                        </table>
                        <hr>
                        <p class="muted" style="font-size:0.7em;">*Jenis informasi setiap saat perlu
                        izin</p>
                    </div>

                    <div class="modal-footer">
                        @if ($dip->file_name)
                        @if ($dip->jenis->kategori == 'setiap saat')
                        <a href="https://pion.kaltimprov.go.id" class="btn btn-outline-warning btn-sm"
                        target="_blank">Download</a>
                        @else
                        <a href="{{asset("uploads/filedip/".$dip->file_name)}}"
                            class="btn btn-outline-primary btn-sm" target="_blank">Download</a>
                            @endif
                            @endif
                            <button type="button" class="btn btn-outline-info btn-sm"
                            data-dismiss="modal">Close</button>

                        </div>
                    </div>
                </div>
            </div>
            @endforeach
            @endif
            <div class="table-wrapper">
                <!--Table-->
                <table class="table table-hover table-responsive mb-0">

                    <!--Table head-->
                    <thead>
                        <tr>
                            <th>
                                No
                            </th>
                            <th class="th-lg">
                                <a>
                                    Judul informasi
                                </a>
                            </th>
                            <th class="th-lg">
                                <a>Penanggung jawab pembuatan atau penerbitan informasi

                                </a>
                            </th>

                            <th class="th-lg">
                                <a>Waktu dan tempat pembuatan informasi

                                </a>
                            </th>
                            <th class="th-lg">
                                <a>Bentuk informasi tersedia

                                </a>
                            </th>
                            <th class="th-lg">
                                <a>Informasi

                                </a>
                            </th>

                            <th class="th-lg">
                                <a> Aksi</a>
                            </th>
                        </tr>
                    </thead>
                    <!--Table head-->

                    <!--Table body-->
                    <tbody>
                        @if (isset($_GET['penerbit_dip_id']) || isset($_GET['tahun']))
                        @foreach ($dips as $dip)


                        <tr>
                            <td>{{$loop->iteration}}</td>
                            <td>{{$dip->judul}}</td>
                            <td>{{$dip->penanggung_jawab}}</td>
                            <td>{{date('Y', strtotime($dip->tahun_pembuatan))}} <br>
                                {{$dip->tempat_pembuatan}} </td>
                                <td>{{$dip->format_informasi}}</td>
                                <td>{{$dip->jenis->kategori}}</td>
                                <td><a data-toggle="modal" data-target="#info-opd-{{$dip->id}}"
                                    class="btn btn-outline-info btn-sm"">Lihat</a></td>
                                </tr>
                                @endforeach
                                @if (count($dips) < 1)
                                <tr>
                                    <td colspan=" 7" align="center">Data tidak ditemukan.</td>
                                </tr>
                                @endif
                                @else
                                <tr>
                                    <td colspan="7" align="center">Silahkan tekan cari perangkat daerah, untuk memproses.</td>
                                </tr>
                                @endif
                            </tbody>
                            <!--Table body-->
                        </table>
                        <!--Table-->
                    </div>

                </div>

            </div>
            <!-- Table with panel -->
        </div>
    </div>
    <div class="row mt-4 justify-content-center">
        <div class="col-md-4 mt-3">
            <div class="row">
                <div class="col-12">
                    <div class="card-deck">
                        <div class="card p-3 mb-3">
                            <h4>Klasifikasi Informasi</h4>
                            <hr>
                            <blockquote class="blockquote mb-0 card-body">
                                <div>
                                    <h6>Berkala</h6>
                                    <p class="text-muted" style="margin-top:-1.2rem; font-size:0.7em;">
                                        Informasi Yang Wajib Disediakan Dan Diumumkan Secara Berkala.
                                    </p>
                                </div>
                                <hr style="margin-top:-1rem;">
                                <div>
                                    <h6>Serta Merta</h6>
                                    <p class="text-muted" style="margin-top:-1.2rem; font-size:0.7em;">
                                        Informasi Yang Wajib Diumumkan Secara Serta Merta.
                                    </p>
                                </div>
                                <hr style="margin-top:-1rem;">
                                <div>
                                    <h6>Setiap Saat</h6>
                                    <p class="text-muted" style="margin-top:-1.2rem; font-size:0.7em;">
                                        Informasi Yang Wajib Tersedia Setiap Saat.
                                    </p>
                                </div>
                                <hr style="margin-top:-1rem;">
                                <footer class="blockquote-footer">
                                    <small class="text-muted">
                                        Informasi setiap saat memerlukan izin.
                                    </small>
                                </footer>
                            </blockquote>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card-deck">
                        <div class="card p-3 mb-3">
                            <h4>Persentase</h4>
                            <blockquote class="blockquote mb-0 card-body">
                                <p> <canvas id="myChart" height="180" width="200"
                                    style="margin-top:-3rem;"></canvas></p>
                                    <footer class="blockquote-footer">
                                        <small class="text-muted">
                                            Persentase DIP Perangkat Daerah
                                        </small>
                                    </footer>
                                </blockquote>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-md-6 mt-3">
                <div class="card-deck">
                    <div class="card p-3">
                        <h4>Informasi Terbaru</h4>
                        <div class="list-group-flush mt-3">
                            @foreach ($dips_new as $dip)


                            <!-- Modal -->
                            <div class="modal fade" id="info-baru-{{$dip->id}}" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog mt-5 cascading-modal modal-notify" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header"
                                        style="background:linear-gradient(200deg,#45cafc,#303f9f)!important;">
                                        <h5 class="modal-title white-text" id="exampleModalLabel">{{$dip->judul}}
                                        </h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        <p style="padding-top:-1rem;">Diterbitkan Oleh :
                                            {{$dip->penerbit->penerbit_dip}}</p>
                                            <hr>
                                            <p>Deskripsi Informasi : </p>
                                            <p>
                                                {!! $dip->informasi !!}
                                            </p>
                                            <hr>
                                            <table>
                                                <tr>
                                                    <th>Jenis Informasi</th>
                                                    <th>:</th>
                                                    <th>{{$dip->jenis->jenis_dip}} - {{$dip->jenis->kategori}}</th>
                                                </tr>
                                                <tr>
                                                    <th>Penanggung Jawab</th>
                                                    <th>:</th>
                                                    <th>{{$dip->penanggung_jawab}}</th>
                                                </tr>
                                                <tr>
                                                    <th>Tempat Pembuatan</th>
                                                    <th>:</th>
                                                    <th>{{$dip->tempat_pembuatan}}</th>
                                                </tr>
                                                <tr>
                                                    <th>Tahun Pembuatan</th>
                                                    <th>:</th>
                                                    <th>{{ date('d F Y', strtotime($dip->tahun_pembuatan)) }}</th>
                                                </tr>
                                                <tr>
                                                    <th>Bentuk Informasi</th>
                                                    <th>:</th>
                                                    <th>{{$dip->format_informasi}}</th>
                                                </tr>
                                                <tr>
                                                    <th>Jangka Waktu</th>
                                                    <th>:</th>
                                                    <th>{{$dip->jangka_waktu}}</th>
                                                </tr>
                                            </table>
                                            <hr>
                                            <p class="muted" style="font-size:0.7em;">*Jenis informasi setiap saat perlu
                                            izin</p>
                                        </div>

                                        <div class="modal-footer">
                                            @if ($dip->file_name)
                                            @if ($dip->jenis->kategori == 'setiap saat')
                                            <a href="https://pion.kaltimprov.go.id"
                                            class="btn btn-outline-warning btn-sm" target="_blank">Download</a>
                                            @else
                                            <a href="{{asset("uploads/filedip/".$dip->file_name)}}"
                                                class="btn btn-outline-primary btn-sm" target="_blank">Download</a>
                                                @endif
                                                @endif
                                                <button type="button" class="btn btn-outline-info btn-sm"
                                                data-dismiss="modal">Close</button>

                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="list-group-item">
                                    <h5>{{$dip->judul}}</h5>
                                    <p class="text-muted">
                                        <i class="fa fa-calendar p-2 white-text mr-4 blue-gradient" aria-hidden="true">
                                        </i>{{ date('d F Y', strtotime($dip->tahun_pembuatan)) }} - oleh
                                        {{$dip->Penerbit->penerbit_dip}}
                                    </p>
                                    {{-- <p>{!! $dip->informasi ? \Illuminate\Support\Str::limit($dip->informasi, 50) : '' !!}</p> --}}
                                    <p><a data-toggle="modal" data-target="#info-baru-{{$dip->id}}"
                                        class="btn btn-outline-info btn-sm">Read More</a></p>
                                    </div>
                                    @endforeach

                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="row mt-5 justify-content-center">
                    <div class="col-md-10">
                        <div class="card-deck">
                            <div class="card p-3">
                                <h4>Statistik Penerbit Perangkat Daerah</h4>
                                <p><canvas id="myChart2" height="280"></canvas></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-5 justify-content-center">
                    <div class="col-md-10">
                        <div class="card-deck">
                            <div class="card p-3">
                                <h4>Statistik Pemerintahan Penerbit</h4>
                                <p><canvas id="myChart3" height="280"></canvas></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row mt-5 justify-content-center">
                    <div class="col-md-10 mt-3 mb-5">
                        <!-- Table with panel -->
                        <div class="card card-cascade narrower">
                            <!--Card image-->
                            <div
                            class="view view-cascade gradient-card-header blue-gradient narrower py-2 mb-3 d-flex justify-content-between align-items-center">
                            <a class="white-text mx-3">PERMOHONAN INFORMASI ONLINE</a>
                            <div>

                            </div>
                        </div>
                        <!--/Card image-->
                        <div class="row p-3">
                            <div class="col-md-8 mb-4">
                                <a href="http://pion.kaltimprov.go.id/" target="_blank">
                                    <img src="https://pion.kaltimprov.go.id/images/logo.jpeg" class="img-fluid" alt="Responsive image" >
                                </a>

                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="card-deck">
                                    <div class="card">
                                        <div class="card-body">

                                            <h2>{{ @$pio['jumlahpermohonan'] ?? 0}}</h2>
                                            <p class="card-text"><small class="text-muted">Total Permohonan</small></p>

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12 mb-2">
                                <div class="card-deck">
                                    <div class="card">
                                        <div class="card-body">

                                            <h2>{{ @$pio['jumlahpermohonandiproses'] ?? 0 }}</h2>
                                            <p class="card-text"><small class="text-muted">Jumlah Permohonan Di Proses</small></p>

                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-body">

                                            <h2>{{ @$pio['jumlahpermohonanditerima'] ?? 0}}</h2>
                                            <p class="card-text"><small class="text-muted">Jumlah Permohonan Diterima</small></p>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-body">

                                            <h2>{{ @$pio['jumlahpermohonanditolak'] ?? 0}}</h2>
                                            <p class="card-text"><small class="text-muted">Jumlah Permohonan Ditolak</small></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 mb-2">
                                <div class="card-deck">
                                    <div class="card">
                                        <div class="card-body">

                                            <h2>{{ @$pio['jumlahkeberatan'] ?? 0 }}</h2>
                                            <p class="card-text"><small class="text-muted">Jumlah Keberatan</small></p>

                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-body">

                                            <h2>{{ @$pio['jumlahkeberatanditerima'] ?? 0 }}</h2>
                                            <p class="card-text"><small class="text-muted">Jumlah Keberatan Diterima</small></p>
                                        </div>
                                    </div>
                                    <div class="card">
                                        <div class="card-body">

                                            <h2>{{ @$pio['jumlahkeberatanditolak'] ?? 0 }}</h2>
                                            <p class="card-text"><small class="text-muted">Jumlah Keberatan Ditolak</small></p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-5 justify-content-center">
                <div class="col-md-10 mt-3 mb-5">
                    <!-- Table with panel -->
                    <div class="card card-cascade narrower">
                        <!--Card image-->
                        <div
                        class="view view-cascade gradient-card-header blue-gradient narrower py-2 mb-3 d-flex justify-content-between align-items-center">
                        <a class="white-text mx-3">Aplikasi ASPIRASI ETAM</a>
                        <div>

                        </div>
                    </div>
                    <!--/Card image-->
                    <div class="row p-3">

                        <div class="col-md-6 mb-4">
                            <a href="http://aspirasi.kaltimprov.go.id/" target="_blank">
                                <img src="{{ asset('images/aspirasi-etam.jpeg') }}" class="img-fluid"  alt="Responsive image">
                            </a>

                        </div>
                        <div class="col-md-6 mb-4">
                            <div class="card-deck">
                                <div class="card">
                                    <div class="card-body">

                                        <h2>{{ @$pio['jumlahpermohonan'] ?? 0 }}</h2>
                                        <p class="card-text"><small class="text-muted">Total Permohonan</small></p>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 mb-2">
                            <div class="card-deck">

                                <div class="card">
                                    <div class="card-body">

                                        <h2>{{$as['jumlahpesan']}}</h2>
                                        <p class="card-text"><small class="text-muted">Jumlah Pesan</small></p>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-body">

                                        <h2>{{$as['belumdiproses']}}</h2>
                                        <p class="card-text"><small class="text-muted">Jumlah Belum Di Proses</small></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 mb-2">
                            <div class="card-deck">
                                <div class="card">
                                    <div class="card-body">

                                        <h2>{{$as['sedangdiproses']}}</h2>
                                        <p class="card-text"><small class="text-muted">Jumlah Sedang Di Proses</small></p>

                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-body">

                                        <h2>{{$as['selesai']}}</h2>
                                        <p class="card-text"><small class="text-muted">Jumlah Selesai</small></p>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    @endsection

    @push('script')
    <script>

        toastr.options = {
            "positionClass": "toast-top-right mt-toast",
        }

        toastr["info"]("Sistem Integerasi Daftar Infromasi Publik", "Selamat datang di data SIDIK");

    </script>

{{-- <script>
    if ("serviceWorker" in navigator) {
    navigator.serviceWorker.register('./sw.js').then(function(registration) {
console.log('Registration successful, scope is:', registration.scope);
});
}
</script> --}}

<script>
    var ctx = document.getElementById('myChart3');
    var myChart = new Chart(ctx, {
        type: 'horizontalBar',
        data: {
            labels: [
            @foreach($kotas as $kota)
            '{{$kota["city_name"]}}',
            @endforeach,
            'Kalimantan Timur'
            ],
            datasets: [
            @foreach($tahuns as $tahun)
            @if($tahun > 2016)
            {
                label: '{{$tahun}}',
                data: [
                @foreach($kotas as $kota)
                '{{ count(App\DataInformasiPublik::where("tempat_pembuatan", $kota["city_name"])->where("info", "opd")->where("tahun_pembuatan", "LIKE", $tahun."-%")->where("info", "opd")->get()) }}',
                @endforeach,
                '{{ count(App\DataInformasiPublik::where("info", "provinsi")->where("tahun_pembuatan", "LIKE", $tahun."-%")->where("info", "provinsi")->get()) }}',

                ],
                backgroundColor: [
                @foreach($kotas as $kota)
                '{{(array_key_exists($tahun, $colors) ? $colors[$tahun] : $colors[0])}}',
                @endforeach
                '{{(array_key_exists($tahun, $colors) ? $colors[$tahun] : $colors[0])}}',
                '{{(array_key_exists($tahun, $colors) ? $colors[$tahun] : $colors[0])}}',
                '{{(array_key_exists($tahun, $colors) ? $colors[$tahun] : $colors[0])}}',
                '{{(array_key_exists($tahun, $colors) ? $colors[$tahun] : $colors[0])}}',
                ],
            },
            @endif
            @endforeach
            ]
        },
        options: {
            responsive: true,
            scales: {
                xAxes: [{
                    ticks: {
                        beginAtZero: true
                    }
                }]
            }
        }
    });
</script>
<script>
    var ctx = document.getElementById('myChart2');
    var myChart = new Chart(ctx, {
        type: 'horizontalBar',
        data: {
            labels: [
            @foreach($penerbitdips as $pdip)
            @if($pdip->penerbit_dip == 'OPD' )
            @else
            @if($pdip->user->where('is_admin', '!=', 0)->first())

            @elseif($pdip->user->where('is_admin', '==', 0)->first())
            '{{$pdip->penerbit_dip}}',
            @endif
            @endif
            @endforeach
            ],
            datasets: [
            @foreach($tahuns as $tahun)
            @if($tahun > 2016)
            {
                label: '{{$tahun}}',
                data: [
                @foreach($penerbitdips as $pdip)
                @if($pdip->penerbit_dip == 'OPD' )
                @else
                @if($pdip->user->where('is_admin', '!=', 0)->first())
                @elseif($pdip->user->where('is_admin', '==', 0)->first())
                                @foreach(App\User::where('penerbit_dip_id', $pdip->id)->get() as $user)
                <br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;App\DataInformasiPublik&quot; not found in /home/aplikasiposinfo/public_html/ppid.aplikasipos.info/resources/views/sidik/index.blade.php:732
Stack trace:
#0 {main}
  thrown in <b>/home/aplikasiposinfo/public_html/ppid.aplikasipos.info/resources/views/sidik/index.blade.php</b> on line <b>732</b><br />