@extends('layouts.main')

@section('meta')
@include('blocks.meta', ['meta' => 'test'])
@endsection

@section('content')


<style>
      
        .success-container {
            background: white;
            padding: 40px 30px;
            text-align: center;
            border-radius: 10px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            max-width: 400px;
            margin:0 auto;
            margin-top:5vh;
     
        }
        .success-icon {
            width: 60px;
            height: 60px;
            margin-bottom: 20px;
        }
        .success-message {
            font-size: 18px;
            color: #333;
            margin-bottom: 10px;
          
        }

        .redirect-note {
            font-size: 14px;
            color: #666;
        }

        .wrapper{
            min-height:70vh;
        }
    </style>

 
<input type="hidden" id="whatsappLink" name="whatsappLink" value="{{$whatsappLink}}">
<div class="wrapper">
<div class="success-container">
    <!-- Checkmark SVG Icon -->
    <svg  class="success-icon" viewBox="0 0 24 24" fill="none" stroke="#28a745" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <path d="M20 6L9 17l-5-5"/>
    </svg>

    <div class="success-message">Please wait... Your order has been created.</div>
    <div class="redirect-note">You will be redirected to WhatsApp to view your order details.</div>
</div></div>

        @endsection