@extends('Layouts_admin.index')
@section('content')
    <!-- widget -->
    <div class="container pt-4 px-0" style="background: #E4E9F7;">
        <!-- <div class="title">
            <h4 class="fw-bold">M</h4>
        </div> -->
        <!-- <div class="alert alert-secondary alert-icon alert-dismissible border border-secondary fade show" role="alert">
        <i class="uil uil-clock"></i>Data Yang Di upload tidak valid atau beberapa format input tidak sesuai<a href="#" class="ms-2 alert-link hover">Coba Lagi</a>.
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>

        <div class="alert alert-success alert-icon alert-dismissible border border-success fade show" role="alert">
        <i class="uil uil-check-circle"></i>Upload Data Peserta Berhasil Di lakukan! <a href="#" class=" ms-2 alert-link hover">Berhasil</a>.
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div> -->

        <div class="position-relative alert alert-danger alert-icon alert-dismissible  border border-danger fade show" role="alert">
        <i class="uil uil-times-circle"></i>Error Data! Terjadi Suatu Kasalahan<a href="#" class="ms-2 alert-link hover">Error</a>.
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="col-lg-12">
                    <div class="card rounded pt-0 pb-0">
                        <div class="card-body px-4 pt-2 pb-4">
                            <nav class="mb-3">
                                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                  <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" 
                                  data-bs-target="#nav-home" type="button" role="tab" aaria-controls="nav-home" 
                                  aria-selected="true">Riwayat Upload</button>
                                </div>
                            </nav>
                            <div class="tab-content mt-0" id="nav-tabContent">
                                <div class="tab-pane fade show active p-0 pt-0" id="nav-home" role="tabpanel" 
                                aria-labelledby="nav-home-tab">
                                    <div class="col-lg-12 d-flex">
                                        <div class="col-lg-12">
                                            <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-1 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>  
                                            <ul class="list-unstyled float-end p-0" style="position: absolute; top: 13px; right: 70px;">
                                                <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-20 fw-normal">+</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-10 fw-normal fs-12" data-bs-toggle="modal" data-bs-target="#exampleModal">Upload File<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-9 fw-normal fs-12">Tambah Peserta<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: 110px;">
                                                <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>
                                    <!-- Modal -->
                                    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                        <div class="modal-header d-flex justify-content-center py-1">
                                            <h1 class="modal-title fs-22 fw-semibold" id="exampleModalLabel">Upload Peserta</h1>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body pb-2 pt-8">
                                        <div class="mb-3 d-flex">
                                            <h4 class="fs-17 fw-semibold mt-2 me-4">File</h4>
                                            <input class="form-control" type="file" id="formFile">
                                        </div>
                                        </div>
                                        <div class="modal-footer py-2">
                                            <button type="button" class="fs-15 fw-semibold py-1 px-2 btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                                            <button type="button" class="fs-15 fw-semibold py-1 px-2 btn btn-primary">Kirim</button>
                                        </div>
                                        </div>
                                    </div>
                                    </div>
                                    <div class="collapse" id="collapseExample">
                                        <div class="mb-3">
                                            <div class="col-lg-12">
                                                <div class="row ms-2">
                                                    <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">Karywan Alih Daya</option>
                                                                <option value="2">Karyawan Internal</option>
                                                                <option value="2">Umum</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 table-striped" id="dataTable" width="100%" cellspacing="0">
                                            <thead>
                                                <tr>
                                                    <th>Upload</th>
                                                    <th>Nama File</th>
                                                    <th>Ukuran File</th>
                                                    <th>Keterangan</th>
                                                    <th>Aksi</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                    <tr>
                                                        <td class="pb-1 pt-2">
                                                            <h2>
                                                                <a href="#">Senin, 15-18-2021<span>13.40 PM</span></a>				
                                                            </h2>
                                                        </td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">KUI6AS9754EETY.xls</p></td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">106.9 Kb</p></td>
                                                        <td class="p-0 pt-3 text-left 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-solid fa-download"></i></span>Download
                                                                    </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>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-1 pt-2">
                                                            <h2>
                                                                <a href="#">Senin, 15-18-2021<span>13.40 PM</span></a>				
                                                            </h2>
                                                        </td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">KUI6AS9754EETY.xls</p></td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">106.9 Kb</p></td>
                                                        <td class="p-0 pt-3 text-left 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-solid fa-download"></i></span>Download
                                                                    </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>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-1 pt-2">
                                                            <h2>
                                                                <a href="#">Senin, 15-18-2021<span>13.40 PM</span></a>				
                                                            </h2>
                                                        </td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">KUI6AS9754EETY.xls</p></td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">106.9 Kb</p></td>
                                                        <td class="p-0 pt-3 text-left 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-solid fa-download"></i></span>Download
                                                                    </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>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-1 pt-2">
                                                            <h2>
                                                                <a href="#">Senin, 15-18-2021<span>13.40 PM</span></a>				
                                                            </h2>
                                                        </td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">KUI6AS9754EETY.xls</p></td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">106.9 Kb</p></td>
                                                        <td class="p-0 pt-3 text-left 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-solid fa-download"></i></span>Download
                                                                    </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>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-1 pt-2">
                                                            <h2>
                                                                <a href="#">Senin, 15-18-2021<span>13.40 PM</span></a>				
                                                            </h2>
                                                        </td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">KUI6AS9754EETY.xls</p></td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">106.9 Kb</p></td>
                                                        <td class="p-0 pt-3 text-left 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-solid fa-download"></i></span>Download
                                                                    </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>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-1 pt-2">
                                                            <h2>
                                                                <a href="#">Senin, 15-18-2021<span>13.40 PM</span></a>				
                                                            </h2>
                                                        </td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">KUI6AS9754EETY.xls</p></td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">106.9 Kb</p></td>
                                                        <td class="p-0 pt-3 text-left 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-solid fa-download"></i></span>Download
                                                                    </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>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-1 pt-2">
                                                            <h2>
                                                                <a href="#">Senin, 15-18-2021<span>13.40 PM</span></a>				
                                                            </h2>
                                                        </td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">KUI6AS9754EETY.xls</p></td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">106.9 Kb</p></td>
                                                        <td class="p-0 pt-3 text-left 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-solid fa-download"></i></span>Download
                                                                    </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>
                                                    </tr>
                                                    <tr>
                                                        <td class="pb-1 pt-2">
                                                            <h2>
                                                                <a href="#">Senin, 15-18-2021<span>13.40 PM</span></a>				
                                                            </h2>
                                                        </td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">KUI6AS9754EETY.xls</p></td>
                                                        <td class="p-0 text-left ps-3"><p class="mt-3">106.9 Kb</p></td>
                                                        <td class="p-0 pt-3 text-left 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-solid fa-download"></i></span>Download
                                                                    </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>
                                                    </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <!-- menu-tabs-over -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- statistik -->
            <!-- <div class="col-lg-4">
                <div class="card" >
                    <div class="card-body rounded bg-light pt-3">
                        <div class="d-flex">
                            <h4 class="fw-semibold fs-17 mt-0 mb-0">Statistik</h4>
                        </div>
                        <div class="d-flex justify-content-center">
                            <canvas class="px-3 py-3" id="myChart" width="200" height="200"></canvas>
                        </div>
                        <div class="col-lg-12">
                            <a href="./contact.html" class="fw-semibold fs-15 ms-14 float-end mt-3">Lihat Lengkap<span class="ms-4"><i class="fa-solid fa-caret-right"></i></span></a>
                        </div>
                    </div>
                </div>
                    <div class="card" >
                    <div class="card-body rounded bg-light pt-2 pb-3 px-0">
                        <div class="d-flex">
                            <h4 class="fw-semibold fs-17 mt-0 mb-0 px-4 pb-4">Course Populer</h4>
                        </div>
                        <div class="container px-0">
                            <ul class="list-group">
                                <li class="list-group-item px-1">
                                    <div class="d-flex">
                                        <h5 class="me-4 ms-3 fw-semibold mt-1">1.</h5>
                                        <a href="profile.html"><img class="avatar-img rounded" width="75" height="45" src="../screen/needed/img/photos/crs1.jpg" alt="User Image"></a>
                                        <div class="table-avatar mb-0 ms-3 lh-1">
                                            <a href="profile.html" class="fs-17 fw-semibold mt-2">Cleaning Service</a><br>
                                            <span class="ratings five mb-0 " style="width: 3.9rem;"></span><span class="fs-13 p-0 m-0 text-ash">5.0</span>
                                            <span class="fs-13 text-muted ms-2"><i class="fa-solid fa-user"></i></span><span class="fs-13 p-0 m-0 text-ash">400+</span>
                                        </div>	
                                    </div>
                                </li>
                                <li class="list-group-item px-1">
                                    <div class="d-flex">
                                        <h5 class="me-4 ms-3 fw-semibold mt-1">2.</h5>
                                        <a href="profile.html"><img class="avatar-img rounded" width="75" height="45" src="../screen/needed/img/photos/crs2.jpg" alt="User Image"></a>
                                        <div class="table-avatar mb-0 ms-3 lh-1">
                                            <a href="profile.html" class="fs-17 fw-semibold mt-2">Menjadi Rekrutmen</a><br>
                                            <span class="ratings four mb-0 " style="width: 3.9rem;"></span><span class="fs-13 p-0 m-0 text-ash">4.9</span>
                                            <span class="fs-13 text-muted ms-2"><i class="fa-solid fa-user"></i></span><span class="fs-13 p-0 m-0 text-ash">310+</span>
                                        </div>	
                                    </div>
                                </li>
                                <li class="list-group-item px-1">
                                    <div class="d-flex">
                                        <h5 class="me-4 ms-3 fw-semibold mt-1 ">3.</h5>
                                        <a href="profile.html"><img class="avatar-img rounded" width="75" height="45" src="../screen/needed/img/photos/crs5.jpg" alt="User Image"></a>
                                        <div class="table-avatar mb-0 ms-3 lh-1">
                                            <a href="profile.html" class="fs-17 fw-semibold mt-2">Project Management</a><br>
                                            <span class="ratings four mb-0 " style="width: 3.9rem;"></span><span class="fs-13 p-0 m-0 text-ash">4.6</span>
                                            <span class="fs-13 text-muted ms-2"><i class="fa-solid fa-user"></i></span><span class="fs-13 p-0 m-0 text-ash">290+</span>
                                        </div>	
                                    </div>
                                </li>
                                <li class="list-group-item px-1">
                                    <div class="d-flex">
                                        <h5 class="me-4 ms-3 fw-semibold mt-1 ">4.</h5>
                                        <a href="profile.html"><img class="avatar-img rounded" width="75" height="45" src="../screen/needed/img/photos/crs6.jpg" alt="User Image"></a>
                                        <div class="table-avatar mb-0 ms-3 lh-1">
                                            <a href="profile.html" class="fs-17 fw-semibold mt-2">Siap Kerja</a><br>
                                            <span class="ratings four mb-0 " style="width: 3.9rem;"></span><span class="fs-13 p-0 m-0 text-ash">4.0</span>
                                            <span class="fs-13 text-muted ms-2"><i class="fa-solid fa-user"></i></span><span class="fs-13 p-0 m-0 text-ash">200+</span>
                                        </div>	
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-12">
                            <a href="./contact.html" class="fw-semibold fs-15 ms-14 float-end mt-2 px-5">Lihat Lengkap<span class="ms-4"><i class="fa-solid fa-caret-right"></i></span></a>
                        </div>
                    </div>
                </div>
            </div> -->
       
        </div>
    </div>
    <!-- widgetend -->
@endsection