<?php

include('nav-admin.php');
include('response.php');


?>

<div style="margin-top: 0px; "  class="hp-main-layout-content">
<div class="row mb-32 gy-32">
				<div class="col-12">
                
                </div>


				
<div class="col-lg-12">
    <div class="page-header-modern">
            <h2 class=""></h2>

    <div class="user-dropdown dropdown">
        <button class="btn btn-user" type="button" data-toggle="dropdown">
            <i class=""></i>
             <img src="images/icon/invoice360-user.png" height=30px; width=30px;>
            <span class="caret"></span>
        </button>

        <ul class="dropdown-menu user-menu" aria-labelledby="userDropdown">
            <li>
                <a class="dropdown-item" href="">
                    <i class="fa fa-user me-2"></i> <?php echo strtok($_SESSION['user_name'], ' ');?> (<?php echo $_SESSION['role']; ?>)
                </a>
            </li>

            <li>
                <a class="dropdown-item" href="Admin/payment-details.php">
                    <i class="fa fa-credit-card"></i> Billing history
                </a>
            </li>

            <li>
                <a class="dropdown-item" href="Admin/company-profile.php">
                    <i class="fa fa-cog me-2"></i> Settings
                </a>
            </li>

            <li><hr class="dropdown-divider"></li>

            <li>
                <a class="dropdown-item text-danger" href="logout.php">
                    <i class="fa fa-sign-out me-2"></i> Sign Out
                </a>
            </li>
        </ul>
        </div>
    </div>


<style>
    .body1 {
        margin: 0;
        padding-top: 0;
        min-height: 100vh;
        background: linear-gradient(135deg, #fff, #fff);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
        color: #0f0f0fff;
        display: flex;
       
        justify-content: center;
        text-align: center;
        border-radius: 12px;
    }

    .success-wrapper {
        max-width: 720px;
        padding: 40px 30px;
        animation: fadeUp .6s ease;
    }

    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(25px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .check-icon {
        width: 110px;
        height: 110px;
        margin: 0 auto 30px;
        border-radius: 50%;
        background: #16a34a;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 48px;
        font-weight: bold;
        box-shadow: 0 15px 40px rgba(22,163,74,0.45);
    }

    h1 {
        font-size: 42px;
        font-weight: 900;
        margin-bottom: 15px;
        letter-spacing: -0.5px;
    }

    p {
        font-size: 18px;
        color: #0e0e0fff;
        line-height: 1.7;
        margin-bottom: 45px;
    }

    .action-buttons {
        display: flex;
        gap: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .action-buttons a {
        text-decoration: none;
        padding: 16px 28px;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 700;
        min-width: 200px;
        transition: all .25s ease;
    }

    .btn-dashboard {
        background: #2563eb;
        color: #ffffff;
    }

    .btn-dashboard:hover {
        background: #1d4ed8;
        transform: translateY(-2px);
    }

    .btn-receipt {
        background: #16a34a;
        color: #ffffff;
    }

    .btn-receipt:hover {
        background: #15803d;
        transform: translateY(-2px);
    }

    .footer-text {
        margin-top: 50px;
        font-size: 14px;
        color: #9ca3af;
    }
</style>

<div class="body1">
<div class="success-wrapper">

    <div class="check-icon">✓</div>

    <h1>Payment Successful</h1>

    <p>
        Thank you for your payment.  
        Your subscription has been successfully activated and you now have full access to all Finvoicer features.
        <br><br>
        A payment receipt has been sent to your email address.
    </p>

    <div class="action-buttons">
        <a href="dashboard.php" class="btn-dashboard">
            Go to Dashboard
        </a>

        <a href="Admin/payment-details.php" class="btn-receipt">
            View Receipt
        </a>
    </div>

    <div class="footer-text">
        Need help? Contact Finvoicer support anytime.
    </div>

</div>

</div>



                                    
                                   

		



</div>

<?php include ('footer.php'); ?> 

             
		
 <!-- Plugin -->
 	
 	
    <script src="app-assets/js/plugin/swiper-bundle.min.js"></script>
    <script src="app-assets/js/plugin/jquery.mask.min.js"></script>
    <script src="app-assets/js/plugin/autocomplete.min.js"></script>
    <script src="app-assets/js/plugin/moment.min.js"></script>

    <!-- Layouts -->
    <script src="app-assets/js/layouts/header-search.js"></script>
    <script src="app-assets/js/layouts/sider.js"></script>
    <script src="app-assets/js/components/input-number.js"></script>

    <!-- Base -->
    <script src="app-assets/js/base/index.js"></script>
    <!-- Customizer -->
    <script src="app-assets/js/customizer.js"></script>

    <!-- Charts -->
    <script src="app-assets/js/plugin/apexcharts.min.js"></script>
    <script src="app-assets/js/charts/apex-chart.js"></script>

    <!-- Cards -->
    <script src="app-assets/js/cards/card-advance.js"></script>
    <script src="app-assets/js/cards/card-analytic.js"></script>
    <script src="app-assets/js/cards/card-statistic.js"></script>

    <!-- Pages -->
    <script src="app-assets/js/pages/dashboard-ecommerce.js"></script>

    <!-- Custom -->
    <script src="assets/js/main.js"></script>  
	
	
	<script> 
	const textarea = document.getElementById('auto-resize-textarea');

textarea.addEventListener('input', () => {
  textarea.style.height = 'auto'; // Reset height to recalculate
  textarea.style.height = textarea.scrollHeight + 'px'; // Set height based on scrollHeight
});

// Optional: Initial resize if content is pre-filled
textarea.style.height = 'auto';
textarea.style.height = textarea.scrollHeight + 'px';
</script>
</body>


</html>