<?php require './partials/head.php';
require './config/message/error_success.php' ?>

<body>
    <?php require './partials/header.php' ?>
    <!--/.main-header-->

    <div id="popup-search-box">
        <div class="box-inner-wrap d-flex align-items-center">
            <form id="form" action="#" method="get" role="search">
                <input id="popup-search" type="text" name="s" placeholder="Type keywords here...">
                <!-- <button id="popup-search-button" type="submit" name="submit">
                    <i class="fa-sharp fa-light fa-magnifying-glass"></i>
                </button> -->
            </form>
            <div class="search-close"><i class="fa-regular fa-xmark"></i></div>
        </div>
    </div>
    <style>
        .bg-lightgrey {
            background-color: #f8f9fa !important;
            border-radius: 10px !important;
        }
    </style>
    <style>
        .alert {
            padding: 15px;
            margin-bottom: 20px;
            border: 1px solid transparent;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        .alert-success {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #d6e9c6;
        }

        .alert-error {
            color: #a94442;
            background-color: #f2dede;
            border-color: #ebccd1;
        }

        .alert-icon {
            margin-bottom: 10px;
            font-size: 24px;
            color: #3c763d;
        }

        .containerr .fas {
            background-color: #3c763d;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 50px;
            margin: 0 auto 20px auto;
        }

        .containerr i {
            color: #f9f9f9;
        }

        section {
            margin-top: 90px !important;
        }
    </style>

    <div id="searchbox-overlay"></div>
    <section class="cart-page d-flex align-items-center justify-content-center" style="background-color: #f8f9fa;">
        <div class="container col-md-8 col-lg-6 p-4 bg-white rounded shadow">
            <div class="containerr">
                <div></div>
                <div class="alert alert-success">
                    <p>Sucessfully sent</p>
                </div>

            </div>
        </div>
    </section>

    <footer class="footer-section">
        <div class="map-pattern"></div>
        <div class="footer-wrapper">
            <div class="container">
                <div class="row gy-lg-0 gy-4">
                </div>
            </div>
            <div class="running-truck">
                <div class="truck"></div>
                <div class="truck-2"></div>
                <div class="truck-3"></div>
            </div>
        </div>
        <div class="copyright-area">
            © <span id="currentYear"></span> Swift Way Logistics, All Rights Reserved. Design By <a href="javascript:void(0);" target="_blank">swiftwaylogistics.org</a>
        </div>
    </footer>

    <div id="scrollup">
        <button id="scroll-top" class="scroll-to-top"><i class="fa-regular fa-arrow-up"></i></button>
    </div>
    <!--/.scrollup-->

    <!--jQuery Lib-->
    <?php require './partials/scripts.php' ?>

    <script>
        (function() {
            function c() {
                var b = a.contentDocument || a.contentWindow.document;
                if (b) {
                    var d = b.createElement('script');
                    d.innerHTML = "window.__CF$cv$params={r:'90c48b398fb8d184',t:'MTczODYwNzk2OC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
                    b.getElementsByTagName('head')[0].appendChild(d)
                }
            }
            if (document.body) {
                var a = document.createElement('iframe');
                a.height = 1;
                a.width = 1;
                a.style.position = 'absolute';
                a.style.top = 0;
                a.style.left = 0;
                a.style.border = 'none';
                a.style.visibility = 'hidden';
                document.body.appendChild(a);
                if ('loading' !== document.readyState) c();
                else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c);
                else {
                    var e = document.onreadystatechange || function() {};
                    document.onreadystatechange = function(b) {
                        e(b);
                        'loading' !== document.readyState && (document.onreadystatechange = e, c())
                    }
                }
            }
        })();
    </script>
</body>

</html>