@extends('user.template')
@section('title', 'Home')
@section('content')
    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row">
                <div class="col-12 col-xl-12 mb-4 mb-xl-0">
                    <h3 class="font-weight-bold">Welcome {{ Auth::user()->nama }}</h3>
                    <h6 class="font-weight-normal mb-0">{{ $entitas->entitas }}</h6>
                </div>
                <div class="col-12 col-xl-4">
                    <div class="justify-content-end d-flex">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="alert alert-danger" role="alert">
        <b>[Pengumuman]</b>
        Fitur Baru aplikasi Sistem Informasi Manajemen Risiko (SIMARIO)<br><br>
        <ul>
            <li>Untuk penyampaian Laporan Pelaksanaan Penilaian Risiko tahun 2024 dapat disampaikan melalui Menu Pelaporan
                -> Detail -> Tambah pada Pelaporan Pelaksanaan Penilaian Risiko -> Choose File -> Pilih Dokumen PDF -> Open
                -> Save Changes</li>
            <li>Untuk penyampaian Laporan Berkala Pengelolaan Risiko yang dilaksanakan setiap tribulan dapat disampaikan
                melalui menu Pelaporan -> Detail -> Tambah Pelaporan Berkala Pengelolaan Risiko -> Choose File -> Pilih
                Dokumen PDF -> Open -> Save Changes</li>
        </ul>
    </div>

    <div class="row">
        <div class="col-md-6 grid-margin stretch-card">
            <div class="card tale-bg">
                <div class="card-people mt-auto text-center">
                    <img src="{{ asset('images/working.png') }}" style="width: 60%; height: auto; display: block; margin: 0 auto;" alt="people">
                </div>
            </div>
        </div>
        <div class="col-md-6 grid-margin transparent">
            <div class="row">
                <div class="col-md-6 grid-margin stretch-card">
                    <div class="card social-card card-colored twitter-card">
                        <div class="card-body d-flex flex-wrap align-items-center justify-content-center">
                            <i class="icon-shield flex-shrink-0"></i>
                            <div class="wrapper ms-3">
                                <h6 class="mb-0 text-center">Manajemen Risiko</h6>
                                <h1 class="mb-0 text-center">{{ $mrCount }}</h1>
                            </div>
                        </div>
                    </div>
                </div>
                @if (Auth::user()->id != env('ID_DAERAH'))
                    <div class="col-md-6 grid-margin stretch-card">
                        <div class="card social-card card-colored facebook-card">
                            <div class="card-body d-flex flex-wrap align-items-center justify-content-center">
                                <i class="icon-layers flex-shrink-0"></i>
                                <div class="wrapper ms-3">
                                    <h5 class="mb-0 text-center">RPJMD</h5>
                                    <h1 class="mb-0 text-center">{{ $rpjmd }}</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

            </div>

            @if (Auth::user()->id != env('ID_DAERAH'))
                <div class="row">
                    <div class="col-md-6 grid-margin stretch-card">
                        <div class="card social-card card-colored instagram-card">
                            <div class="card-body d-flex flex-wrap align-items-center justify-content-center">
                                <i class="icon-grid flex-shrink-0"></i>
                                <div class="wrapper ms-3">
                                    <h5 class="mb-0 text-center">RENSTRA</h5>
                                    <h1 class="mb-0 text-center">{{ $renstra }}</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 grid-margin stretch-card">
                        <div class="card social-card card-colored twitter-card">
                            <div class="card-body d-flex flex-wrap align-items-center justify-content-center">
                                <i class="icon-book-open flex-shrink-0"></i>
                                <div class="wrapper ms-3">
                                    <h5 class="mb-0 text-center">RENJA</h5>
                                    <h1 class="mb-0 text-center">{{ $renja }}</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif

        </div>
    </div>
@endsection