79 lines
3.6 KiB
PHP
79 lines
3.6 KiB
PHP
@include('partials.head')
|
|
@include('partials.font')
|
|
|
|
<div class="bg-[#4F7F81]">
|
|
<nav class="border-gray-200 container bg-[#4F7F81] ">
|
|
<div class="max-w-screen-2xl flex flex-wrap items-center justify-between mx-auto p-4">
|
|
<a href="#" class="flex items-center">
|
|
<img src="{{ asset('img/Rectangle 65.png') }}" class="h-20 object-cover w-20" alt="Flowbite Logo" />
|
|
<span
|
|
class="self-center text-4xl text-white font-semibold whitespace-nowrap pt-4 aclonica-regular">LearnMap</span>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
<body>
|
|
@if (session('success'))
|
|
<div
|
|
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-green-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
|
|
{{ session('success') }}
|
|
</div>
|
|
@endif
|
|
|
|
@if ($errors->any())
|
|
<div
|
|
class="fixed top-5 left-1/2 transform -translate-x-1/2 bg-red-500 text-white px-6 py-3 rounded-md shadow-lg z-50">
|
|
<ul>
|
|
@foreach ($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
|
|
<div class="container py-10 px-8 lg:px-0">
|
|
<div class="grid lg:grid-cols-2 grid-cols-1">
|
|
<div class="hidden lg:block justify-center items-center">
|
|
<img src="{{ asset('img/login.png') }}" alt="">
|
|
</div>
|
|
<div class="border border-slate-500">
|
|
<p class="p-8 flex justify-center font-semibold items-center poppins-semibold text-4xl">Login</p>
|
|
<form class="px-8 mx-auto" method="POST">
|
|
@csrf
|
|
<div class="mb-5">
|
|
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 ">Your email</label>
|
|
<input type="email" id="email" name="email"
|
|
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 "
|
|
placeholder="email@gmail.com" required />
|
|
</div>
|
|
<div class="mb-5">
|
|
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 ">Your
|
|
password</label>
|
|
<input type="password" id="password" name="password"
|
|
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 "
|
|
required placeholder="********" />
|
|
</div>
|
|
<div class="flex items-ded justify-end mb-5">
|
|
|
|
|
|
<!-- Lupa Password -->
|
|
<a href="{{ route('password.forget') }}"
|
|
class="text-blue-600 hover:text-blue-800 text-sm font-medium">Forgot password?</a>
|
|
</div>
|
|
<button type="submit"
|
|
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Log In</button>
|
|
</form>
|
|
<!-- Tombol Register -->
|
|
<div class="text-center mt-4">
|
|
<p class="text-sm text-gray-600">Don't have an account?</p>
|
|
<a href="{{ route('register.index') }}"
|
|
class="text-blue-600 hover:text-blue-800 font-semibold">Register here</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|