package dev_mcudaftarpeserta

import "cpone/layout"

templ McuDaftarPesertaScreen() {
    <div>
    <table class="table table-hover table-borderless">
        <thead>
        <tr>
            <th scope="col" width="5%">NO LAB</th>
            <th scope="col" width="25%">NAMA</th>
            <th scope="col" width="10%">JENIS KELAMIN</th>
            <th scope="col" width="10%">UMUR</th>
            <th scope="col" width="35%">KESIMPULAN</th>
            <th scope="col" width="15%" s>AKSI</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>21304</td>
            <td>Abraham Kurniawan</td>
            <td>Laki - Laki</td>
            <td>24</td>
            <td>
            <div class="row">
                <div class="col-2">
                <span class="label-text fit"> Fit </span>
                <!-- <span class="label label-inline label-text"> FIT </span> -->
                </div>
                <div class="col-10 kesimpulan-desc"></div>
            </div>
            </td>
            <td>
            <div>
                <a
                class="btn btn-icon"
                onclick="ShowModal('Abraham Kurniawan','21304')"
                >
                <span
                    class="iconify iconify-btn"
                    data-icon="heroicons-solid:document-text"
                ></span>
                </a>
                <a href="mcu/hasil-lab.html" class="btn btn-icon">
                <span
                    class="iconify iconify-btn"
                    data-icon="heroicons-solid:pencil"
                ></span>
                </a>
                <a
                class="btn btn-icon"
                onclick="ShowModalAkses('Abraham@gmail.com','Abraham Kurniawan','unchecked')"
                >
                <span
                    class="iconify iconify-btn"
                    data-icon="heroicons:shield-exclamation-16-solid"
                ></span>
                </a>
            </div>
            </td>
        </tr>
        <tr>
            <td>21305</td>
            <td>Anastasia Claudia</td>
            <td>Perempuan</td>
            <td>24</td>
            <td>
            <div class="row">
                <div class="col-2 col-xl-2 col-lg-2 col-md-12 col-sm-12">
                <span class="label-text unfit"> Unfit </span>
                <!-- <span class="label label-inline label-text"> FIT </span> -->
                </div>
                <div
                class="col-10 col-xl-10 col-lg-10 col-md-12 col-sm-12 kesimpulan-desc"
                >
                Anti HBs (Positif : 752), Cholesterol sedikit meningkat
                (218), LDL Cholesterol Direct meningkat (173)
                </div>
            </div>
            </td>
            <td>
            <div>
                <!-- data-target="#exampleModalSizeLg" -->
                <a
                class="btn btn-icon"
                data-toggle="modal"
                onclick="ShowModal('Anastasia Claudia', '21305')"
                >
                <span
                    class="iconify iconify-btn"
                    data-icon="heroicons-solid:document-text"
                ></span>
                </a>
                <a href="mcu/hasil-lab.html" class="btn btn-icon">
                <span
                    class="iconify iconify-btn"
                    data-icon="heroicons-solid:pencil"
                ></span>
                </a>
                <a
                class="btn btn-icon"
                onclick="ShowModalAkses('Anastasia@gmail.com','Anastasia Claudia','checked')"
                >
                <span
                    class="iconify iconify-btn"
                    data-icon="heroicons:shield-exclamation-16-solid"
                ></span>
                </a>
            </div>
            </td>
        </tr>
        </tbody>
    </table>
    </div>
}

templ CSSMcuDaftarPeserta() {

}

templ JsMcuDaftarPeserta() {
    
}

templ ShowMcuDafterPeserta(
    title string,
    cmp templ.Component,
    css templ.Component,
    js templ.Component,
) {
    @layout.PlaygroundLayout(title, css, js) {
        @cmp
    }
}