post_home.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>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 py-3">

        @if ($posts->isEmpty())

            <div class="position-relative" style="height: 100vh;">

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

                    <div class="row">
                        <h1 class="text-center text-danger">Tidak ada data Post!</h1>
                    </div>
                    <div class="row">
                        <a class="btn btn-primary col-4 offset-4" href="/post/create">Buat post baru</a>
                    </div>
                </div>

            </div>

        @else

            <div class="col p-3 text-center">
                <h1>Semua Post</h1>
            </div>

            <div class="row justify-content-center p-3">
                <div class="col-8">
                    <a class="btn btn-primary" href="/post/create">Buat post baru</a>
                </div>
            </div>

            @foreach ($posts as $post)

                    <div class="row justify-content-center mb-3">
                    <div class="col-8 shadow rounded-3">
                        <div class="p-3">
                            <h3>{{ $post->title }}</h3>
                            <p>{{ $post->text }}</p>
                            <a class="btn btn-secondary btn-sm" href="">Edit</a>
                        </div>
                    </div>
                </div>

            @endforeach

        @endif

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