<!doctype html>
<html lang="en">
<head>
    <meta data-n-head="ssr" charset="utf-8">
    <meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1">
    <meta data-n-head="ssr" data-hid="description" name="description" content="{{env('APP_NAME')}} APP">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="{{asset('public/invite.css')}}">
    <title>{{env('APP_NAME')}}</title>
    <style>
       input.promo {
	width: 100%;
	margin-top: 20px;
	height: 50px;
	border-radius: 10px;
	text-align: center;
	color: #000;
	border: none;
	outline: none;
}
       .promoBtn {
	width: 100%;
	margin: auto;
	display: flex;
	margin-top: 25px;
	color: white;
	border: none;
	padding: 16px 6px;
	border-radius: 12px;
	background: #FACC16;
 
	text-align: center;
	text-align: center;
	justify-content: center;
}
        input.promo::placeholder{
            color: #000;
        }
.spread-page-content-item.wrapper {
	/* background: hsla(0, 0%, 100%, .15); */
	border-radius: 12px;
	overflow: hidden;
	padding-bottom: 24px;
	background: rgb(0,121,68);
	background: linear-gradient(120deg, rgba(0,121,68,1) 0%, rgba(2,126,71,1) 35%, rgba(6,143,71,1) 62%, rgba(10,165,73,1) 85%, rgba(14,143,62,1) 120%);
	border-top: 10px solid #FACC16;
}
.spread-page-content-item-invite p{
    color:white;
    font-size:15px;
    margin-bottom:15px;
    font-weight: 500;
}
    </style>
</head>
<body>
<div id="__nuxt">
    <div id="__layout">
        <div>
            <section class="spread-page flex flex-col">
                <div class="spread-page-header relative">
                    <div class="absolute icon" onclick="window.location.href='{{route('dashboard')}}'">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <path d="M12.4879 15.9872C12.4879 15.9865 12.4893 15.9858 12.4893 15.9851C12.4836 15.9851 12.4829 15.9858 12.4879 15.9872ZM0.940321 13.007L8.30184 20.3685C8.9351 21.0018 9.96257 21.0018 10.5951 20.3685C11.2284 19.7367 11.2284 18.7092 10.5951 18.076L6.0015 13.4816H21.587C22.4826 13.4816 23.2082 12.7553 23.2082 11.8604C23.2082 10.9641 22.4819 10.2384 21.587 10.2384H6.0022L10.5958 5.64481C11.2291 5.01225 11.2291 3.98408 10.5958 3.35152C10.2792 3.03489 9.86384 2.87622 9.44848 2.87622C9.03383 2.87622 8.61847 3.03489 8.30254 3.35152L0.940321 10.7137C0.306351 11.347 0.306351 12.3731 0.940321 13.007Z"
                                  fill="white"></path>
                        </svg>
                    </div>
                    <div class="title bold text-center">বিনামুল্যে টাকা গ্রহন</div>
                </div>
                
                <div class="spread-page-content flex-1">
                    <div class="spread-page-content-item-subtitle">
                        <img src="https://i.ibb.co/kVZdPKD/f.png" alt="f" border="0" style="height: 170px;
  width: 100%;
">
                         
                    </div>
                    <div class="spread-page-content-item wrapper">
                        <!--<div class="spread-page-content-item-title">-->
                            
                        <!--    <span>Promo Commission</span></div>-->

                        <form action="{{route('submitBonusCode')}}" method="post">
                            @csrf
                            <div class="wrapper-content">
                                <div class="spread-page-content-item-invite">
                                    <p>বিনামুল্যে টাকা গ্রহন</p>
                                </div>
                                <div>
                                    <input type="text" class="promo" name="bonus_code" placeholder="
ফ্রি বোনাস কোর্ড লিখুন">
                                </div>

                                <div>
                                    <button class="promoBtn">নিশ্চিত করুন</button>
                                </div>
                                 <div class="spread-page-content-item-invite">
                                   <p>নগদ প্ররুস্কার</p>
                                   <p>নগদ প্ররুস্কার</p>
                                   <p>নগদ প্ররুস্কার</p>
                                  
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
@include('alert-message')
</body>
</html>
