@extends('Layouts_admin.index')
@section('content')
    <!-- widget -->
            <div class="container pt-6 px-7">
                <div class="row">
                    <h2 class="text-dark fw-semibold fs-18 mb-5">Pembayaran</h2>
                    <div class="col-lg-12">
                        <div class="col-lg-12">
                        <ul class="nav nav-tabs nav-pills">
                            <li class="nav-item"> 
                                <a class="nav-link active" data-bs-toggle="tab" href="#tab1-1">
                                <span class="fs-16 fw-normal">Report</span>
                                </a>
                            </li>
                            <li class="nav-item"> 
                                <a class="nav-link" data-bs-toggle="tab" href="#tab1-2">
                                <span class="fs-16 fw-normal">Trend</span>
                                </a> 
                            </li>
                        </ul>
                        <!-- /.nav-tabs -->

                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="tab1-1">
                                <div class="card">
                                    <div class="card-body py-1 px-1">
                                        <div class="col-lg-12 d-flex">
                                            <ul class="list-unstyled float-end p-0" style="position: absolute; top: 13px; right: 20px;">
                                                <li class="nav-item dropdown p-0">
                                                    <a href="#" class="dropdown nav-link py-st px-2 rounded bg-primary" data-bs-toggle="dropdown">
                                                        <span class="text-light fs-16 fw-normal"><i class="fa-solid fa-download"></i></span> 
                                                    </a>
                                                    <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                        <a class="dropdown-item fw-normal" href="#">
                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                        </a>
                                                        <a class="dropdown-item fw-normal" href="#">
                                                            <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12">Download PDF<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                        </a>
                                                        <a class="dropdown-item fw-normal" href="#">
                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download CSV<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>  
                                            <p class="btn p-1 float-end" style="position: absolute; top: 14px; right: 70px;">
                                                <a class="nav-link fs-14 fw-normal text-ash" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                                                    Filter<span><i class="fa-solid fa-filter ms-2"></i></span>
                                                </a>
                                            </p>
                                        </div>
                                        <div class="collapse" id="collapseExample">
                                            <div class="mb-3">
                                                <div class="col-lg-12 px-0">
                                                    <div class="row">
                                                    <div class="col-lg-2 px-2 py-0">
                                                            <div class="form-group mb-0">
                                                                <select class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 155px; height: 40px;">
                                                                    <option selected>Modul</option>
                                                                    <option value="1">Eksternal</option>
                                                                    <option value="1">Internal</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-2 p-0">
                                                            <div class="form-group mb-0">
                                                                <select class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 155px; height: 40px;">
                                                                    <option selected>Klien</option>
                                                                    <option value="1">Human Capital</option>
                                                                    <option value="2">Collector</option>
                                                                    <option value="2">Customer Service</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-2 p-0">
                                                            <div class="form-group mb-0">
                                                                <select class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 155px; height: 40px;">
                                                                    <option selected>Status Personil</option>
                                                                    <option value="1">TAD</option>
                                                                    <option value="2">Organik</option>
                                                                    <option value="2">Public</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-2 p-0">
                                                            <div class="form-group mb-0">
                                                                <select class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 155px; height: 40px;">
                                                                    <option selected>Klien</option>
                                                                    <option value="1">SIMGROUP</option>
                                                                    <option value="2">BNI</option>
                                                                    <option value="2">FIFGROUP</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-2 p-0">
                                                            <div class="form-group mb-0">
                                                                <select class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 155px; height: 40px;">
                                                                    <option selected>Job</option>
                                                                    <option value="1">SIMGROUP</option>
                                                                    <option value="2">BNI</option>
                                                                    <option value="2">FIFGROUP</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-2 p-0">
                                                            <div class="p-1 bg-light rounded" id="reportrange2" style="cursor: pointer;max-width: 60px; z-index: 1; ">
                                                                <i class='bx bx-calendar' ></i>&nbsp;
                                                                <i class="fa fa-caret-down"></i>
                                                            </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="table-responsive">
                                            <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                                <thead>
                                                    <tr>
                                                        <th class="p-1 transform-none ls-0">No Enroll</th>
                                                        <th class="p-1 text-center transform-none ls-0">Nama</th>
                                                        <th class="p-1 transform-none ls-0">Tanggal</th>
                                                        <th class="p-1 text-center transform-none ls-0">Pelatihan(ID)</th>
                                                        <th class="p-1 text-center transform-none ls-0">Metode Bayar</th>
                                                        <th class="p-1 transform-none ls-0">Payment ID</th>
                                                        <th class="p-1 transform-none ls-0">Jumlah</th>
                                                        <th class="p-1 transform-none ls-0 text-center">Status</th>
                                                        <th class="p-1 transform-none text-center ls-0">Lampiran</th>
                                                        <th class="p-1 transform-none ls-0"><span><i class="fa-solid fa-pen-to-square"></i></span></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td class="pb-0 px-0 ps-2 text-center">24</td>
                                                        <td class="pb-0 px-0 ps-2 fw-semibold"> <a class="link-dark"href="">Surya</a></td>
                                                        <td class="pb-0 px-0 ps-2">24-11-2023</td>
                                                        <td class="pb-0 px-0 ps-2 text-center">Cleaning Service(01)</td>
                                                        <td class="pb-0 px-0 ps-2">
                                                            <h2 class="table-avatar">
                                                                <a href="#">Transfer Bank</a>				
                                                            </h2>
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">13156</td>
                                                        <td class="pb-0 px-0 text-center">300.000</td>
                                                        <td class="p-0 pt-3 text-center ps-3"><p class="text-uppercase bg-soft-green d-inline rounded fs-13 mb-1 mt-1 text-success p-1">BERHASIL</p></td>
                                                        <td class="p-0 text-left ps-3">
                                                            <ul class="list-unstyled px-4 pt-3">
                                                                <li class="dropdown p-0">
                                                                    <a href="#" class="dropdown py-1 px-2 rounded bg-light fw-semibold" data-bs-toggle="dropdown">
                                                                        <span class="text-dark fs-16 fw-normal me-2"><i class="fa-regular fa-file"></i></span>Lampiran
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12">Download PDF<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download CSV<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                    </div>
                                                                </li>
                                                            </ul> 
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">
                                                        <ul class="list-unstyled float-end p-0">
                                                            <li class="nav-item dropdown rounded-circle p-0 pe-2 bg-light px-3">
                                                                <a href="#" class="dropdown link-dark px-0" data-bs-toggle="dropdown">
                                                                    <i class="fa-solid fa-ellipsis-vertical"></i>
                                                                </a>
                                                                <div class="dropdown-menu dropdown-menu-end p-0">
                                                                    <div class="user-header">
                                                                        <h5 class="fs-15 fw-bold">Edit Pelatihan</h5>
                                                                    </div>
                                                                    <a class="dropdown-item fw-normal" href="dashboard.html">Ubah</a>
                                                                    <a class="dropdown-item fw-normal" href="workspace-peserta.html">Sembunyikan</a>
                                                                    <a class="dropdown-item fw-normal" href="login.html">Hapus</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-0 px-0 ps-2 text-center">24</td>
                                                        <td class="pb-0 px-0 ps-2 fw-semibold"> <a class="link-dark"href="">Afghan</a></td>
                                                        <td class="pb-0 px-0 ps-2">24-11-2023</td>
                                                        <td class="pb-0 px-0 ps-2 text-center">Cleaning Service(01)</td>
                                                        <td class="pb-0 px-0 ps-2">
                                                            <h2 class="table-avatar">
                                                                <a href="#">Transfer Bank</a>				
                                                            </h2>
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">13156</td>
                                                        <td class="pb-0 px-0 text-center">300.000</td>
                                                        <td class="p-0 pt-3 text-center ps-3"><p class="text-uppercase bg-soft-yellow d-inline rounded fs-13 mb-1 mt-1 text-warning p-1">REFUND</p></td>
                                                        <td class="p-0 text-left ps-3">
                                                            <ul class="list-unstyled px-4 pt-3">
                                                                <li class="dropdown p-0">
                                                                    <a href="#" class="dropdown py-1 px-2 rounded bg-light fw-semibold" data-bs-toggle="dropdown">
                                                                        <span class="text-dark fs-16 fw-normal me-2"><i class="fa-regular fa-file"></i></span>Lampiran
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12">Download PDF<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download CSV<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                    </div>
                                                                </li>
                                                            </ul> 
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">
                                                        <ul class="list-unstyled float-end p-0">
                                                            <li class="nav-item dropdown rounded-circle p-0 pe-2 bg-light px-3">
                                                                <a href="#" class="dropdown link-dark px-0" data-bs-toggle="dropdown">
                                                                    <i class="fa-solid fa-ellipsis-vertical"></i>
                                                                </a>
                                                                <div class="dropdown-menu dropdown-menu-end p-0">
                                                                    <div class="user-header">
                                                                        <h5 class="fs-15 fw-bold">Edit Course</h5>
                                                                    </div>
                                                                    <a class="dropdown-item fw-normal" href="dashboard.html">Ubah</a>
                                                                    <a class="dropdown-item fw-normal" href="workspace-peserta.html">Sembunyikan</a>
                                                                    <a class="dropdown-item fw-normal" href="login.html">Hapus</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-0 px-0 ps-2 text-center">24</td>
                                                        <td class="pb-0 px-0 ps-2 fw-semibold"> <a class="link-dark"href="">Hawa</a></td>
                                                        <td class="pb-0 px-0 ps-2">24-11-2023</td>
                                                        <td class="pb-0 px-0 ps-2 text-center">Cleaning Service(01)</td>
                                                        <td class="pb-0 px-0 ps-2">
                                                            <h2 class="table-avatar">
                                                                <a href="#">Tunai</a>				
                                                            </h2>
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">13156</td>
                                                        <td class="pb-0 px-0 text-center">300.000</td>
                                                        <td class="p-0 pt-3 text-center ps-3"><p class="text-uppercase bg-soft-green d-inline rounded fs-13 mb-1 mt-1 text-success p-1">BERHASIL</p></td>
                                                        <td class="p-0 text-left ps-3">
                                                            <ul class="list-unstyled px-4 pt-3">
                                                                <li class="dropdown p-0">
                                                                    <a href="#" class="dropdown py-1 px-2 rounded bg-light fw-semibold" data-bs-toggle="dropdown">
                                                                        <span class="text-dark fs-16 fw-normal me-2"><i class="fa-regular fa-file"></i></span>Lampiran
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12">Download PDF<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download CSV<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                    </div>
                                                                </li>
                                                            </ul> 
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">
                                                        <ul class="list-unstyled float-end p-0">
                                                            <li class="nav-item dropdown rounded-circle p-0 pe-2 bg-light px-3">
                                                                <a href="#" class="dropdown link-dark px-0" data-bs-toggle="dropdown">
                                                                    <i class="fa-solid fa-ellipsis-vertical"></i>
                                                                </a>
                                                                <div class="dropdown-menu dropdown-menu-end p-0">
                                                                    <div class="user-header">
                                                                        <h5 class="fs-15 fw-bold">Edit Course</h5>
                                                                    </div>
                                                                    <a class="dropdown-item fw-normal" href="dashboard.html">Ubah</a>
                                                                    <a class="dropdown-item fw-normal" href="workspace-peserta.html">Sembunyikan</a>
                                                                    <a class="dropdown-item fw-normal" href="login.html">Hapus</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-0 px-0 ps-2 text-center">24</td>
                                                        <td class="pb-0 px-0 ps-2 fw-semibold"> <a class="link-dark"href="">Rifqy</a></td>
                                                        <td class="pb-0 px-0 ps-2">24-11-2023</td>
                                                        <td class="pb-0 px-0 ps-2 text-center">Cleaning Service(01)</td>
                                                        <td class="pb-0 px-0 ps-2">
                                                            <h2 class="table-avatar">
                                                                <a href="#">E-Wallet</a>				
                                                            </h2>
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">13156</td>
                                                        <td class="pb-0 px-0 text-center">300.000</td>
                                                        <td class="p-0 pt-3 text-center ps-3"><p class="text-uppercase bg-soft-red d-inline rounded fs-13 mb-1 mt-1 text-danger p-1">CANCEL</p></td>
                                                        <td class="p-0 text-left ps-3">
                                                            <ul class="list-unstyled px-4 pt-3">
                                                                <li class="dropdown p-0">
                                                                    <a href="#" class="dropdown py-1 px-2 rounded bg-light fw-semibold" data-bs-toggle="dropdown">
                                                                        <span class="text-dark fs-16 fw-normal me-2"><i class="fa-regular fa-file"></i></span>Lampiran
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12">Download PDF<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download CSV<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                    </div>
                                                                </li>
                                                            </ul> 
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">
                                                        <ul class="list-unstyled float-end p-0">
                                                            <li class="nav-item dropdown rounded-circle p-0 pe-2 bg-light px-3">
                                                                <a href="#" class="dropdown link-dark px-0" data-bs-toggle="dropdown">
                                                                    <i class="fa-solid fa-ellipsis-vertical"></i>
                                                                </a>
                                                                <div class="dropdown-menu dropdown-menu-end p-0">
                                                                    <div class="user-header">
                                                                        <h5 class="fs-15 fw-bold">Edit Course</h5>
                                                                    </div>
                                                                    <a class="dropdown-item fw-normal" href="dashboard.html">Ubah</a>
                                                                    <a class="dropdown-item fw-normal" href="workspace-peserta.html">Sembunyikan</a>
                                                                    <a class="dropdown-item fw-normal" href="login.html">Hapus</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-0 px-0 ps-2 text-center">24</td>
                                                        <td class="pb-0 px-0 ps-2 fw-semibold"> <a class="link-dark"href="">Bambang</a></td>
                                                        <td class="pb-0 px-0 ps-2">17-06-2022</td>
                                                        <td class="pb-0 px-0 text-center">Cleaning Service(01)</td>
                                                        <td class="pb-0 px-0 text-center">&#8722;</td>
                                                        <td class="pb-0 px-0 text-center">&#8722;</td>
                                                        <td class="pb-0 px-0 text-center">&#8722;</td>
                                                        <td class="p-0 pt-3 text-center ps-3"><p class="text-uppercase bg-soft-gray d-inline rounded fs-13 mb-1 mt-1 text-muted p-1">BELUM BAYAR</p></td>
                                                        <td class="p-0 text-left ps-3">
                                                            <ul class="list-unstyled px-4 pt-3">
                                                                <li class="dropdown p-0">
                                                                    <a href="#" class="dropdown py-1 px-2 rounded bg-light fw-semibold" data-bs-toggle="dropdown">
                                                                        <span class="text-dark fs-16 fw-normal me-2"><i class="fa-regular fa-file"></i></span>Lampiran
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12">Download PDF<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download CSV<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                    </div>
                                                                </li>
                                                            </ul> 
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">
                                                        <ul class="list-unstyled float-end p-0">
                                                            <li class="nav-item dropdown rounded-circle p-0 pe-2 bg-light px-3">
                                                                <a href="#" class="dropdown link-dark px-0" data-bs-toggle="dropdown">
                                                                    <i class="fa-solid fa-ellipsis-vertical"></i>
                                                                </a>
                                                                <div class="dropdown-menu dropdown-menu-end p-0">
                                                                    <div class="user-header">
                                                                        <h5 class="fs-15 fw-bold">Edit Pelatihan</h5>
                                                                    </div>
                                                                    <a class="dropdown-item fw-normal" href="dashboard.html">Ubah</a>
                                                                    <a class="dropdown-item fw-normal" href="workspace-peserta.html">Sembunyikan</a>
                                                                    <a class="dropdown-item fw-normal" href="login.html">Hapus</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-0 px-0 ps-2 text-center">24</td>
                                                        <td class="pb-0 px-0 ps-2 fw-semibold"> <a class="link-dark"href="">Aldo</a></td>
                                                        <td class="pb-0 px-0 ps-2">24-11-2023</td>
                                                        <td class="pb-0 px-0 ps-2 text-center">Cleaning Service(01)</td>
                                                        <td class="pb-0 px-0 ps-2">
                                                            <h2 class="table-avatar">
                                                                <a href="#">Transfer Bank</a>				
                                                            </h2>
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">13156</td>
                                                        <td class="pb-0 px-0 text-center">300.000</td>
                                                        <td class="p-0 pt-3 text-center ps-3"><p class="text-uppercase bg-soft-green d-inline rounded fs-13 mb-1 mt-1 text-success p-1">BERHASIL</p></td>
                                                        <td class="p-0 text-left ps-3">
                                                            <ul class="list-unstyled px-4 pt-3">
                                                                <li class="dropdown p-0">
                                                                    <a href="#" class="dropdown py-1 px-2 rounded bg-light fw-semibold" data-bs-toggle="dropdown">
                                                                        <span class="text-dark fs-16 fw-normal me-2"><i class="fa-regular fa-file"></i></span>Lampiran
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12">Download PDF<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download CSV<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                    </div>
                                                                </li>
                                                            </ul> 
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">
                                                        <ul class="list-unstyled float-end p-0">
                                                            <li class="nav-item dropdown rounded-circle p-0 pe-2 bg-light px-3">
                                                                <a href="#" class="dropdown link-dark px-0" data-bs-toggle="dropdown">
                                                                    <i class="fa-solid fa-ellipsis-vertical"></i>
                                                                </a>
                                                                <div class="dropdown-menu dropdown-menu-end p-0">
                                                                    <div class="user-header">
                                                                        <h5 class="fs-15 fw-bold">Edit Course</h5>
                                                                    </div>
                                                                    <a class="dropdown-item fw-normal" href="dashboard.html">Ubah</a>
                                                                    <a class="dropdown-item fw-normal" href="workspace-peserta.html">Sembunyikan</a>
                                                                    <a class="dropdown-item fw-normal" href="login.html">Hapus</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-0 px-0 ps-2 text-center">24</td>
                                                        <td class="pb-0 px-0 ps-2 fw-semibold"> <a class="link-dark"href="">Firman</a></td>
                                                        <td class="pb-0 px-0 ps-2">24-11-2023</td>
                                                        <td class="pb-0 px-0 ps-2 text-center">Cleaning Service(01)</td>
                                                        <td class="pb-0 px-0 ps-2">
                                                            <h2 class="table-avatar">
                                                                <a href="#">Transfer Bank</a>				
                                                            </h2>
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">13156</td>
                                                        <td class="pb-0 px-0 text-center">300.000</td>
                                                        <td class="p-0 pt-3 text-center ps-3"><p class="text-uppercase bg-soft-green d-inline rounded fs-13 mb-1 mt-1 text-success p-1">BERHASIL</p></td>
                                                        <td class="p-0 text-left ps-3">
                                                            <ul class="list-unstyled px-4 pt-3">
                                                                <li class="dropdown p-0">
                                                                    <a href="#" class="dropdown py-1 px-2 rounded bg-light fw-semibold" data-bs-toggle="dropdown">
                                                                        <span class="text-dark fs-16 fw-normal me-2"><i class="fa-regular fa-file"></i></span>Lampiran
                                                                    </a>
                                                                    <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12">Download PDF<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                        <a class="dropdown-item fw-normal" href="#">
                                                                            <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download CSV<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                                        </a>
                                                                    </div>
                                                                </li>
                                                            </ul> 
                                                        </td>
                                                        <td class="pb-0 px-0 text-center">
                                                        <ul class="list-unstyled float-end p-0">
                                                            <li class="nav-item dropdown rounded-circle p-0 pe-2 bg-light px-3">
                                                                <a href="#" class="dropdown link-dark px-0" data-bs-toggle="dropdown">
                                                                    <i class="fa-solid fa-ellipsis-vertical"></i>
                                                                </a>
                                                                <div class="dropdown-menu dropdown-menu-end p-0">
                                                                    <div class="user-header">
                                                                        <h5 class="fs-15 fw-bold">Edit Course</h5>
                                                                    </div>
                                                                    <a class="dropdown-item fw-normal" href="dashboard.html">Ubah</a>
                                                                    <a class="dropdown-item fw-normal" href="workspace-peserta.html">Sembunyikan</a>
                                                                    <a class="dropdown-item fw-normal" href="login.html">Hapus</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                            <!--/.tab-pane -->
                            <div class="tab-pane fade" id="tab1-2">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="card">
                                            <div class="card-body">
                                            <figure class="highcharts-figure">
                                                <div id="trendPembayaran"></div>
                                            </figure>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                            <!--/.tab-pane -->
                        </div>
                        <!-- /.tab-content -->
                    </div>           
                </div>
            </div>
            <!-- widgetend -->
@endsection