
<!DOCTYPE html>
<html lang="en">

<head>
    <title>MUNAS PHRI 2025</title>
<!-- HTML5 Shim and Respond.js IE11 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 11]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="" />
<meta name="keywords" content="">
<link rel="icon" type="image/png" sizes="16x16" href="https://phrikabkendari.orgmunas2025/asset2/images/logo.png">

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">

<link href="https://phrikabkendari.orgmunas2025/asset2/vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="https://phrikabkendari.orgmunas2025/asset2/css/style.css" rel="stylesheet">
<link href="https://phrikabkendari.orgmunas2025/asset2/css/extended.css" rel="stylesheet">
<link href="https://phrikabkendari.orgmunas2025/asset2/css/theme.css" rel="stylesheet">
<link href="https://phrikabkendari.orgmunas2025/asset2/css/site.css" rel="stylesheet">

<script src="https://phrikabkendari.orgmunas2025/asset2/js/vendor-all.min.js"></script>    <!-- tambahkan link include disini -->
    <!-- tambahkan style disini -->
    <link href="https://phrikabkendari.orgmunas2025/asset2/vendor/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
</head>

<body>
    <!-- [ Pre-loader ] start -->
<div class="loader-bg">
      <div class="loader-track">
            <div class="loader-fill"></div>
      </div>
</div>
<!-- [ Pre-loader ] End -->    <div class="wrapper bg-image">
        <div class="container" style="max-width: 600px;">
            <div class="text-center">
                <h1 class="shadow">FORMULIR PENDAFTARAN BPP</h1>
            </div>
            <div class="card">
                <div class="card-body">
                    <form id="entryForm" method="POST" action="https://phrikabkendari.orgmunas2025/site/formulir">
                        <input type="hidden" name="ctg" value="bpp">
                                                <input type="hidden" name="ci_csrf_token" value="">

                        <div class="form-group">
                            <label for="name1">Nama Depan <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="name1" id="name1" value="" required>
                                                    </div>

                        <div class="form-group">
                            <label for="name2">Nama Belakang</label>
                            <input type="text" class="form-control" name="name2" id="name2" value="">
                                                    </div>

                                                <div class="form-group">
                            <label for="email">Email<span class="text-danger">*</span></label>
                            <input type="email" class="form-control" name="email" id="email" value="" required>
                                                    </div>
                        
                        <div class="form-group">
                            <label for="phone">Nomor HP <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="phone" id="phone" value="" required>
                                                    </div>

                        <div class="form-group">
                            <label for="gender1">Jenis Kelamin</label>
                            <br>
                            <div class="form-group">
                                <input type="radio" id="gender1" name="gender" class="form-group" value="l">
                                <label class="form-group" for="gender1">Laki-laki</label>
                            </div>
                            <div class="form-group">
                                <input type="radio" id="gender2" name="gender" class="form-group" value="P">
                                <label class="form-group" for="gender2">Perempuan</label>
                            </div>
                        </div>
                                                    <div class="form-group">
                            <label for="jabatan">Jabatan</label>
                            <input type="text" class="form-control " name="jabatan" id="jabatan" value="">
                                                        </div>
                                                
                        <p>&nbsp;</p>
                        
                        <div class="form-group">
                            <label class="control-label">ISI SESUAI KODE YG TERTERA&nbsp;</label>
                            <div class="input-group">
                                <canvas id="canvas"></canvas>
                            </div>
                            <div class="input-group col-md-4 col-xs-12">
                                <input class="form-control" type="text" name="code" id="code" required minlength="5" maxlength="5" autocomplete="off">
                            </div>
                        </div>   

                        <div class="mt-4">
                            <button id="submit" type="submit" class="btn-primary btn">SIMPAN</button>
                            <a href="https://phrikabkendari.orgmunas2025/cancel" class="btn-secondary btn">BATAL</a>
                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>
    <!-- Warning Section start -->
<!-- Older IE warning message -->
<!--[if lt IE 11]>
            <div class="ie-warning">
            </div>
        <![endif]-->
<!-- Warning Section Ends -->

<!-- Required Js -->
<script src="https://phrikabkendari.orgmunas2025/asset2/js/plugins/bootstrap.min.js"></script>
<script src="https://phrikabkendari.orgmunas2025/asset2/js/pcoded.min.js"></script>
<script src="https://phrikabkendari.orgmunas2025/asset2/js/extended.js"></script>    <!-- tambahkan link include disini -->
    <!-- tambahkan script disini -->

    <script src="https://phrikabkendari.orgmunas2025/asset2/vendor/chained/jquery.chained.js"></script>
    <script src="https://phrikabkendari.orgmunas2025/asset2/vendor/input-mask/jquery.inputmask.js"></script>
    <script src="https://phrikabkendari.orgmunas2025/asset2/vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
    <script src="https://phrikabkendari.orgmunas2025/asset2/vendor/captcha/jquery-captcha.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>

    <script src="https://phrikabkendari.orgmunas2025/assets/js/app/formulir.js"></script>
    <script type="text/javascript" charset="utf-8">
  
    </script>

</body>

</html>