@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->id])}}"> Surat Tugas </a></li>
                                    <li class="breadcrumb-item" aria-current="page"><a href="{{route('user.surat.tugas.area',['area_id'=> $area->id])}}"> {{$area->nama_pemdes}} </a></li>
                                    <li class="active breadcrumb-item" aria-current="page"> KKD 2 </li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="page-title-actions">
                    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"> Kesimpulan </button>
                </div>
            </div>
        </div>

        
    </div>

    <div class="container fiori-container mt-4 mb-4">
        <div class="row">
            <div class="col-sm-12">
                <table class="table" id="myTable">
                    <thead>
                        <tr>
                            <th>Kode Kegiatan</th>
                            <th>Rekening</th>
                            <th>Nama Rekening</th>
                            <th>Anggaran</th>
                            <th>Realisasi</th>
                            <th>%</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($anggarans as $anggaran)
                            <tr>
                                <td>{{$anggaran->kd_keg}}</td>
                                <td>{{$anggaran->kd_rincian}}</td>
                                <td>{{$anggaran->uraian}}</td>
                                <td>{{rupiah($anggaran->anggaran)}}</td>
                                <td></td>
                                <td></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

                {{-- <a class="btn btn-danger" href="#" onclick="send('{{route('user.kesimpulan.review',['area_id'=>$area->id])}}', 'Konfirmasi Review ?')" >Konfimrasi Review</a> --}}
                
            </div>
        </div>
        
    </div>

    
    

</div> 


@endsection

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