post_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>Buat Post</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-relative" style="height: 100vh;">

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

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

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

                    <div class="mb-3">
                        <label for="text">Isi Post</label>
                        <textarea class="form-control col" rows="3" type="text" id="text" placeholder="Isi post" name="text"></textarea>
                    </div>

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

                </form>

            </div>

        </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>