@extends('user.template-user')
@section('title','Home')
@section('head')
    
@endsection
@section('content')
<div class="app-main__inner">
    <div class="app-page-title">
        <div class="container fiori-container">
            <div class="page-title-wrapper">
                <div class="page-title-heading">
                    <div>
                        <div class="page-title-head center-elem">
                            <span class="d-inline-block pr-2">
                            <i class=""></i>
                            </span>
                            <span class="d-inline-block">{{$title}}</span>
                        </div>
                        <div class="page-title-subheading opacity-10">
                            <nav class="ml-2" aria-label="breadcrumb">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item" aria-current="page"><a href="{{route('user.home')}}"> Dashboard </a></li>
                                    <li class="breadcrumb-item" aria-current="page"><a href="{{route('user.surat.tugas.show',['id'=> $area->surat_tugas_id])}}"> Surat Tugas </a></li>
                                    <li class="active breadcrumb-item" aria-current="page"> {{$area->nama_pemdes}} </li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="page-title-actions">
                    
                </div>
            </div>
        </div>

        
    </div>

    <div class="container fiori-container mt-4">
        <div class="row mt-3">
            <div class="col-lg-12">
                <p class="font-weight-bold">Survey Pendahuluan</p>
                <div class="main-card mb-3 card">
                    <div class="grid-menu grid-menu-3col">
                        <div class="no-gutters row">
                        
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover " onClick="Javascript:window.location.href = '{{route('user.kkd1',['area_id'=> $area->id])}}';" >
                                    {!!isset($completed['KKD 1']) ? $correct : $inCorrect !!}

                                    <div class="widget-numbers">KKD 1</div>
                                    <div class="widget-subheading">Kertas Kerja Dukungan Data Umum Desa</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover" onClick="Javascript:window.location.href = '{{route('user.kkd2',['area_id'=> $area->id])}}';">
                                    {!!isset($completed['KKD 2']) ? $correct : $inCorrect !!}
                                    <div class="widget-numbers">KKD 2</div>
                                    <div class="widget-subheading">Kertas Kerja Dukungan Anggaran dan Realisasi</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover" onClick="Javascript:window.location.href = '{{route('user.kku',['area_id'=> $area->id])}}';">
                                    {!!isset($completed['KKU']) ? $correct : $inCorrect !!}
                                    <div class="widget-numbers">KKU</div>
                                    <div class="widget-subheading">Kertas Kerja Utama Survey Pendahuluan</div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-lg-12">
                <p class="font-weight-bold">Uji SPI</p>
                <div class="main-card mb-3 card">
                    <div class="grid-menu grid-menu-3col">
                        <div class="no-gutters row">
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover " onClick="Javascript:window.location.href = '{{route('user.uji.spi.home',['area_id'=> $area->id])}}';" >
                                    {!!$question!!}
                                    <div class="widget-numbers">UJI SPI</div>
                                    <div class="widget-subheading">Pengujian Sederhana Sistem Pengendalian Intern</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover " onClick="Javascript:window.location.href = '{{route('user.uji.spi',['unsur_id'=> 1, 'area_id'=> $area->id])}}';" >
                                    {!! isset($completed['UNSUR 1'])  ? $correct : $inCorrect!!}
                                    <div class="widget-numbers">UNSUR 1</div>
                                    <div class="widget-subheading">Pengujian SPI Unsur Lingkungan Pengendalian</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover" onClick="Javascript:window.location.href = '{{route('user.uji.spi',['unsur_id'=> 2, 'area_id'=> $area->id])}}';">
                                    {!! isset($completed['UNSUR 2'])  ? $correct : $inCorrect!!}
                                    <div class="widget-numbers">UNSUR 2</div>
                                    <div class="widget-subheading">Pengujian SPI Unsur Penilaian Risiko</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover" onClick="Javascript:window.location.href = '{{route('user.uji.spi',['unsur_id'=> 3, 'area_id'=> $area->id])}}';">
                                    {!! isset($completed['UNSUR 3'])  ? $correct : $inCorrect!!}
                                    <div class="widget-numbers">UNSUR 3</div>
                                    <div class="widget-subheading">Pengujian SPI Unsur Kegiatan Pengendalian</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover" onClick="Javascript:window.location.href = '{{route('user.uji.spi',['unsur_id'=> 4, 'area_id'=> $area->id])}}';">
                                    {!! isset($completed['UNSUR 4'])  ? $correct : $inCorrect!!}
                                    <div class="widget-numbers">UNSUR 4</div>
                                    <div class="widget-subheading">Pengujian SPI Unsur Informasi dan Komunikasi</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover" onClick="Javascript:window.location.href = '{{route('user.uji.spi',['unsur_id'=> 5, 'area_id'=> $area->id])}}';">
                                    {!! isset($completed['UNSUR 5'])  ? $correct : $inCorrect!!}
                                    <div class="widget-numbers">UNSUR 5</div>
                                    <div class="widget-subheading">Pengujian SPI Unsur Pemantauan</div>
                                </div>
                            </div>

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

<div class="row mt-3">
            <div class="col-lg-12">
                <p class="font-weight-bold">Uji Substantif</p>
                <div class="main-card mb-3 card">
                    <div class="grid-menu grid-menu-3col">
                        <div class="no-gutters row">
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    {!!$question!!}
                                    <div class="widget-numbers">Uji Substantif</div>
                                    <div class="widget-subheading">Pengujian Substantif</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>                        
                                    <div class="widget-numbers">Perencanaan</div>
                                    <div class="widget-subheading">Pengujian Substantif atas Proses Perencanaan</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>
                                    <div class="widget-numbers">Pendapatan</div>
                                    <div class="widget-subheading">Pengujian Substantif atas Pendapatan</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>
                                    <div class="widget-numbers">Belanja</div>
                                    <div class="widget-subheading">Pengujian Substantif atas Belanja</div>
                                </div>
                            </div>

                        <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>
                                    <div class="widget-numbers">Pembiayaan</div>
                                    <div class="widget-subheading">Pengujian Substantif atas Pembiayaan</div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>
                                    <div class="widget-numbers">PBJ Desa</div>
                                    <div class="widget-subheading">Pengujian Substantif atas PBJ Desa</div>
                                </div>
                            </div>

                        <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>
                                    <div class="widget-numbers">Perpajakan</div>
                                    <div class="widget-subheading">Pengujian Substantif atas Kewajiban Perpajakan</div>
                                </div>
                            </div>

                        <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>
                                    <div class="widget-numbers">Aset Desa</div>
                                    <div class="widget-subheading">Pengujian Substantif atas Pengelolaan Aset Desa</div>
                                </div>
                            </div>

                        <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>
                                    <div class="widget-numbers">Pemanfaatan</div>
                                    <div class="widget-subheading">Pengujian Substantif atas Pemanfaatan Kegiatan</div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-lg-12">
                <p class="font-weight-bold">Permasalahan</p>
                <div class="main-card mb-3 card">
                    <div class="grid-menu grid-menu-3col">
                        <div class="no-gutters row">
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    {!!$question!!}
                                    <div class="widget-numbers">Permasalahan</div>
                                    <div class="widget-subheading"></div>
                                </div>
                            </div>
                        
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>
                                    <div class="widget-numbers">Temuan</div>
                                    <div class="widget-subheading"></div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-4">
                                <div class="widget-chart widget-chart-hover">
                                    <div class="icon-wrapper rounded-circle">
                                        <div class="icon-wrapper-bg bg-danger"></div>
                                        <i class="lnr-cross-circle text-danger"></i>
                                    </div>
                                    <div class="widget-numbers">Hal Lainnya</div>
                                    <div class="widget-subheading"></div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>

</div> 
@endsection

@section('script')
@endsection