@extends('admin.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-8 mb-4 mb-xl-0">
          <h3 class="font-weight-bold">Welcome {{Auth::user()->nama}}</h3>
          <h6 class="font-weight-normal mb-0">Admin</h6>
        </div>
        <div class="col-12 col-xl-4">
         <div class="justify-content-end d-flex">
         </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6 grid-margin stretch-card">
      <div class="card tale-bg">
        <div class="card-people mt-auto">
          <img src="{{asset('vendors/skydash/images/dashboard/people.svg')}}" alt="people">
          <div class="weather-info">
            <div class="d-flex">
              <div>
                <h2 class="mb-0 font-weight-normal"><i class="icon-sun mr-2"></i>{{$cuacaBmkg}}<sup>C</sup></h2>
              </div>
              <div class="ml-2">
                <h4 class="location font-weight-normal">Lamongan</h4>
                <h6 class="font-weight-normal">Jawa Timur</h6>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 grid-margin transparent">
      <div class="row">
        <div class="col-md-6 mb-4 stretch-card transparent">
          <div class="card card-tale">
            <div class="card-body">
              <p class="mb-4">Menejemen Risiko</p>
              <p class="fs-30 mb-2">{{$mrCount}}</p>
              <p>Menejemen Risiko Berhasil Dibuat</p>
            </div>
          </div>
        </div>
        <div class="col-md-6 mb-4 stretch-card transparent">
          <div class="card card-dark-blue">
            <div class="card-body">
              <p class="mb-4">RPJMD</p>
              <p class="fs-30 mb-2">{{$rpjmd}}</p>
              <p>Rencana Pembangunan Jangka Menengah Daerah </p>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 mb-4 mb-lg-0 stretch-card transparent">
          <div class="card card-light-blue">
            <div class="card-body">
              <p class="mb-4">Renstra</p>
              <p class="fs-30 mb-2">{{$renstra}}</p>
              <p>Rencana Strategis</p>
            </div>
          </div>
        </div>
        <div class="col-md-6 stretch-card transparent">
          <div class="card card-light-danger">
            <div class="card-body">
              <p class="mb-4">Renja</p>
              <p class="fs-30 mb-2">{{$renja}}</p>
              <p>Rencana Kerja</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection