registration_form.blade.php

<!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">
    <title>Register</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>

    <div class="container ">

        <div class="position-absolute top-50 start-50 translate-middle w-50 shadow p-3">

            <form action="/register/add" method="post">
                @csrf

                <h2 class="text-center">Daftar Di sini</h2>

                <div class="mb-3">
                    <label for="name">Nama</label>
                    <input class="form-control col" type="text" id="name" placeholder="Nama Lengkap" name="name">
                </div>

                <div class="mb-3">
                    <label for="pob">Tempat Lahir</label>
                    <input class="form-control col" type="text" id="pob" placeholder="Kota tempat lahir" name="pob">
                </div>

                <div class="mb-3">
                    <label for="dob">Tanggal Lahir</label>
                    <input class="form-control col" type="date" id="dob" name="dob">
                </div>

                <div class="mb-3">
                    <label>Jenis Kelamin</label>
                    <div class="form-check mb-2">
                        <input class="form-check-input" type="radio" name="gender" id="male" value="1">
                        <label class="form-check-label" for="male">Laki - Laki</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="gender" id="female" value="0">
                        <label class="form-check-label" for="female">Perempuan</label>
                    </div>
                </div>

                <div class="mb-3">
                    <label for="email">Email</label>
                    <input class="form-control col" type="email" id="email" name="email">
                </div>

                <div class="mb-3">
                    <label for="phone">Nomor Telepon</label>
                    <input class="form-control col" type="text" id="dob" name="phone">
                </div>

                <div class="mb-3">
                    <input class="btn btn-primary col-12" type="submit" id="submit" value="Daftar">
                </div>

            </form>

        </div>

    </div>

    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>

</body>
</html>