@extends('layouts.admin')

@section('content')
    <div class="card shadow-sm">
        <div class="card-header bg-white d-flex justify-content-between align-items-center">
            <h4>Manajemen Risiko: {{ $risiko->pemda }} ({{ $risiko->periode }})</h4>
            <div class="">
                <a href="{{ route('manajemen-risiko.index') }}" class="btn btn-info btn-sm"><i class="fa fa-arrow-left"></i>
                    Kembali</a>
            </div>
        </div>
        <div class="card-body">
            <section class="timeline_area section_padding_130">
                <div class="container">
                    <div class="row justify-content-center mb-4">
                        <div class="col-12 col-sm-8 col-lg-6">
                            <div class="section_heading text-center">
                                <h6>Manajemen Risiko</h6>
                                <h3>{{ $risiko->pemda }}</h3>
                                <h5>Tahun {{ $risiko->tahun_penilaian }} Periode {{ $risiko->periode }}</h5>
                                <div class="line"></div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row justify-content-center mb-4">
                        <div class="col-12 col-sm-8 col-lg-6">
                            <div class="section_heading text-center">
                                <h5>Tujuan Strategis</h5>
                                <p>{{ $risiko->tujuan_strategis }}</p>
                            </div>
                        </div>
                    </div>
                    <hr/>
                    <div class="row">
                        <div class="col-12">
                            <!-- Timeline Area-->
                            <div class="apland-timeline-area">
                                <!-- Single Timeline Content-->


                                <div class="single-timeline-area">
                                    <div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
                                        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
                                        <p>Konteks Risiko</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card" aria-hidden="true"></i>
                                                </div>
                                                <div class="timeline-text">
                                                    <a href="{{ route('manajemen-risiko.show-konteks-pemda', $risiko->id) }}"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Konteks Pemda</h6>
                                                    </a>
                                                    <p>Konteks Risiko Strategis Pemerintah Daerah</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="single-timeline-area">
                                    <div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
                                        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
                                        <p>CEE</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-address-card"
                                                        aria-hidden="true"></i>
                                                </div>
                                                <div class="timeline-text">
                                                    <a href="{{ route('manajemen-risiko.show-kuisioner', $risiko->id) }}"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Kuisioner Survey CEE</h6>
                                                    </a>
                                                    <p>
                                                        (Sub Unsur) Menyusun Sub Unsur sekaligus menyusun pertanyaan
                                                        pertanyaan
                                                        survei <br>
                                                        <small class="text-muted">64 Sub Unsur -
                                                            296 Pertanyaan</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.5s"
                                                style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-archive" aria-hidden="true"></i>
                                                </div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/menejemen-risiko/27/responden"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Hasil Survey CEE</h6>
                                                    </a>
                                                    <p>Pengisian survei diinputkan melalui link yang disebarkan <br>
                                                        <small class="text-muted">Total
                                                            Responden 340</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.7s"
                                                style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-address-book"
                                                        aria-hidden="true"></i>
                                                </div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/menejemen-risiko/27/simpulan-dokumen"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Reviu Dokumen CEE</h6>
                                                    </a>
                                                    <p> Sumber data dan klasifikasi uraian kelemahan <br>
                                                        <small class="text-warning">Total
                                                            Uraian yang belum dilengkapi 9</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.7s"
                                                style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-address-book"
                                                        aria-hidden="true"></i>
                                                </div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/simpulan/27"
                                                        style="text-decoration: none; color: black">
                                                        <h6> Simpulan CEE</h6>
                                                    </a>
                                                    <p>Menguraikan hasil dari survei maupun persepsi <br>
                                                        <small class="text-danger">Simpulan Perlu Peninjauan Lagi. Beberapa
                                                            data
                                                            belum terisi</small>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single Timeline Content-->
                                <div class="single-timeline-area">
                                    <div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
                                        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
                                        <p>Identifikasi dan Analisa Risiko</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card" aria-hidden="true"></i>
                                                </div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/kertas-kerja/27"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Kertas Kerja Identifikasi Risiko</h6>
                                                    </a>
                                                    <p>Kertas Kerja Strategis Pemda</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card"
                                                        aria-hidden="true"></i></div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/kertas-kerja/27/analisis-risiko"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Analisa Risiko</h6>
                                                    </a>
                                                    <p>Kertas Kerja Analisas Risiko</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft"
                                                data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card"
                                                        aria-hidden="true"></i></div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/kertas-kerja/27/risiko-prioritas"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Risiko Prioritas</h6>
                                                    </a>
                                                    <p>Daftar Risiko Prioritas</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft"
                                                data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card"
                                                        aria-hidden="true"></i></div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/kertas-kerja/27/risiko-prioritas/dinas/opd"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Risiko Prioritas OPD</h6>
                                                    </a>
                                                    <p>Daftar Risiko Prioritas OPD</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft"
                                                data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card"
                                                        aria-hidden="true"></i></div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/kertas-kerja/27/penilaian-kegiatan"
                                                        style="text-decoration: none; color: black">
                                                        <h6>RTP CE</h6>
                                                    </a>
                                                    <p>Penilaian atas Kegiatan Pengendalian yang Ada dan Masih Dibutuhkan
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft"
                                                data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card"
                                                        aria-hidden="true"></i></div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/kertas-kerja/27/penilaian-kegiatan/risk"
                                                        style="text-decoration: none; color: black">
                                                        <h6>RTP RISK</h6>
                                                    </a>
                                                    <p>Penilaian atas Kegiatan Pengendalian yang Ada dan Masih Dibutuhkan
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="single-timeline-area">
                                    <div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
                                        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
                                        <p>Infokom</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft"
                                                data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card"
                                                        aria-hidden="true"></i></div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/infokom/27"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Informasi Pengendalian</h6>
                                                    </a>
                                                    <p>Pengkomunikasian Pengendalian yang Dibangun</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="single-timeline-area">
                                    <div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
                                        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
                                        <p>Monitoring PI</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft"
                                                data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card"
                                                        aria-hidden="true"></i></div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/rencana-monitoring/27"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Rencana Monitoring PI</h6>
                                                    </a>
                                                    <p>Rancangan Pemantauan Atas Pengendalian Intern</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="single-timeline-area">
                                    <div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
                                        style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
                                        <p>Monitoring Even Risk</p>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-md-6 col-lg-4">
                                            <div class="single-timeline-content d-flex wow fadeInLeft"
                                                data-wow-delay="0.3s"
                                                style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
                                                <div class="timeline-icon"><i class="fa fa-id-card"
                                                        aria-hidden="true"></i></div>
                                                <div class="timeline-text">
                                                    <a href="https://simario.lamongankab.go.id/user/moinitor-risk-event-rtp/27"
                                                        style="text-decoration: none; color: black">
                                                        <h6>Monitor Risk Even &amp; RTP</h6>
                                                    </a>
                                                    <p>Pencatatan Kejadian Risiko (RISK EVENT) dan RTP</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

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

@push('scripts')
    <script>
        $(document).ready(function() {

        });
    </script>
@endpush