175 lines
12 KiB
PHP
175 lines
12 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>
|
|
Register - Sekolah Adiwiyata
|
|
</title>
|
|
<meta name="description" content="Login">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, minimal-ui">
|
|
<!-- Call App Mode on ios devices -->
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<!-- Remove Tap Highlight on Windows Phone IE -->
|
|
<meta name="msapplication-tap-highlight" content="no">
|
|
<!-- base css -->
|
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/vendors.bundle.css')}}">
|
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/app.bundle.css')}}">
|
|
<!-- Place favicon.ico in the root directory -->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
|
|
<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
|
|
<!-- Optional: page related CSS-->
|
|
<link rel="stylesheet" media="screen, print" href="{{asset('assets/css/fa-brands.css')}}">
|
|
</head>
|
|
<body>
|
|
<div class="page-wrapper">
|
|
<div class="page-inner bg-brand-gradient">
|
|
<div class="page-content-wrapper bg-transparent m-0">
|
|
<div class="flex-1" style="background: url('https://banksampah.jakarta.go.id/images/logo/bg.png') no-repeat center bottom fixed; background-size: cover;">
|
|
<div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<h2 style="font-size: 40px!important;" class="fw-900 mt-4 text-center">
|
|
Sekolah Adiwiyata
|
|
<small class=" fw-500 mt-3 mb-5 opacity-60 hidden-sm-down">
|
|
Your registration is free for a limited time. Enjoy SmartAdmin on your mobile, desktop or tablet.
|
|
<br>It is ready to go wherever you go!
|
|
</small>
|
|
</h2>
|
|
</div>
|
|
<div class="col-xl-6 ml-auto mr-auto">
|
|
<div class="card p-4 rounded-plus bg-faded">
|
|
<div class="alert alert-primary text-center text-dark" role="alert">
|
|
<h4>Registrasi Sekolah</h4>
|
|
</div>
|
|
@include('include.alert')
|
|
<form id="js-login" novalidate="" action="intel_analytics_dashboard.html">
|
|
<div class="form-group row">
|
|
<label class="col-xl-12 form-label" for="fname">NPSN</label>
|
|
<div class="col-12 pr-1">
|
|
<input type="text" name="npsn" class="form-control" placeholder="Masukan NPSN Sekolah" required>
|
|
<small class="text-primary"><i>Pastikan NPSN Telah Sesuai</i></small>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-12 form-label" for="fname">Nama Sekolah</label>
|
|
<div class="col-12 pr-1">
|
|
<input type="text" name="name" class="form-control" placeholder="Masukan Nama Sekolah" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-12 form-label" for="fname">Tingkat Sekolah</label>
|
|
<div class="col-12 pr-1">
|
|
<select class="form-control">
|
|
<option value="" data-select2-id="3">-Pilih Tingkat Sekolah-</option>
|
|
<option value="1" data-select2-id="11">SD</option>
|
|
<option value="2" data-select2-id="12">SMP</option>
|
|
<option value="3" data-select2-id="13">SMA</option>
|
|
<option value="4" data-select2-id="14">SMK</option>
|
|
<option value="5" data-select2-id="15">MI</option>
|
|
<option value="6" data-select2-id="16">MTs</option>
|
|
<option value="7" data-select2-id="17">MA</option>
|
|
<option value="8" data-select2-id="18">SD LB</option>
|
|
<option value="9" data-select2-id="19">SMP LB</option>
|
|
<option value="10" data-select2-id="20">SMA LM</option>
|
|
<option value="11" data-select2-id="21">SLB Khusus</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-xl-12 form-label" for="fname">Status Sekolah</label>
|
|
<div class="col-12 pr-1">
|
|
<select class="form-control">
|
|
<option value="" data-select2-id="3">-Pilih Status Sekolah-</option>
|
|
<option value="Negeri">Negeri</option>
|
|
<option value="Swasta">Swasta</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label" for="emailverify">Alamat Sekolah</label>
|
|
<input type="text" class="form-control" placeholder="Masukan Alamat Sekolah, Nama Jalan / Dusun / RT-RW" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label" for="emailverify">Kontak Person</label>
|
|
<input type="text" class="form-control" placeholder="Masukan Kontak Person" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label" for="emailverify">Email</label>
|
|
<input type="email" id="emailverify" class="form-control" placeholder="Masukan Email Aktif" required>
|
|
<small class="text-primary">* Pastikan email benar dan aktif, akses aplikasi akan dikirim ke email yang didaftarkan.</small>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label">Password</label>
|
|
<div class="input-group">
|
|
<input type="password" id="password" name="password" class="form-control" placeholder="Masukan Password Minimm 8 characters" required>
|
|
<div class="input-group-append">
|
|
<button class="btn btn-default waves-effect waves-themed" type="button" id="togglePassword"><i class="fal fa-eye"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="help-block">Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="checkbox" required> Dengan ini menyatakan bahwa isian registrasi diatas sudah benar.
|
|
</div>
|
|
<div class="row no-gutters">
|
|
<div class="col-md-12 ml-auto text-right">
|
|
<button id="js-login-btn" type="submit" class="btn btn-block btn-primary btn-lg mt-3">Registrasi</button>
|
|
</div>
|
|
</div>
|
|
<div class="form-group text-center mt-3">
|
|
<span class="">
|
|
Sudah punya akun? <a href="{{url('login')}}">Login</a>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="position-absolute pos-bottom pos-left pos-right p-3 text-center text-white">
|
|
{{date('Y')}} © Sekolah Adiwiyata by Dinas Lingkungan Hidup Provinsi DKI Jakarta
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
|
|
<script src="{{asset('assets/js/app.bundle.js')}}"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#togglePassword').on('click', function() {
|
|
let passwordField = $('#password');
|
|
let icon = $(this).find('i');
|
|
|
|
// Cek apakah input saat ini bertipe password
|
|
if (passwordField.attr('type') === 'password') {
|
|
passwordField.attr('type', 'text'); // Ubah ke teks
|
|
icon.removeClass('fa-eye').addClass('fa-eye-slash'); // Ganti ikon
|
|
} else {
|
|
passwordField.attr('type', 'password'); // Ubah ke password
|
|
icon.removeClass('fa-eye-slash').addClass('fa-eye'); // Kembalikan ikon
|
|
}
|
|
});
|
|
});
|
|
$("#js-login-btn").click(function(event)
|
|
{
|
|
|
|
// Fetch form to apply custom Bootstrap validation
|
|
var form = $("#js-login")
|
|
|
|
if (form[0].checkValidity() === false)
|
|
{
|
|
event.preventDefault()
|
|
event.stopPropagation()
|
|
}
|
|
|
|
form.addClass('was-validated');
|
|
// Perform ajax submit here...
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|