@extends('theme::layouts.app')

@section('content')
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <div class="flex flex-col justify-center py-20 px-2 sm:px-6 lg:px-8 min-h-screen main-wrapper login-signup-page" style="background-image: url({{ asset('themes/tailwind/images/login-bg.png') }})">
        <div class="mx-auto login-signup-card">
            <h3 class="form-title mb-6">Your account is now activated!</h3>

            <div class="mb-6">
                <span class="block w-full rounded-md shadow-sm">
                    <a href="{{ route('login') }}" class="flex justify-center w-full px-4 py-3 text-sm font-medium text-black transition duration-150 ease-in-out border primary-button submit-btn">
                        Sign in
                    </a>
                </span>
            </div>
        </div>

        <div class="mx-auto bottom-links-wrapper">
            <a href="{{ route('user-terms-and-conditions') }}" class="link">Terms and Conditions</a>
            <a href="{{ route('user-privacy-policy') }}" class="link">Privacy Policy</a>
        </div>
    </div>
@endsection