@extends('admin.template-admin')
@section('title',$title)
@section('head')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.13.1/datatables.min.css"/>

@endsection
@section('content')
<div class="container-fluid flex-grow-1 container-p-y">
    <div class="row">
        <div class="col-lg-12 mb-4 order-0">
            <div class="card">
              <div class="d-flex align-items-end row">
                <div class="col-sm-7">
                  <div class="card-body">
                    <h5 class="card-title text-primary">{{$title}}</h5>
                    <p class="mb-4">Aspek Keuangan dan NonKuangan</p>
                  </div>
                </div>
                <div class="col-sm-5 text-center text-sm-left">
                  <div class="card-body pb-0 px-0 px-md-4">
                    <img src="{{asset('vendors/sneat-1.0.0/assets/img/illustrations/man-with-laptop-light.png')}}" height="140" alt="View Badge User" data-app-dark-img="illustrations/man-with-laptop-dark.png" data-app-light-img="illustrations/man-with-laptop-light.png">
                  </div>
                </div>
              </div>
            </div>
          </div>
    </div>
    <div class="card">
      <div class="card-header">Aspek Non Keuangan</div>
        <div class="card-body">
          <div class="row">
            <div class="col-sm-4">
              <div class="d-grid gap-2">
              <a href="{{route('admin.desa.proporsi',['id'=>$id])}}" class="btn btn-outline-primary btn-lg">Proporsi Belanja</a>
              </div>
            </div>
          </div>
        </div>
    </div>
    
</div>
@endsection

@section('script')


<script type="text/javascript" src="https://cdn.datatables.net/v/bs5/dt-1.13.1/datatables.min.js"></script>
    <script>
      $(document).ready( function () {
          $('#myTable').DataTable();
      } );
    </script>
@endsection