@extends('layouts.app_auth')

@section('title', 'Verify Email')

@section('css')
<style>
    .login-wrap{
        width:100%;
        margin:auto;
        max-width:450px;
        min-height:520px;
        position:relative;
        font:600 16px/18px 'Open Sans',sans-serif;
    }
    .kaler{
        color: #ffd11a;
    }
    .kaler:hover{
        color: #66ff66;
    }
    .butang{
        background-color: #1161ee;
        border: none;
        color: white;
    }
</style>
@endsection

@section('content')
<!-- <header>
    <div class="container">
        <div class="row">
            <div class="col-sm-5">
                <a href="https://ssipr.selangor.gov.my" style="text-decoration:none;"><div class="logo"></div></a>
            </div>
            <div class="col-sm-7 hidden-xs">
                
            </div>
        </div>
    </div>
</header>
<div class="login-wrap">
    <div class="login-html">
        <a href="https://ssipr.selangor.gov.my" style="text-decoration:none;">
            <h2> Pengesahan Email </h2>
        </a>
        <div class="login-form">
            <br><br>
            <div class="sign-up-htm">
                <div class="group" style="color: white">
                    <h4>Semak E-mel anda di inbox atau spam</h4>
                    <p>Sebelum teruskan, sila semak emel anda untuk mendapatkan pautan pengesahan. Sekiranya anda tidak menerima sebarang emel</p>
                </div>
                <form method="GET" action="{{ route('verification.resend') }}">
                    @csrf
                    <button type="submit" class="btn btn-link p-0 m-0 align-baseline kaler">
                        {{ __('Tekan sini untuk mendapatkan pengesahan baru.') }}
                    </button>
                </form>
                <center><button onclick="window.location.href= '{{url('logout/')}}';" class="mt-5 p-2 butang">Kembali ke halaman utama</button></center>
            </div>
        </div>
    </div>
</div> -->
<label class="tab">Pengesahan Email</label>
<br><br>
<div class="sign-up-htm">
    <div class="group" style="color: white">
        <h4>Semak E-mel anda di inbox atau spam</h4>
        <p>Sebelum teruskan, sila semak emel anda untuk mendapatkan pautan pengesahan. Sekiranya anda tidak menerima sebarang emel</p>
    </div>
    <form method="POST" action="{{ route('verification.resend') }}">
        @csrf
        <button type="submit" class="btn btn-link p-0 m-0 align-baseline kaler">
            {{ __('Tekan sini untuk mendapatkan pengesahan baru.') }}
        </button>
    </form>
    <center><button onclick="window.location.href= '{{url('logout/')}}';" class="mt-5 p-2 butang">Kembali ke halaman utama</button></center>
</div>
@endsection

@section('js')
    <script>
        $(document).ready(() => {
            $('.login-html a').remove();
        });
    </script>
@endsection