@extends('layouts.frontend')

@section('styles')
<style type="text/css">
    .left-form-panel{
        background-image: url("{{ asset('assets/SysImg/HG_CNY2022_LandingPage_Cover2.jpg') }}");
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
    }
</style>
@endsection

@section('content')
<div class="container">
    <div class="row justify-content-center align-items-center" style="height: 100vh;">
        <div class="card-group">
            <div class="card left-form-panel"></div>
            <div class="card right-form-panel">
                <img class="card-img-top" src="{{ asset('assets/SysImg/HG_CNY2022_LandingPage_HappyAngPao2.png') }}" alt="Happy Ang Pao">
                <div class="card-body">
                    <h5 class="card-title text-center text-dark-red font-weight-bold">You have upload your happy code successfully! Please wait for the verification and shipment!</h5>
                    <div class="d-flex justify-content-center">
                        <a class="btn btn-danger btn-lg text font-weight-bold text-white" href="{{ route('frontend.profile.viewLuckyDrawHistory') }}" type="button">View Happy Code History</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection