-
Notifications
You must be signed in to change notification settings - Fork 14
/
admission-search-form.php
44 lines (42 loc) · 1.95 KB
/
admission-search-form.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<?php defined('BASEPATH') OR exit('No direct script access allowed') ?>
<script>
$(document).ready(function () {
$('[data-toggle="datepicker"]').datepicker({
format: 'yyyy-mm-dd'
});
})
</script>
<main class="container space-y-5 my-5 flex-1">
<h1 class="text-title text-2xl font-bold font-heading"><?= $page_title ?></h1>
<form action="" class="space-y-3">
<div class="flex flex-col lg:flex-row">
<label for="registration_number" class="lg:w-1/4 pt-1">Nomor Pendaftaran <span style="color: red">*</span></label>
<div class="lg:w-3/4">
<input type="text" class="form-input w-full" id="registration_number" name="registration_number">
</div>
</div>
<div class="flex flex-col lg:flex-row">
<label for="birth_date" class="lg:w-1/4 pt-1">Tanggal Lahir <span style="color: red">*</span></label>
<div class="lg:w-3/4">
<div class="relative">
<input type="text" readonly class="form-input w-full" id="birth_date" name="birth_date" data-toggle="datepicker">
<div class="absolute right-0 mr-3 top-1/2 transform -translate-y-1/2">
<span class="btn btn-sm btn-outline-secondary rounded-0"><i class="fa fa-calendar text-dark"></i></span>
</div>
</div>
</div>
</div>
<?php if (NULL !== __session('recaptcha_status') && __session('recaptcha_status') == 'enable') : ?>
<div class="flex flex-col lg:flex-row">
<label class="lg:w-1/4 pt-1"></label>
<div class="lg:w-3/4">
<div class="g-recaptcha" data-sitekey="<?= $recaptcha_site_key ?>"></div>
</div>
</div>
<?php endif ?>
<div class="flex flex-col lg:flex-row pt-3">
<span class="lg:w-1/4"></span>
<button type="button" onclick="<?= $onclick ?>; return false;" class="bg-secondary opacity-80 transition duration-100 hover:opacity-100 text-white rounded py-2 px-5"><i class="fa fa-send"></i> <?= $button ?></button>
</div>
</form>
</main>