@extends('layouts.index')

@section('content')

<div class="page-content">
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <div class="page-title">
                        <h4 class="mb-0 font-size-18">Rekap Realisasi PPTK/KPA</h4>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active">Welcome to {{ env('APP_NAME') }}</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="page-content-wrapper">

            <div class="row">
                <div class="col">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between w-100 align-items-center">
                                <form action="" class="d-flex w-75">
                                    <select name="" id="" class="form-control w-100 mx-1">
                                        <option value="">-Pilih Data-</option>
                                    </select>
                                    <button class="btn btn-warning">filter</button>
                                </form>
                                <div>
                                </div>
                            </div>
                            <div class="d-flex flex-column justify-content-center w-100 align-items-around"
                                style="display: block">

                                <div class="table-responsive py-4" style="padding: 25px;">
                                    <table class="table table-flush">
                                        <thead class="thead-light">
                                            <tr class="biasa">
                                                <th style="background: rgb(220, 218, 218)"></th>
                                                <th class="break-word" style="background: rgb(220, 218, 218)"></th>
                                                <th style="background: rgb(220, 218, 218)"></th>
                                                <th style="background: rgb(220, 218, 218)"></th>
                                                <th style="background: rgb(220, 218, 218)"></th>
                                                <th style="background: rgb(220, 218, 218)" colspan="3">Realisasi</th>
                                            </tr>
                                            <tr class="biasa">
                                                <th style="background: rgb(220, 218, 218)"></th>
                                                <th class="break-word" style="background: rgb(220, 218, 218)"></th>
                                                <th style="background: rgb(220, 218, 218)"></th>
                                                <th style="background: rgb(220, 218, 218)"></th>
                                                <th style="background: rgb(220, 218, 218)"></th>
                                                <th style="background: rgb(220, 218, 218)">Fisik</th>
                                                <th style="background: rgb(220, 218, 218)" colspan="2">Keuangan</th>
                                            </tr>
                                            <tr class="biasa">
                                                <th style="background: rgb(220, 218, 218)">No</th>
                                                <th class="break-word" style="background: rgb(220, 218, 218)">NAMA
                                                    KPA/PPTK</th>
                                                <th style="background: rgb(220, 218, 218)">Perangkat Daerah</th>
                                                <th style="background: rgb(220, 218, 218)">Sub Kegiatan</th>
                                                <th style="background: rgb(220, 218, 218)">Pagu</th>
                                                <th style="background: rgb(220, 218, 218)">(%)</th>
                                                <th style="background: rgb(220, 218, 218)">(Rp)</th>
                                                <th style="background: rgb(220, 218, 218)">(%)</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr data-self="pd" data-id="1">
                                                <td> dalam </td>
                                                <td class="break-word">dalam</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



@endsection