<html>
<head>
    <title>{{ config('app.name') }} | Mail preview</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100">
<div class="w-1/3 bg-white h-screen mx-auto p-6">

    <h1 class="font-semibold text-2xl mb-2">Preview emails</h1>
    <ul>
    @foreach ($mailables as $name => $title)
        <li>
            <a class="text-blue-700 py-1 mb-1 font-semibold block" href="/mail/{{ $name }}">
                {{ $title }}
            </a>
        </li>
    @endforeach
    </ul>
</div>
</body>
</html>
