PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u423589436/domains/swiftpay-tracker.online/public_html/trackingb.php

<?php
include 'db.php';
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Tracklet Payment Tracking - Monitor your transactions with ease">
    <meta name="keywords" content="Tracklet, Payment Tracking, Transaction Monitoring, Mobile Payment, Financial Services">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tracklet Payment Tracking</title>
    <link rel="shortcut icon" href="assets/images/logo/favicon.png">
    <!-- Slider -->
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <!-- AOS Animation -->
    <link rel="stylesheet" href="assets/css/aos-animation.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Main CSS -->
    <link rel="stylesheet" href="assets/css/main.css">
    <style>
        :root {
            --primary-color: #afff1a;
            --secondary-color: #F8F9FA;
            --text-dark: #1A1A1A;
            --text-muted: #6B7280;
            --success-color: #4CAF50;
            --progress-color: #FF9800;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--secondary-color);
            color: var(--text-dark);
        }

        .preloder {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        .bg-main-600 {
            background: var(--primary-color);
            padding: 0.75rem 0;
        }

        .header {
            background: var(--primary-color);
            transition: all 0.3s ease;
        }

        .nav-menu__link {
            color: #ffffff !important;
            font-weight: 600;
            padding: 0.5rem 1rem;
            transition: color 0.3s ease;
        }

        .nav-menu__link:hover {
            color: #E2E8F0 !important;
        }

        .tracking-card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            padding: 40px;
            max-width: 600px;
            width: 100%;
            margin: 2rem auto;
        }

        .tracking-input {
            border-radius: 8px 0 0 8px;
            border: 1px solid #D1D5DB;
            padding: 0.75rem;
            font-size: 1rem;
        }

        .tracking-btn {
            background: var(--primary-color);
            color: #ffffff;
            border-radius: 0 8px 8px 0;
            padding: 0.75rem 1.5rem;
            font-weight: 600;
            border: none;
            transition: background 0.3s ease;
        }

        .tracking-btn:hover {
            background: #5A3DA0;
        }

        .timeline-step {
            position: relative;
            padding-left: 30px;
            margin-bottom: 20px;
        }

        .timeline-step::before {
            content: '';
            position: absolute;
            left: 0;
            top: 5px;
            width: 10px;
            height: 10px;
            background-color: #D1D5DB;
            border-radius: 50%;
        }

        .timeline-step.completed::before {
            background-color: var(--success-color);
        }

        .timeline-step.in-progress::before {
            background-color: var(--progress-color);
            animation: pulse 1.5s infinite;
        }

        .timeline-step::after {
            content: '';
            position: absolute;
            left: 5px;
            top: 15px;
            bottom: -20px;
            width: 2px;
            background-color: #e0e0e0;
        }

        .timeline-step:last-child::after {
            display: none;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }

        .result-section {
            margin-top: 20px;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 8px;
            display: none;
        }

        .result-section.active {
            display: block;
        }

        .status-badge {
            display: inline-flex;
            align-items: center;
            padding: 0.5rem 1.5rem;
            border-radius: 20px;
            font-size: 1rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            background: linear-gradient(135deg, #FF9800, #FFB300);
            color: #ffffff;
            box-shadow: 0 2px 12px rgba(255, 152, 0, 0.3);
            margin-bottom: 1rem;
        }

        .status-badge.success {
            background: linear-gradient(135deg, #4CAF50, #66BB6A);
        }

        .need-help {
            color: var(--primary-color);
            font-weight: 500;
            text-decoration: none;
        }

        .need-help:hover {
            text-decoration: underline;
        }

        .bg-dark-600 {
            background: #1F2937;
        }

        .text-neutral-10 {
            color: #F9FAFB;
        }

        .hover-text-main-600:hover {
            color: var(--primary-color);
        }

        .mobile-menu {
            background: #1F2937;
        }

        @media (max-width: 768px) {
            .tracking-card {
                padding: 20px;
            }

            .tracking-btn {
                padding: 0.75rem;
            }

            .status-badge {
                font-size: 0.9rem;
                padding: 0.4rem 1rem;
            }
        }
    </style>
</head>
<body class="position-relative bg-gray-100">
    <!-- Preloader -->
    <div class="preloder">
        <div class="position-relative tw-w-76-px tw-h-76-px d-flex justify-content-center align-items-center">
            <img src="assets/images/icon/preloder-img1.png" alt="Img" class="tw-w-8">
            <div class="preloder__exchange__img w-100 h-100">
                <img src="assets/images/icon/preloder-img2.png" alt="Img" class="w-100 h-100 animation-rotation">
            </div>
        </div>
    </div>

    <!-- Overlay -->
    <div class="overlay"></div>
    <div class="side-overlay"></div>

    <!-- Toast Container -->
    <div id="toast-container"></div>

    <!-- Scroll to Top -->
    <div class="progress-wrap cursor-big">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>

    <!-- Custom Cursor -->
    <div class="cursor"></div>
    <span class="dot"></span>

    <!-- Mobile Menu -->
    <div class="mobile-menu d-lg-none d-block scroll-sm position-fixed bg-base-two-600 tw-w-300-px tw-h-screen overflow-y-auto tw-p-6 tw-z-999 tw--translate-x-full tw-pb-68">
        <button type="button" class="close-button position-absolute tw-end-0 top-0 tw-me-2 tw-mt-2 tw-w-605 tw-h-605 rounded-circle d-flex justify-content-center align-items-center text-white bg-neutral-200 hover-bg-neutral-900 hover-text-white">
            <i class="ph ph-x"></i>
        </button>
        <div class="mobile-menu__inner">
            <a href="index.html" class="mobile-menu__logo">
                <img src="assets/images/logo/logo.png" alt="Logo">
            </a>
            <div class="mobile-menu__menu">
                <ul class="nav-menu d-lg-flex align-items-center nav-menu--mobile d-block tw-mt-8">
                    <li class="nav-menu__item">
                        <a href="index.html" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">HOME</a>
                    </li>
                    <li class="nav-menu__item">
                        <a href="tracking.php" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">Track Payment</a>
                    </li>
                    <li class="nav-menu__item">
                        <a href="contact-us-other.html" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">CONTACT</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Top Header Section -->
    <div class="bg-main-600 tw-py-205 z-1">
        <div class="container">
            <div class="d-flex align-items-center tw-gap-3 justify-content-between flex-wrap">
                <div class="d-md-block d-none">
                    <div class="d-flex align-items-center tw-gap-6 flex-wrap">
                        <div class="d-flex align-items-center gap-2 flex-wrap">
                            <span class="tw-text-xl text-dark-600 fw-semibold">
                                <i class="ph-bold ph-headset"></i>
                            </span>
                            <span class="text-dark-600 fw-semibold tw-text-lg">24/7 Support</span>
                        </div>
                        <div class="d-flex align-items-center gap-2 flex-wrap">
                            <span class="tw-text-xl text-dark-600 fw-semibold">
                                <i class="ph-bold ph-envelope-simple"></i>
                            </span>
                            <span class="text-dark-600 fw-semibold">support@tracklet.com</span>
                        </div>
                    </div>
                </div>
                <div class="top-header-item d-flex align-items-center tw-gap-15 flex-wrap">
                    <div>
                        <ul class="d-flex align-items-center tw-gap-5 flex-wrap">
                            <li>
                                <a href="https://x.com" class="tw-text-xl text-dark-600">
                                    <i class="ph-fill ph-twitter-logo"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.facebook.com" class="tw-text-xl text-dark-600">
                                    <i class="ph-bold ph-facebook-logo"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/login" class="tw-text-xl text-dark-600">
                                    <i class="ph-bold ph-linkedin-logo"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.behance.net" class="tw-text-xl text-dark-600">
                                    <i class="ph-bold ph-behance-logo"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <select class="text-dark-600 bg-transparent border-0 fw-semibold text-4">
                            <option value="1">ENG</option>
                            <option value="1">SPA</option>
                            <option value="1">FRA</option>
                            <option value="1">CAN</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Header -->
    <header class="header bg-base-two-600 transition-all">
        <div class="container container-two">
            <nav class="d-flex align-items-center justify-content-between">
                <div class="logo">
                    <a href="index.html" class="link">
                        <img src="assets/images/logo/logo.png" alt="img" class="tw-h-10">
                    </a>
                </div>
                <div class="header-menu d-lg-block d-none">
                    <ul class="nav-menu d-lg-flex align-items-center tw-gap-6">
                        <li class="nav-menu__item">
                            <a href="index.html" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">HOME</a>
                        </li>
                        <li class="nav-menu__item">
                            <a href="tracking.php" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">TRACK PAYMENT</a>
                        </li>
                        <li class="nav-menu__item">
                            <a href="contact-us-other.html" class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white">CONTACT</a>
                        </li>
                    </ul>
                </div>
                <button class="btn d-lg-none text-white" type="button" data-bs-toggle="collapse" data-bs-target="#mobileMenu">
                    <i class="ph ph-list"></i>
                </button>
            </nav>
        </div>
    </header>

    <!-- Tracking Section -->
    <section class="tracking-section py-10" data-aos="fade-up" data-aos-duration="800">
        <div class="container">
            <div class="tracking-card" data-aos="zoom-in" data-aos-duration="1000">
                <h2 class="fw-normal text-dark-600 tw-mb-4 cursor-big text-center">Track Your Payment</h2>
                <p class="text-dark-500 tw-text-lg fw-normal text-center tw-mb-6">Enter your 10-digit Money Transfer Control Number (MTCN) to check the status of your transaction.</p>
                <div class="input-group mb-4">
                    <input type="text" id="mtcnInput" class="form-control tracking-input" placeholder="Enter 10-digit MTCN" maxlength="10" pattern="[0-9]{10}" required>
                    <button type="button" class="btn tracking-btn" onclick="trackPayment()">Track Now</button>
                </div>

                <div class="result-section" id="resultSection">
                    <?php
                    if (isset($_GET['mtcn'])) {
                        $mtcn = mysqli_real_escape_string($link, $_GET['mtcn']);
                        $query = "SELECT * FROM money_transfers WHERE mtcn = '$mtcn'";
                        $result = mysqli_query($link, $query);

                        if (mysqli_num_rows($result) > 0) {
                            $row = mysqli_fetch_assoc($result);
                            $amount = number_format($row['amount'], 2);
                            $currency = $row['currency'];
                            $receiver_name = htmlspecialchars($row['receiver_name']);
                            $status = htmlspecialchars($row['status']);
                            ?>
                            <div class="d-flex align-items-center justify-content-between mb-4">
                                <div class="d-flex align-items-center space-x-2">
                                    <span class="text-gray-600">💸</span>
                                    <h2 class="text-xl font-semibold text-gray-800">Sending <?php echo $amount; ?> <?php echo $currency; ?> to <?php echo $receiver_name; ?></h2>
                                </div>
                            </div>
                            <div class="status-badge <?php echo ($status == 'Paid Out') ? 'success' : ''; ?>"><?php echo $status; ?></div>
                            <div class="mt-6">
                                <h3 class="text-lg font-semibold text-gray-700 mb-4">Status Details</h3>
                                <div class="space-y-4">
                                    <?php
                                    $update_query = "SELECT id, track_num, status, date, time, note FROM track_update WHERE track_num = '$mtcn' ORDER BY created_at ASC";
                                    $update_result = mysqli_query($link, $update_query);
                                    $update_count = mysqli_num_rows($update_result);

                                    if ($update_count > 0) {
                                        $index = 0;
                                        while ($update = mysqli_fetch_assoc($update_result)) {
                                            $step_status = ($index == $update_count - 1) ? 'in-progress' : 'completed';
                                            $step_text = ($update['status'] == 'Paid Out') ? 
                                                "$amount $currency paid to $receiver_name" : 
                                                htmlspecialchars($update['status']);
                                            $date_time = date('M d, Y, h:i A', strtotime($update['date'] . ' ' . $update['time']));
                                            $note = htmlspecialchars($update['note'] ?: 'No note available');
                                            ?>
                                            <div class="timeline-step <?php echo $step_status; ?>">
                                                <p class="text-gray-600"><?php echo $step_text; ?></p>
                                                <p class="text-sm text-gray-500"><?php echo $date_time; ?></p>
                                                <p class="text-sm text-gray-500">Note: <?php echo $note; ?></p>
                                            </div>
                                            <?php
                                            $index++;
                                        }
                                    } else {
                                        echo '<p class="text-center text-gray-500">No status updates available for this transfer.</p>';
                                    }
                                    ?>
                                </div>
                            </div>
                            <div class="mt-6">
                                <h3 class="text-lg font-semibold text-gray-700 mb-4">Transfer Details</h3>
                                <p><strong>Sender:</strong> <?php echo htmlspecialchars($row['sender_name']); ?> (<?php echo htmlspecialchars($row['sender_contact']); ?>, <?php echo htmlspecialchars($row['sender_email']); ?>)</p>
                                <p><strong>Receiver:</strong> <?php echo $receiver_name; ?> (<?php echo htmlspecialchars($row['receiver_contact']); ?>, <?php echo htmlspecialchars($row['receiver_email']); ?>)</p>
                                <p><strong>Amount:</strong> <?php echo $amount; ?> <?php echo $currency; ?></p>
                                
                            </div>
                            <?php
                        } else {
                            echo '<p class="text-center text-danger">No transfer found with MTCN: ' . htmlspecialchars($mtcn) . '</p>';
                        }
                    }
                    ?>
                </div>

                <div class="mt-6 text-center">
                    <a href="contact-us-other.html" class="need-help">Need help?</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="tw-pt-250px bg-dark-600 z-1 overflow-hidden">
        <div class="container">
            <div class="tw-mb-80-px">
                <div class="row gy-5">
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="max-w-306" data-aos="fade-up" data-aos-duration="600">
                            <a href="index.html">
                                <img src="assets/images/logo/logo.png" alt="Image" class="tw-mb-6">
                            </a>
                            <p class="fw-normal tw-text-lg text-neutral-10 tw-mb-8">Tracklet provides the tools you need to monitor payments with ease. Join us today for seamless tracking.</p>
                            <ul class="d-flex align-items-center tw-gap-5">
                                <li>
                                    <a href="https://www.facebook.com">
                                        <img src="assets/images/icon/footer-facebook-logo.png" alt="Image">
                                    </a>
                                </li>
                                <li>
                                    <a href="https://medium.com">
                                        <img src="assets/images/icon/footer-medium-logo.png" alt="Image">
                                    </a>
                                </li>
                                <li>
                                    <a href="https://youtube.com">
                                        <img src="assets/images/icon/footer-youtube-logo.png" alt="Image">
                                    </a>
                                </li>
                                <li>
                                    <a href="https://x.com">
                                        <img src="assets/images/icon/footer-twitter-logo.png" alt="Image">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <div data-aos="fade-up" data-aos-duration="800">
                            <h4 class="text-white fw-normal tw-mb-10 cursor-big">Quick Links</h4>
                            <ul>
                                <li class="tw-mb-4">
                                    <a href="about-us-other.html" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">About Us</a>
                                </li>
                                <li class="tw-mb-4">
                                    <a href="tracking.php" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Track Payment</a>
                                </li>
                                <li class="tw-mb-4">
                                    <a href="faq-other.html" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">FAQs</a>
                                </li>
                                <li class="tw-mb-4">
                                    <a href="contact-us-other.html" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Contact Us</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <div data-aos="fade-up" data-aos-duration="1000">
                            <h4 class="text-white fw-normal tw-mb-10 cursor-big">Our Services</h4>
                            <ul>
                                <li class="tw-mb-4">
                                    <a href="tracking.php" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Payment Tracking</a>
                                </li>
                                <li class="tw-mb-4">
                                    <a href="javascript:void(0)" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Transaction History</a>
                                </li>
                                <li class="tw-mb-4">
                                    <a href="javascript:void(0)" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Real-Time Alerts</a>
                                </li>
                                <li class="tw-mb-4">
                                    <a href="javascript:void(0)" class="fw-normal tw-text-lg text-neutral-10 hover-text-main-600">Global Monitoring</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6">
                        <div class="max-w-306" data-aos="fade-up" data-aos-duration="1200">
                            <h4 class="text-white fw-normal tw-mb-10 cursor-big">Contact Us</h4>
                            <p class="fw-normal tw-text-lg text-neutral-10 tw-mb-705">3891 Ranchview Dr. Richardson, California 62639</p>
                            <h5 class="fw-bold text-neutral-10 tw-mb-3 cursor-big">(702) 555-0122</h5>
                            <span class="tw-text-lg fw-normal text-neutral-10">support@tracklet.com</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tw-mb-10 border-top-dark-500 tw-pt-6">
                <div class="d-flex align-items-center justify-content-between tw-gap-4 flex-wrap">
                    <p class="fw-semibold tw-text-lg text-white">Copyright © 2025 Tracklet</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <script src="assets/js/phosphor-icon.js"></script>
    <script src="assets/js/boostrap.bundle.min.js"></script>
    <script src="assets/js/gsap.min.js"></script>
    <script src="assets/js/SplitText.min.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/marquee-main.js"></script>
    <script src="assets/js/ScrollTrigger.min.js"></script>
    <script src="assets/js/ScrollSmoother.min.js"></script>
    <script src="assets/js/aos-animation.js"></script>
    <script src="assets/js/counter-up.main.js"></script>
    <script src="assets/js/custom-gsap.js"></script>
    <script src="assets/js/magific-popup.js"></script>
    <script src="assets/js/main.js"></script>
    <script>
        window.onload = function() {
            document.querySelector('.preloder').style.display = 'none';
            <?php if (isset($_GET['mtcn'])) { ?>
                document.getElementById('resultSection').classList.add('active');
            <?php } ?>
        };

        function trackPayment() {
            const mtcn = document.getElementById('mtcnInput').value;
            if (mtcn.length === 10 && /^\d+$/.test(mtcn)) {
                window.location.href = 'tracking.php?mtcn=' + encodeURIComponent(mtcn);
            } else {
                alert("Please enter a valid 10-digit MTCN.");
            }
        }
    </script>
</body>
</html>
Back to Directory=ceiIENDB`