@extends($activeTemplate.'layouts.master')
@section('content')
<head>
<link rel="stylesheet" href="{{ asset('core/static/css/style3.css') }}">
  <style>
    body {
      margin: 0;
      background: transparent;
      font-family: Arial, sans-serif;
    }

    .ticker-container {
      width: 100%;
      max-width: 100%;
      height: 150px;
      overflow: hidden;
      /*margin: 50px auto;*/
      /*background: #eee;*/
      border-radius: 10px;
      position: relative;
    }

    .ticker-track {
      display: flex;
      flex-direction: column;
      animation: scrollUp linear infinite;
    }

    .ticker-item {
      display: flex;
      align-items: center;
      background: linear-gradient(180deg, #FFA500 0%, #f0cd8c 100%);
      border-radius: 10px;
      padding: 15px;
      margin: 5px;
      color: #000;
    }

    .logo {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-right: 10px;
      object-fit: cover;
    }

    .content {
      flex: 1;
      font-size: 14px;
      color: #eeeeee;
    }

    .content strong {
      display: block;
      font-size: 15px;
    }

    .time {
      font-size: 12px;
      color: #333;
      margin-left: 10px;
      color: #eeeeee;
    }

    .whatsapp {
      width: 24px;
      height: 24px;
      margin-left: 10px;
    }

    @keyframes scrollUp {
      0% { transform: translateY(0); }
      100% { transform: translateY(-50%); }
    }
  </style>
	<style >
			
			.fosm {
				font-size: 16px;
				padding-left: 4px;
				color: #868D9A;
				font-weight: 100;
			}

			.txt-green {
				background-color: #FFA500;
				color: #fff;
				padding: 5px 8px;
				border-radius: 4px;
			}

			.txt-red {
				background-color: #F34954;
				color: #fff;
				padding: 5px 8px;
				border-radius: 4px;

			}

			.transaction-list li {
				padding: 16px 10px;
				border-radius: 10px;
				margin: 0 0 10px;
				box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.04);
				background: #f8f8f9;
			}

			.flex-column img {
				max-width: 50px;
				max-height: 50px;
			}


			.resources-card-wrapper {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: distribute;
				justify-content: space-around;
			}

			.buy-card {
				background: #f8f8f9;
				width: 48%;
				padding: 20px 15px;
				border-radius: 10px;
				-webkit-box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);
				box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.1);
			}

			.rien {
				float: right;
				margin-top: -26px;
			}

			.uine {
				color: #868D9A;
			}

			.uine span {
				display: block;
				font-size: 16px;
				color: #000;
				padding-top: 2px;
			}

			.news-today-wrapper {
				background: linear-gradient(180deg, #FFA500 0%, #ffffff 100%);
				background-size: 100%;
				

			}

			/*.appHeader {*/
			/*	height: 56px;*/
			/*	display: inline-flex;*/
			/*	justify-content: center;*/
			/*	align-items: center;*/
			/*	position: absolute;*/
			/*	top: 0;*/
			/*	left: 0;*/
			/*	right: 0;*/
			/*	z-index: 9990;*/
				/*background: #FFA500;*/
				

			/*}*/

			.postCarousel .item .title {
				color: #000;
			}

			.coyu {
				background: #FFA500;
				width: ;
				text-align: center;
				color: #fff;
				border-radius: 30px;
				font-size: 12px;
				padding: 2px 10px;
				float: left;
				margin-left: 6px;
				margin-top: 6px;

			}

			/* 	.owl-item {
				background-color: #f9f9f9;
				padding: 4px;
				border-radius: 4px;
				padding-bottom: 10px;
			} */
			.text footer {
				display: flex;
				font-size: 14px;
				align-content: center;
				color: #8D95A0;
				padding-left: 6px;
			}

			.sectionTitle .title h1 {
				font-size: 28px;
				font-weight: 900;
				color: #1B2C42;
				margin: 0;
				padding-right: 20px;
			}

			.itema a {
				display: flex;
			}

			.aui-palace {
				position: relative;
				overflow: hidden;
			}

			.aui-palace-grid {
				position: relative;
				float: left;
				padding: 1px;
				width: 25%;
				box-sizing: border-box;
				margin-bottom: 15px;
			}

			.aui-palace-ssion {
				position: relative;
				float: left;
				padding: 1px;
				width: 33.33%;
				box-sizing: border-box;
				margin-bottom: 15px;
			}

			.aui-palace-grid-icon {
				width: 50%;
				margin: 0 auto;
			}

			.aui-palace-ssion .aui-palace-grid-icon {
				width: 80%;
				margin: 0 auto;
			}

			.aui-palace-grid-icon img {
				display: block;
				width: 100%;
				height: 100%;
				border: none;
			}

			.aui-palace-grid-text {
				display: block;
				text-align: center;
				color: #fff;
				font-size: 14px;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				padding-top: 10px;
			}

			.aui-palace-grid-text h2 {
				font-size: 14px;
				font-weight: normal;
			}

				.kefu_menu {
				width: 70px;
				height: 70px;
				position:fixed;
				border-radius:55px;
				z-index:999999;
				right: 10px;
				top: 50%;
				background-color:white;
			}
			.kefu_menu_image {
				width: 70px;
				height: 70px;
			}

		</style>
		
		
		
		<!--Css Start-->
		<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">

		<style>
		
		.plan-card,
.plan-card * {
    font-family: 'Poppins', sans-serif;
}

		
.plan-card {
    display: flex;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin-bottom: 16px;
    border: 1px solid #FFA500;
    transition: transform 0.2s ease-in-out;
    padding: 12px;
    gap: 14px;
}

.plan-card:hover {
    transform: scale(1.01);
}

.plan-card-image {
    position: relative;
    width: 120px;
    flex-shrink: 0;
}

.plan-card-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.hot-label {
    position: absolute;
    top: 6px;
    right: 6px;
    background: #FFA500;
    color: white;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
}

.plan-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.plan-details strong {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
}

.plan-details .highlight {
    color: #FFA500;
    font-weight: 600;
}

.plan-details .subtle-text {
    color: #888;
}

.plan-name {
    font-size: 16px;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 5px;
}

.btn-invest {
    background-color: #FFA500;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 20px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    transition: background 0.3s ease;
    width: 100%;
}

.btn-invest:hover {
    background-color: #e69500;
}

</style>
	<!--Css End-->		
	
		
		
		
		
	</head>

<!--Scricpt-->


 


	<!--<body>-->
		<div class="kefu_menu" id="back-button">
			<img class="kefu_menu_image" onclick="window.location.href='https://t.me/Crypto365CS'"  src="{{ASSET ('core/img/kf.png')}}">
		</div><!-- 浮动 -->

		<div class="appHeader">
			<div class="pageTitle">
				<img src="{{ asset(getImage(getFilePath('logoIcon').'/logo_2.png')) }}" style="height:150px; margin-top:15px;">
		
			</div>
		</div>
		<div class="news-today-wrapper pt-2">
			<div class="container">
				<div class="hero-slides owl-carousel">
		<div class="single-hero-slide" style="background-image:url({{asset ('core/img/120bae01893dbf34961ca51e9638b973.png')}})"></div>
					<div class="single-hero-slide" style="background-image:url({{asset ('core/img/1ab6a0c5915b64146fbeda3471e54636.png')}})"></div>
					<div class="single-hero-slide" style="background-image:url({{asset ('core/img/de5fc88f970d45aebb4316dd08f2b392.png')}})"></div>
					<!--<div class="single-hero-slide" style="background-image:url(/uploads/20230212/b0267ee695599cf27264de262b722210.png)"></div>-->
				</div>
				<div class="owl-controls clickable">
					<div class="owl-pagination">
						<div class="owl-page"><span class=""></span></div>
						<div class="owl-page active"><span class=""></span></div>
					</div>
				</div>
			</div>
		</div>
		<div class="aui-palace mt-3">
			<a href="{{route ('user.deposit.index')}}" class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="{{asset ('core/img/homecoi_2.png')}}" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>
			  	Recharge					    </h2>
				</div>
			</a>
			<a href="{{route ('user.withdraw')}}" class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="{{asset ('core/img/homecoi_3.png')}}" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>Withdrawl</h2>
				</div>
			</a>
			<a href="{{ route('user.referrals') }}" class="aui-palace-grid">
				<div class="aui-palace-grid-icon">
					<img src="{{asset ('core/img/homecoi_5.png')}}" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>Team</h2>
				</div>
			</a>
			<div class="aui-palace-grid" onclick="window.location.href='{{ route('user.transactions') }}'">
				<div class="aui-palace-grid-icon">
					<img src="{{asset ('core/img/lihe.png')}}" alt="">
				</div>
				<div class="aui-palace-grid-text">
					<h2>Invite</h2>
				</div>
			</div>
		</div>
	


			</div>
		</div>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		  <style type="text/css">
        #tit span.select {
            color: #fff;
            border-radius: 4px;
            background: #FFA500;
        }

        .listView a.listItem {
            background-image: none;
        }

        .text button {
            background: #FFA500;
            width: 100px;
            text-align: center;
            color: #fff;
            border-radius: 30px;
            font-size: 12px;
            margin-top: 10px;
        }

        .appContent {
            padding: 0 10px 20px 10px;
            background: #f3f3f3;
        }

        #tit {
            background-color: #000;
        }

        .text-muted {
            color: #8D95A0;
            font-size: 14px;
            font-weight: 400;
            display: initial;
            float: right;
        }

        #tit {
            height: auto;
            width: 100%;
            background: none;
            border-radius: 10px;
            white-space: nowrap;
            display: flex;
            overflow: auto;
            margin-top: 10px;
        }

        .postItem .imageWrapper .image {
            width: 100%;
            border-radius: 6px;
            height: auto;
        }

        #tit span {
            float: left;
            height: 34px;
            line-height: 34px;
            width: auto;
            text-align: center;
            color: #333;
            margin: 4px;
            background: #ffffff;
            border-radius: 8px;
            padding: 0 16px;
        }

        .dropload-down {
            width: 100%;
            padding-top: 50px;
            margin: 0 auto;
            line-height: 1.6em;
            font-size: 14px;
            text-align: center;
            color: #968b8b;
            background: #fff;
        }

        .listItem i {
            background-color: #FFA500;
            padding: 2px 10px;
            position: absolute;
            font-style: normal;
            top: 0px;
            left: 0;
            color: #fff;
        }

        .listItem span {
            float: right;
            color: #333;
        }

        .kefu_menu {
            width: 70px;
            height: 70px;
            position: fixed;
            border-radius: 55px;
            z-index: 999999;
            right: 10px;
            top: 50%;
            background-color: white;
        }

        .kefu_menu_image {
            width: 70px;
            height: 70px;
        }
    </style>
</head>

<body>
    <!-- <div class="kefu_menu" id="back-button" >
        <img class="kefu_menu_image" id="kefu_menu" src="/static/img/kf.png">
    </div> -->
    <!-- 浮动 -->

    <!-- Page loading -->
    <div class="loading">
        <div class="spinner-grow"></div>
    </div>
    <!-- * Page loading -->

    <!-- App Header -->

    
        
          <div class="ticker-container">
    <div class="ticker-track" id="ticker-track"></div>
  </div>
        
        <div id="appCapsulee" class="pb-2">
        <div id="tit">
                        <span id="appCapsule" style="width:50%" class="select" data-id="11">
                Invest Now             </span>
                        <span onclick="window.location.href='{{route ('user.invest.log')}}'" style="width:50%"  class="select" data-id="my">My Products</span>
        </div>
        <div style="clear: both;"></div>
        <div class="appContent pb-0 mt-1 pt-1">
            <div class="listView detailed" style="padding-bottom: 8px;">
                
                              @php
                            $plans = App\Models\Plan::with('timeSetting')
                                ->whereHas('timeSetting', function ($time) {
                                    $time->where('status', 1);
                                })
                                ->where('status', 1)
                                ->get();
                            $gatewayCurrency = null;
                            if (auth()->check()) {
                                $gatewayCurrency = App\Models\GatewayCurrency::whereHas('method', function ($gate) {
                                    $gate->where('status', 1);
                                })
                                    ->with('method')
                                    ->orderby('method_code')
                                    ->get();
                            }
                        @endphp
                  
                  
                    @foreach ($plans as $plan)
                        <div class="plan-card">
                            <div class="plan-card-image">
                                <img src="{{ asset('core/img/pl.png') }}" alt="Plan Image">
                                <div class="hot-label">Hot</div>
                            </div>
                            <div class="plan-card-content">
                                <div class="plan-details">
                                    <strong class="plan-name">Plan: <span class="highlight">{{ __($plan->name) }}</span></strong>
                    
                                    <strong>Price:
                                        <span class="highlight">
                                            @if ($plan->fixed_amount == 0)
                                                {{ __($general->cur_sym) }}{{ showAmount($plan->minimum) }} -
                                                {{ __($general->cur_sym) }}{{ showAmount($plan->maximum) }}
                                            @else
                                                {{ __($general->cur_sym) }}{{ showAmount($plan->fixed_amount) }}
                                            @endif
                                        </span>
                                    </strong>
                    
                                    <strong>Daily Profit:
                                        <span class="highlight">
                                            {{ $plan->interest_type != 1 ? $general->cur_sym : '' }}{{ showAmount($plan->interest) }}{{ $plan->interest_type == 1 ? '%' : '' }}
                                        </span>
                                    </strong>
                    
                                    <strong>Validity:
                                        <span class="subtle-text">{{ __($plan->repeat_time) }} {{ __($plan->timeSetting->name) }}</span>
                                    </strong>
                    
                                    <strong>Total Income:
                                        <span class="highlight">
                                            @if ($plan->lifetime == 0)
                                                @if ($plan->capital_back == 1)
                                                    capital +
                                                @endif
                                                {{ __($plan->interest * $plan->repeat_time) }}{{ $plan->interest_type == 1 ? '%' : ' ' . __($general->cur_text) }}
                                            @else
                                                Unlimited
                                            @endif
                                        </span>
                                    </strong>
                                </div>
                    
                                <form action="{{ route('user.invest.submit') }}" method="post">
                                    @csrf
                                    <input type="hidden" name="plan_id" value="{{ __($plan->id) }}">
                                    <input type="hidden" name="wallet_type" value="deposit_wallet">
                                    <input type="hidden" name="amount" value="{{ getAmount($plan->fixed_amount, 0) }}">
                                    <button type="submit" class="btn-invest">
                                        @if ($plan->fixed_amount == 0)
                                            {{ __($general->cur_sym) }}{{ showAmount($plan->minimum) }} -
                                            {{ __($general->cur_sym) }}{{ showAmount($plan->maximum) }}
                                        @else
                                            {{ __($general->cur_sym) }}{{ showAmount($plan->fixed_amount) }}
                                        @endif
                                    </button>
                                </form>
                            </div>
                        </div>
                    @endforeach

           
                
                        
          <div class="ticker-container">
    <div class="ticker-track" id="ticker-track"></div>
  </div>
            </div>
        </div>
        
    </div>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		<div class="overfloat" id="gui_kai" style="display: none;">
			<div class="guize_html">
				<span class="guize_html_nei">
					<h5><br>Platform announcement</h5>
					<p>
											</p>
				</span>
				<div id="g_close" class="btnyu">
					Ok
				</div>
			</div>
		</div>


		<!-- 弹窗代码开始 -->
		<!--弹框样式-->
		<style>
			.colse_btn {
				display: block;
				position: absolute;
				bottom: 8%;
				left: 24%;
				background: #FFA500;
				color: #FFF;
				text-align: center;
				font-weight: bold;
				font-size: 17px;
				line-height: 40px;
			
				border-radius: 32px;
				width: 50%;
			}

			.web_notice {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.3);
				z-index: 99999;
			}

			.div_notice {
				position: fixed;
				top: 50%;
				left: 50%;
			    width: 80%;
				height: 70%;
				overflow-y: auto;
				background: #FFF;
				transform: translate(-50%, -50%);
				border-radius: 20px;
				padding: 20px 15px;
			}
			.title_notice {
				font-weight: bold;
				text-align: center;
				font-size: 25px;
			}

			.content_notice {
				font-size: 16px;margin-top: 26px;line-height: 30px;color: #999;
			}
		</style>
<!--		<div class="web_notice" style="padding:60px; " >-->
<!--			<div class="div_notice" style=" background: linear-gradient(180deg, #FFA500 0%, #ffffff 100%)">-->
<!--				<h3 class="title_notice" style="color:white;">Notice</h3>-->

<!--				<hr>-->
<!--				<div class="content_notice" >-->
<!--<div>-->
<!--  <p style="font-family: 'Andale Mono', monospace; font-size: 16px;color:black;"><strong> Welcome To Crypto 365 </strong></p>-->
<!--  <p style="font-family: 'Andale Mono', monospace; font-size: 16px;color:black;">-->
<!--    <strong>-->
<!--    Signup Bonus : 28 Rs</br></br>-->

<!-- Refer Reward : Level 1 - 18% Level 2 - 5% Level 3 - 2%</br></br>-->

<!-- Minimum Recharge : 100 Rs</br></br>-->

<!-- Minimum Withdrawal 180 Rs</br>-->
<!--</br>-->
<!--* Long + Short Term Plans-->
<!--    </strong>-->
<!--  </p>-->
<!--  <p style="text-align: center;">-->
<!--    <a href="https://t.me/crypto365live" target="_blank">-->
<!--      <img src="https://i.ibb.co/3yJc8DBT/tg-bg-37fa3454.webp" alt="Telegram" style="width: 67px; height: 69px;"/>-->
<!--    </a>-->
<!--  </p>-->
<!--  <p style="text-align: center;">-->
<!--    <a href="https://t.me/crypto365live" target="_blank">Crypto 365 Official Channel</a>-->
<!--  </p>-->
<!--</div>-->
<!--</div>-->
<!--			</div>-->
<!--				<a class="colse_btn" onclick="javascript:document.querySelector('.web_notice').remove()">OK</a>-->
<!--		</div>-->


<!--notice start-->


 <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: #f0f0f0;
    }

    .modal-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.3);
      backdrop-filter: blur(6px);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      animation: fadeIn 0.3s ease-out forwards;
      padding: 1rem;
    }

    .modal-container {
      background: white;
      border-radius: 1rem;
      max-width: 24rem;
      width: 100%;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
      overflow: hidden;
      position: relative;
      animation: scaleIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
      transform-origin: center;
    }

    /* Close animation classes */
    .fadeOut {
      animation: fadeOut 0.3s ease-out forwards;
    }

    .scaleOut {
      animation: scaleOut 0.3s ease-out forwards;
    }

    .close-button {
      position: absolute;
      top: 0.75rem;
      right: 0.75rem;
      background-color: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(6px);
      width: 32px;
      height: 32px;
      border-radius: 50%;
      font-size: 1.25rem;
      color: #374151;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      transition: background 0.2s;
    }

    .close-button:hover {
      background-color: white;
    }

    .modal-header {
      padding: 1.25rem 1.25rem 0 1.25rem;
      display: flex;
      align-items: center;
    }

    .modal-header img {
      width: 56px;
      height: 56px;
      margin-right: 0.75rem;
      flex-shrink: 0;
    }

    .modal-header h2 {
      font-size: 1.25rem;
      font-weight: bold;
      color: #1f2937;
      display: flex;
      align-items: center;
    }

    .modal-header h2 span {
      margin-left: 0.5rem;
      font-size: 1.1rem;
      color: #d1d5db;
      display: none;
    }

    @media (min-width: 640px) {
      .modal-header h2 span {
        display: inline;
      }
    }

    .modal-header p {
      font-size: 0.875rem;
      color: #6b7280;
    }

    .divider {
      border: none;
      height: 1px;
      background-color: #f3f4f6;
      margin: 1rem 0;
    }

    .modal-body {
      padding: 0 1.5rem 1.5rem;
      color: #1f2937;
      font-size: 15px;
      line-height: 1.6;
    }

    .modal-body p {
      margin-bottom: 0.75rem;
    }

    .highlight {
      color: #ea580c;
      font-weight: 600;
    }

    .modal-body span.pl-4 {
      display: block;
      padding-left: 1rem;
    }

    .telegram-button {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.75rem;
      margin: 0 1.25rem 1.25rem;
      background: linear-gradient(to right, #f59e0b, #ea580c);
      color: white;
      font-weight: bold;
      border: none;
      border-radius: 0.5rem;
      width: calc(100% - 2.5rem);
      cursor: pointer;
      text-decoration: none;
      gap: 0.5rem;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
      transition: opacity 0.2s ease-in-out, transform 0.2s;
    }

    .telegram-button:hover {
      opacity: 0.95;
      transform: translateY(-2px);
    }

    .telegram-button svg {
      width: 20px;
      height: 20px;
      fill: currentColor;
    }

    /* Keyframes */
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    @keyframes scaleIn {
      from { transform: scale(0.95) translateY(10px); opacity: 0; }
      to { transform: scale(1) translateY(0); opacity: 1; }
    }

    @keyframes fadeOut {
      from { opacity: 1; }
      to { opacity: 0; }
    }

    @keyframes scaleOut {
      from { transform: scale(1); opacity: 1; }
      to { transform: scale(0.9); opacity: 0; }
    }
  </style>

 <div class="modal-backdrop" id="noticeModal">
    <div class="modal-container" id="modalContent">
      <!-- Close Button -->
      <button class="close-button" onclick="closeModal()" aria-label="Close Modal">&times;</button>

      <div class="modal-header">
        <!--<img src="https://i.imgur.com/ag52VVI.png" alt="Smart Farming Logo">-->
        <div>
          <h2>Latest notification <span>》》》</span></h2>
          <p>Understand platform release information</p>
        </div>
      </div>

      <hr class="divider">

      <div class="modal-body">
        <p>1. Platform launch time: <span class="highlight">Aug 7 - 2025</span></p>
        <p>2. Sign-up Bonus: <span class="highlight">₹28</span></p>
        <p>3. Daily Gift Code: <span class="highlight">₹25 to 250₹</span> ( Need Plan )</p>
        <p>4. Level 3 agent commission cashback:
          <span class="pl-4">1st Level: <span class="highlight">18%</span> Happy Earning</span>
        </p>
        <p>5. Income: <span style="font-weight: 500;">Daily Income Daily Withdrawal</span></p>
        <p>6. Minimum Withdrawal is: <span class="highlight">₹150 - ₹100000</span></p>
        <p>7. Get your referral to invest in welfare and get direct <span class="highlight">18%</span> of his investment.</p>
        <p>8. Number of withdrawals: <span class="highlight">Unlimited.</span></p>
      </div>

      <a href="https://t.me/crypto365live" class="telegram-button" target="_blank">
        <svg viewBox="0 0 24 24"><path d="M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.3 1.29.27 1.09.97l-3.67 14.1c-.23.85-1.03 1.06-1.74.54L9.78 18.65z"/></svg>
        <span>Telegram Channel</span>
      </a>
    </div>
  </div>

  <script>
    function closeModal() {
      const backdrop = document.getElementById("noticeModal");
      const modal = document.getElementById("modalContent");

      // Add animation classes
      modal.classList.add("scaleOut");
      backdrop.classList.add("fadeOut");

      // Remove after animation completes
      setTimeout(() => {
        backdrop.remove();
      }, 300); // Match with CSS animation duration
    }
  </script>







<!--notice end-->






	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		
		 <script>
		 
		 function getFormattedDateTime() {
  const now = new Date();

  const year = now.getFullYear();
  const month = String(now.getMonth() + 1).padStart(2, '0'); // Months are 0-based
  const day = String(now.getDate()).padStart(2, '0');

  const hours = String(now.getHours()).padStart(2, '0');
  const minutes = String(now.getMinutes()).padStart(2, '0');

  return `${year}-${month}-${day} ${hours}:${minutes}`;
}

console.log(getFormattedDateTime());

function getTimeDifferenceFromTwoDaysAgo() {
  const now = new Date();
  const twoDaysAgo = new Date(now);
  twoDaysAgo.setDate(now.getDate() - 2); // Subtract 2 days

  const diffMs = now - twoDaysAgo; // Difference in milliseconds
  const diffMinutes = Math.floor(diffMs / (1000 * 60));
  const diffHours = Math.floor(diffMinutes / 60);
  const remainingMinutes = diffMinutes % 60;

  return `${diffHours} hours and ${remainingMinutes} minutes`;
}
console.log("Time since 2 days ago:", getTimeDifferenceFromTwoDaysAgo());
		 
function getRandomAgoTime() {
  const isHour = Math.random() < 0.5; // 50% chance for hour or minute

  if (isHour) {
    const hours = Math.floor(Math.random() * 12) + 1; // 1 to 12
    return `${hours} hours ago`;
  } else {
    const minutes = Math.floor(Math.random() * 60) + 1; // 1 to 60
    return `${minutes} minutes ago`;
  }
}
		 
console.log(getRandomAgoTime()); // e.g., "7 hours ago" or "43 minutes ago"
console.log(getRandomAgoTime()); // e.g., "2 hours ago"
console.log(getRandomAgoTime()); // e.g., "59 minutes ago"
console.log(getRandomAgoTime()); // e.g., "7 hours ago" or "43 minutes ago"
console.log(getRandomAgoTime()); // e.g., "2 hours ago"
console.log(getRandomAgoTime()); // e.g., "59 minutes ago"
console.log(getRandomAgoTime()); // e.g., "7 hours ago" or "43 minutes ago"
console.log(getRandomAgoTime()); // e.g., "2 hours ago"
console.log(getRandomAgoTime()); // e.g., "59 minutes ago"
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
    const track = document.getElementById("ticker-track");
    const logoURL = "https://i.ibb.co/3YjPYQVb/1000011397-removebg-preview.pngctt45";
    const whatsappIcon = "https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg";

    const generateTransaction = () => {
      const user = `${Math.floor(1000 + Math.random() * 9000)} **** ${Math.floor(10 + Math.random() * 90)}`;
      const amount = `₹${Math.floor(200 + Math.random() * 1800)}`;
      const now = new Date().toISOString().slice(0, 16).replace("T", " ");
      return { user, amount, time: now, user_logo: logoURL };
    };

    const createItem = ({ user, amount, time, user_logo }) => {
      const div = document.createElement("div");
      div.className = "ticker-item";
      div.innerHTML = `
        <img class="logo" src="${user_logo}" alt="User Logo" />
        <div class="content">
          <strong>User ${user}</strong>
          Withdraw ${amount} successfully
        </div>
        <div class="time">${getRandomAgoTime()}</div>
        <!--<img class="whatsapp" src="${whatsappIcon}" alt="WhatsApp"> -->
      `;
      return div;
    };

    const transactions = [];

    // Add 10 initial transactions
    for (let i = 0; i < 200; i++) {
      const tx = generateTransaction();
      transactions.push(tx);
      track.appendChild(createItem(tx));
    }
    
    console.log(transactions);

    // Clone for seamless loop
    transactions.forEach(tx => {
      track.appendChild(createItem(tx));
    });

    // Set animation dynamically based on height
    let totalHeight = track.scrollHeight / 2;
    let duration = totalHeight * 0.02; // Adjust speed (0.02s per px)
    track.style.animationDuration = `${duration}s`;

    // Every few seconds, add a new transaction to both original and clone
    setInterval(() => {
      const tx = generateTransaction();
      const item = createItem(tx);

      // Add to top (just before the clone starts)
      track.insertBefore(item, track.children[transactions.length]);

      // Also add to the clone for loop continuity
      track.appendChild(createItem(tx));

      // Update tracking list
      transactions.push(tx);

      // Recalculate height & animation speed
      totalHeight = track.scrollHeight / 2;
      duration = totalHeight * 0.02;
      track.style.animation = "none"; // Reset animation
      void track.offsetWidth; // Force reflow
      track.style.animation = `scrollUp ${duration}s linear infinite`;
    }, 300000);
  </script>


@endsection