@extends('landing page.main')
@section('content')

    <style>
        .btn-reset {
            background-color: #007bff;
            /* Warna biru */
            color: white;
            /* Warna teks putih */
            border-radius: 5px;
            padding: 12px 20px;
            font-size: 16px;
            transition: background-color 0.3s, transform 0.2s;
            cursor: pointer;
        }

        .btn-reset:hover {
            background-color: #0056b3;
            /* Warna saat hover */
            transform: translateY(-2px);
            /* Efek angkat saat hover */
        }
    </style>

    <head>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

    </head>

    <!-- Page Title -->
    <div class="page-title-area">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="container">
                    <div class="title-item">
                        <h2>Masuk</h2>
                        <ul>
                            <li>
                                <a href="/">Home</a>
                            </li>
                            <li>
                                <i class='bx bx-chevrons-right'></i>
                            </li>
                            <li>
                                <span>Masuk</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Page Title -->

    <!-- User Form -->
    <div class="user-form-area ptb-100">
        <div class="container">
            <div class="user-item">
                <h2>Reset Password</h2>
                <p>{{ __('Lupa Kata Sandi? Tidak masalah. Cukup beri tahu kami alamat email Anda dan kami akan mengirimkan tautan untuk menyetel ulang kata sandi yang akan memungkinkan Anda memilih kata sandi baru.') }}
                </p>

                <!-- Session Status -->
                @if (session('status'))
                    <div class="alert alert-success mb-4">
                        {{ session('status') }}
                    </div>
                @endif

                @if ($errors->any())
                    <div class="alert alert-danger mb-4">
                        {{ implode(', ', $errors->all()) }}
                    </div>
                @endif

                <form method="POST" action="{{ route('password.email') }}">
                    @csrf
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <x-input-label for="email" :value="__('Email')" class="form-label" />
                                <x-text-input id="email" class="form-control" type="email" name="email"
                                    :value="old('email')" required autofocus />
                                {{-- <x-input-error :messages="$errors->get('email')" class="mt-2" /> --}}
                            </div>
                        </div>

                        <div class="flex items-center justify-center mt-4">
                            <x-primary-button class="btn-reset">
                                {{ __('Email Password Reset Link') }}
                            </x-primary-button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
 
@endsection
