@extends('user.template')
@section('title', 'Menejemen Risiko')
@section('head')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
@endsection

@section('content')

    <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>{{ $mr->pemda }}</h3>
                        <h5>Tahun {{ $mr->tahun }} Periode {{ $mr->periode }}</h5>
                        <div class="line"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <!-- Timeline Area-->
                    <div class="apland-timeline-area">
                        <!-- Single Timeline Content-->

                        {{-- Konteks --}}
                        <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('user.konteks.pemda', ['mr_id' => $mr->id]) }}"
                                                style="text-decoration: none; color: black">
                                                <h6>Konteks Pemda</h6>
                                            </a>
                                            <p>Konteks Risiko Strategis Pemerintah Daerah</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- cee --}}
                        <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('user.mr.subunsur', ['id' => $mr->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">{{ $jmlSimpulan }} Sub Unsur -
                                                    {{ $jmlPertanyaans }} Pertanyaan</small>
                                                @if ($jmlSubUnsurNotRelation[0]->jml)
                                                    <br><small class="text-danger">Ada Sub Unsur
                                                        {{ $jmlSubUnsurNotRelation[0]->jml ?? 0 }} Tanpa Ada Pertanyaan,
                                                        Silahkan Untuk Dihapus atau Disempurnakan</small>
                                                @endif
                                            </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="{{ route('user.mr.responden', ['id' => $mr->id]) }}"
                                                style="text-decoration: none; color: black">
                                                <h6>Hasil Survey CEE</h6>
                                            </a>
                                            <p>Pengisian survei diinputkan melalui link yang disebarkan <br>
                                                <small
                                                    class="{{ $jmlResponden == 0 ? 'text-danger' : 'text-muted' }}">Total
                                                    Responden {{ $jmlResponden }}</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="{{ route('user.mr.simpulan-dokumen', ['id' => $mr->id]) }}"
                                                style="text-decoration: none; color: black">
                                                <h6>Reviu Dokumen CEE</h6>
                                            </a>
                                            <p> Sumber data dan klasifikasi uraian kelemahan <br>
                                                <small
                                                    class="{{ $jmlSimpulanDokumen == 0 ? 'text-muted' : 'text-warning' }}">Total
                                                    Uraian yang belum dilengkapi {{ $jmlSimpulanDokumen }}</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="{{ route('user.mr.simpulan.home', ['id' => $mr->id]) }}"
                                                style="text-decoration: none; color: black">
                                                <h6> Simpulan CEE</h6>
                                            </a>
                                            <p>Menguraikan hasil dari survei maupun persepsi <br>
                                                @if ($jmlSimpulanNull == 0)
                                                    <small class="text-muted">Simpulan Telah Lengkap</small>
                                                @else
                                                    <small class="text-danger">Simpulan Perlu Peninjauan Lagi. Beberapa data
                                                        belum terisi</small>
                                                @endif
                                            </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="{{ route('user.kertas.kerja.strategis.pemda', ['mr_id' => $mr->id]) }}"
                                                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="{{ route('user.kertas.kerja.analisis.risiko', ['mr_id' => $mr->id]) }}"
                                                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="{{ route('user.kertas.kerja.risiko.prioritas', ['mr_id' => $mr->id]) }}"
                                                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="{{ route('user.kertas.kerja.risiko.prioritas.opd.review', ['mr_id' => $mr->id]) }}"
                                                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="{{ route('user.kertas.kerja.penilaian.kegiatan', ['mr_id' => $mr->id]) }}"
                                                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="{{ route('user.kertas.kerja.penilaian.kegiatan.risk', ['mr_id' => $mr->id]) }}"
                                                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="{{ route('user.infokom', ['mr_id' => $mr->id]) }}"
                                                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="{{ route('user.monitoring', ['mr_id' => $mr->id]) }}"
                                                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="{{ route('user.monitor.risk', ['mr_id' => $mr->id]) }}"
                                                style="text-decoration: none; color: black">
                                                <h6>Monitor Risk Even & RTP</h6>
                                            </a>
                                            <p>Pencatatan Kejadian Risiko (RISK EVENT) dan RTP</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

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

@endsection

@section('script')
    <script></script>
@endsection