@extends('layouts.main')
@push('title')
    <title>Thankyou</title>
@endpush
@section('main-section')


<style>
    .thank_cover{
        max-width: 500px;
    }

    .thank-you-section img {
        margin-left: 30px;
    }

    .thank-you-section{
        text-align: center;
    }

    .thankyou_section {
    background: #181717;
    height: calc(100vh);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.thank-you-section h1 {
    font-size: 1em;
    text-align: center;
    font-weight: 800;
}

.c-2{
    box-shadow: rgba(218, 165, 32, 0.9) 0px 4px 12px;
}

.thank-you-section img.img_qrcode {
    margin-left: 0;
    max-width: 200px;
}
</style>

<section class="thankyou_section">
    <div class="thank_cover">
        <div class="card c-2">
            <div class="card-body">
                <div class="thank-you-section">
                    <div class="">
                        <img src="{{asset('assets/image/green_tick.gif')}}" alt="green tick">
                    </div>
                    <h1>Thank you  <br>
                        <span id="orderid"></span> 
                    </h1>
                    <h5>Please Make Payment on this Qr Code</h5>
                    {{-- <p>A confirmation email was sent</p> --}}
                    <div class="spacer"></div>
                    <img src="/images/k9_qrcode.png" class="img_qrcode" alt="qr_image">
                    <div class="text-center">
                        <a href="https://wa.me/9594763911?text=Hello%20Sir" class="btn btn-success">
                            <i class="fa fa-whatsapp" aria-hidden="true"></i>whatsaap</a>
{{-- 
                        <a href="{{ url('/') }}" class="theme-btn btn-style-pinks-nav">Dashboard</a> --}}
                        <a href="{{ url('/') }}" class="btn btn-primary">Dashboard</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<script>
const queryString = window.location.search;
console.log(queryString);
const urlParams = new URLSearchParams(queryString);
const flag = urlParams.get('flag')
console.log(flag);
if(flag == 'product' ){
    document.getElementById('orderid').innerHTML = 'for your Order!';
}else if(flag == 'sip'){
    document.getElementById('orderid').innerHTML = 'for Investing in Plan!';
}else if(flag == 'member'){
    document.getElementById('orderid').innerHTML = 'for becoming a Member!';
}else{
    document.getElementById('orderid').innerHTML = 'for Investing in Gold Plan!'; 
}

</script>

@endsection