<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="csrf-token" content="{{ csrf_token() }}" />
<title>Daftar | SEPAKAT</title>
<link href="{{ asset('logo/favicon.png') }}" rel="icon">
<link href="{{ asset('logo/apple-touch-icon.png') }}" rel="apple-touch-icon">
{{-- mainCSS --}}
{{-- <link rel="stylesheet" href="{{ asset('assets/CSS/main.css') }}"> --}}
<link rel="stylesheet" href="/assets/sweetalert2/sweetalert2.min.css">
{{-- mainCSS --}}
{{-- Bootstrap --}}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
{{-- Bootstrap --}}
</head>
<body style="background-color: #3F8664 !important;">
<br><br><br>
<div class="h-screen d-flex justify-content-center align-items-center">
<div class="card center p-5"
style="width:550px!important;heigth:700px!important; border-radius:20px!important;">
<div class="w-100 center" style="color: #3F8664">
<div class="container w-75">
<div class="form w-100" id="daftar">
<div id="isi">
<center>
<h3><b>Registrasi</b></h3>
<p>Silahkan mengisi form berikut</p>
</center>
<div class="form-group">
<label for="name" class="text-left font-weight-bold">Nama Lengkap</label><br>
<input type="text" name="name" id="name" class="form-control ">
<small class="text-danger pl-3" id="name-v"></small>
</div>
<div class="form-group">
<label for="username" class="text-left font-weight-bold">Username</label><br>
<input type="text" name="username" id="username" class="form-control ">
<small class="text-danger pl-3" id="username-v"></small>
</div>
<div class="form-group">
<label for="email" class="text-left font-weight-bold">Email</label><br>
<input type="email" name="email" id="email" class="form-control " required>
<small class="text-danger pl-3" id="email-v"></small>
</div>
<div class="form-group">
<label for="password" class="text-left font-weight-bold">Password </label><br>
<input type="password" name="password" id="password" class="form-control">
<small class="text-danger pl-3" id="password-v"></small>
</div>
<div class="form-group">
<label for="password_confirm" class="text-left font-weight-bold">Konfirmasi
Password</label><br>
<input type="password" name="password_confirm" id="password_confirm"
class="form-control">
<small class="text-danger pl-3" id="password_confirm-v"></small>
</div>
{{-- <div class="form-group d-flex">
<input type="checkbox" name="rememberme" class="mr-3" value="submit">
<label class="text-left font-weight-bold">Remember Me</label><br>
</div> --}}
<div class="form-group text-center">
<button type="submit" id="submit" class="btn btn-success w-100 ">Daftar</button>
</div>
<center>
<span>Sudah Memiliki Akun?, <a href="/login"
style="color: #2b6046;"><b>Login</b></a></span>
</center>
</div>
<div id="loading">
<center>
<img width="200px"
src="https://cdn.dribbble.com/users/3742211/screenshots/9195657/media/6796a544d6f9ef1293d8d8d9e60d38d5.gif"
alt="">
</center>
</div>
</div>
{{-- <form class="form w-100" action="/daftar/post" method="post">
@csrf
</form> --}}
</div>
</div>
</div>
{{-- bootstrap --}}
{{-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
</script> --}}
<script src="/assets/js/ajax_jquery.min.js"
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/assets/js/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
</script>
<script src="/assets/sweetalert2/sweetalert2.min.js"></script>
<script>
$(document).ready(function() {
$('#loading').hide();
$('#submit').click(function() {
var validasi = ['name', 'username', 'email', 'password', 'password_confirm'];
for (var i = 0; i < validasi.length; i++) {
$("#" + validasi[i] + "-v").html("");
}
$('#isi').hide();
$('#loading').show();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
url: "/daftar/post",
type: "POST",
data: {
name: $('#name').val(),
username: $('#username').val(),
email: $('#email').val(),
password: $('#password').val(),
password_confirm: $('#password_confirm').val(),
},
success: function(data) {
// alert(data.message);
var data = `<center>
<h3><b>Daftar Berhasil!</b></h3>
<p>Silahkan dicek email anda untuk melakukan verifikasi pada akun anda!</p>
</center>`;
$('#daftar').html(data);
},
error: function(err) {
$('#isi').show();
$('#loading').hide();
if (err.status == 422) {
// when status code is 422, it's a validation issue
console.log(err.responseJSON);
$('#success_message').fadeIn().html(err.responseJSON.message);
// you can loop through the errors object and show it to the user
console.warn(err.responseJSON.errors);
// display errors on each form field
$.each(err.responseJSON.errors, function(i, error) {
// var el = $(document).find('[name="' + i + '"]');
// el.after($('<span style="color: red;">' + error[0] +
// '</span>'));
// console.log(i);
$("#" + i + "-v").html(error[0]);
});
}
}
});
});
});
</script>
@if (session()->has('gagal'))
<script>
let message = '{{ session('gagal') }}';
Swal.fire({
icon: 'error',
title: 'Gagal!',
text: message,
})
</script>
@endif
{{-- bootstrap --}}
</body>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell