pbmc-cmod/app/Views/dashboard_modals.html

601 lines
16 KiB
HTML
Raw Normal View History

2024-11-11 13:57:11 +07:00
<div class="modal modal-lg fade" id="modal1" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-orange">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-orange">Pending</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Understood</button>
</div> -->
</div>
</div>
</div>
<!-- M-2 -->
<div class="modal modal-lg fade" id="modal2" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-peach">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-peach">Partial Collect</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal modal-lg fade" id="modal3" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-pink">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-pink">Full Collect</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-4 -->
<div class="modal modal-lg fade" id="modal4" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-soft-blue">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-soft-blue">Partial Receive</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-5 -->
<div class="modal modal-lg fade" id="modal5" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-blue">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-blue">Full Receive</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-6 -->
<div class="modal modal-lg fade" id="modal6" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-grey">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-grey">Inprocess</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-7 -->
<div class="modal modal-lg fade" id="modal7" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-soft-green">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-soft-green">Partial Validation</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- M-8 -->
<div class="modal modal-lg fade" id="modal8" aria-hidden="true" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header bg-green">
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Detail Request #1222</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-borderless">
<thead class="align-top text-start">
<tr>
<th>Nama</th>
<th>:</th>
<td>Zakiya Miksha</td>
</tr>
<tr>
<th>Order Date</th>
<th>:</th>
<td>2024-10-12 23:37</td>
</tr>
<tr>
<th>Medical Record</th>
<th>:</th>
<td>AJI909S</td>
</tr>
<tr>
<th>Request Number</th>
<th>:</th>
<td>1232233112</td>
</tr>
<tr>
<th>Hospital</th>
<th>:</th>
<td>2211212121</td>
</tr>
<tr>
<th>Location</th>
<th>:</th>
<td>R09</td>
</tr>
<tr>
<th>Doc</th>
<th>:</th>
<td>Dr. Andes Wakawaka</td>
</tr>
<tr>
<th>Test</th>
<th>:</th>
<td>Complete Blood Count (CBC): Hemoglobin (Hb), Hematocrit (Hct), Red Blood Cells (RBC), White Blood
Cells (WBC), Platelet Count, Mean Corpuscular Volume (MCV), Mean Corpuscular Hemoglobin (MCH), Mean
Corpuscular Hemoglobin Concentration (MCHC)</td>
</tr>
<tr>
<th>Status</th>
<th>:</th>
<td><span class="badge bg-green">Complete Validation</span></td>
</tr>
</thead>
</table>
</div>
<div class="col-12">
<div class="card bg-light">
<div class="card-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>