Files
report-web-absensi/index.php
2024-02-21 11:01:23 +07:00

85 lines
3.4 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rekap RPT Absensi Web</title>
<!-- Penambahan link CSS untuk DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.7.2/dist/full.min.css" rel="stylesheet" type="text/css" />
</head>
<body class="bg-gray-100 flex justify-center items-center h-screen">
<div class="card w-100 bg-white shadow shadow-2xl mx-auto">
<div class="card-title px-5 py-3">
<h2 class="card-title">Report Absensi</h2>
</div>
<div class="card-body">
<!-- Start Date & End Date -->
<div class="grid grid-cols-2 gap-4">
<div class="text-left">
<div class="label">
<span class="label-text">Start Date</span>
</div>
<input type="date" placeholder="Start Date" id="start_date" name="start_date"
class="input input-bordered w-full max-w-xs">
</div>
<div class="text-right">
<div class="label">
<span class="label-text">End Date</span>
</div>
<input type="date" id="End Date" name="end_date" class="input input-bordered w-full max-w-xs">
</div>
</div>
<!-- Start Date & End Date -->
<!-- Dropdown jenis report -->
<div class="text-left">
<label class="form-control">
<div class="label">
<span class="label-text">Jenis Report</span>
</div>
<select class="select select-bordered w-full">
<option value="-" selected>Pilih Jenis Report</option>
<option value="Absensi">Absensi</option>
</select>
</label>
</div>
<!-- Dropdown jenis report -->
<!-- Dropdown office -->
<div class="text-left">
<label class="form-control">
<div class="label">
<span class="label-text">Office / Kantor</span>
</div>
<select class="select select-bordered w-full">
<option value="-" selected>Pilih Kantor</option>
<option value="1">PT Sadhana Abiyasa Sampoerna</option>
<option value="2">PT Sadhana Abiyasa Sampoerna</option>
<option value="3">PT Sismedika (RS Sansani Pekanbaru)</option>
<option value="4">PT Sismedika (RSPAD Gatot Subroto)</option>
</select>
</label>
</div>
<!-- Dropdown office -->
<!-- Button Xls & PDF -->
<div class="grid grid-cols-2 gap-4 py-5">
<div class="text-left">
<button class="btn btn-outline btn-success">XLS</button>
</div>
<div class="text-right">
<button class="btn btn-outline btn-warning">PDF</button>
</div>
</div>
<!-- Button Xls & PDF -->
</div>
</div>
<!-- Penambahan script untuk Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
</body>
</html>