@extends('layouts.app')

@section('content')
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap" rel="stylesheet">
<style>
    

    .thank-you-container {
        background: white;
        padding: 40px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        text-align: center;
        width: 100%; 
    }

    .thank-you-container h1 {
        font-size: 2.5rem;
        color: #28a745;
        margin-bottom: 20px;
    }

    .thank-you-container p {
        font-size: 1.2rem;
        color: #666;
        margin-bottom: 30px;
    }

    .thank-you-container img {
        max-width: 100px;
        margin-bottom: 20px;
    }

    .cta-buttons {
        margin-top: 20px;
    }

    .cta-buttons a {
        text-decoration: none;
        color: white;
        background-color: #007bff;
        padding: 12px 25px;
        border-radius: 50px;
        font-weight: 500;
        transition: background-color 0.3s ease;
    }

    .cta-buttons a:hover {
        background-color: #0056b3;
    }

    .cta-buttons .secondary-btn {
        background-color: #6c757d;
        margin-left: 10px;
    }

    .cta-buttons .secondary-btn:hover {
        background-color: #5a6268;
    }

    
</style>

<section class="banner-section py-3" style="background-image: url(images/background/pattern-11.png); background-size: cover; background-position: center; background-repeat: no-repeat;">
    <div class="auto-container">
        <div class="thank-you-container">
            <img src="https://img.icons8.com/fluency/96/000000/checkmark.png" alt="Success">
            <h1>Thank You!</h1>
            <p>Your assignment order has been successfully placed. Our experts will contact you to confirm the order.</p>

            <div class="cta-buttons">
                <a href="/my-orders" class="primary-btn">Track Your Order</a>
                <a href="/" class="secondary-btn">Explore More Services</a>
            </div>
            
        </div>
    </div>
</section>
@endsection