@extends('layouts.app')
@section('content')
<!--begin::Content-->

<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
  <!--begin::Post-->
  <div class="post d-flex flex-column-fluid" id="kt_post">
    <!--begin::Container-->
    <div id="kt_content_container" class="container-xxl">
      <!--begin::Row-->
      <div class="row g-5 g-xl-8">
        <div class="col-xl-12">
          <!--begin::List Widget 3-->
          <div class="card card-xl-stretch mb-xl-8">
            <!--begin::Header-->
            <div class="card-header py-5">
              <h3 class="card-title align-items-start flex-column">
                <span class="card-label fw-bolder fs-3 mb-1">Eksekusi</span>
                <span class="text-muted mt-1 fw-bold fs-7">Laporan Perkara</span>
              </h3>
            </div>
            <!--end::Header-->

            <!--begin::Body-->
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-row-dashed table-row-gray-300 gs-2 border border-gray-800">
                  <thead>
                    <tr class="fw-bolder text-gray-800 border-bottom border-gray-200 bg-light border border-gray-800">
                      <th class="align-middle text-center min-w-150px w-150px" rowspan="2">Tanggal<br>Permintaan</th>
                      <th class="align-middle text-center min-w-80px w-80px" rowspan="2">Tahun</th>
                      <th class="align-middle text-center min-w-150px w-150px" rowspan="2">S/D Tanggal</th>
                      <th class="align-middle text-center" colspan="2">Status Pengisian<br>Laporan dari PT</th>
                      <th class="align-middle text-center" rowspan="2">Opsi</th>
                    </tr>
                    <tr class="fw-bolder text-gray-800 border-bottom border-gray-200 bg-light border border-gray-800">
                      <th class="align-middle text-center min-w-90px w-90px">BELUM ISI</th>
                      <th class="align-middle text-center min-w-90px w-90px">SUDAH ISI</th>
                    </tr>
                  </thead>
                  <tbody id="table_body">
                    <tr class="border border-gray-800">
                        <td class="text-center">12 Januari 2024</td>
                        <td class="text-center">2024</td>
                        <td class="text-center">31 Agustus 2024</td>
                        <td class="text-center">4</td>
                        <td class="text-center">5</td>
                        <td class="text-center"><button class="btn btn-sm btn-danger">Detail</button></td>
                    </tr>
                    <tr class="border border-gray-800">
                        <td class="text-center">12 Januari 2024</td>
                        <td class="text-center">2024</td>
                        <td class="text-center">31 Agustus 2024</td>
                        <td class="text-center">4</td>
                        <td class="text-center">5</td>
                        <td class="text-center"><button class="btn btn-sm btn-success">Detail</button></td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <!--end::Body-->
          </div>
          <!--end:List Widget 3-->
        </div>
      </div>
      <!--end::Row-->
    </div>
    <!--end::Container-->
  </div>
  <!--end::Post-->
</div>
<!--end::Content-->
@endsection