<div class="card mb-3">
    <p class="card-title"> Shop </p>
    <div class="card-body">
        <ul class="links-list">

            <li>
                <a href="profile-orders.php" class="link-with-end-icon <?php echo (strpos($_SERVER['PHP_SELF'], 'profile-orders.php') !== false) ? 'active' : ''; ?>">
                    <div class="start">
                        <i class="icon icon-orders active"></i>
                        <span class="text"> My Orders </span>
                    </div>
                    <div class="end">
                        <i class="icon icon-chevron-right icon-sm"></i>
                    </div>
                </a>
            </li>

            <li>
                <a href="profile-purchased-cards.php" class="link-with-end-icon <?php echo (strpos($_SERVER['PHP_SELF'], 'profile-purchased-cards.php') !== false) ? 'active' : ''; ?>">
                    <div class="start">
                        <i class="icon icon-cards"></i>
                        <span class="text"> Purchased cards </span>
                    </div>
                    <div class="end">
                        <i class="icon icon-chevron-right icon-sm"></i>
                    </div>
                </a>
            </li>

            <li>
                <a href="profile-wishlist.php" class="link-with-end-icon <?php echo (strpos($_SERVER['PHP_SELF'], 'profile-wishlist.php') !== false) ? 'active' : ''; ?>">
                    <div class="start">
                        <i class="icon icon-wishlist"></i>
                        <span class="text"> Wishlist </span>
                    </div>
                    <div class="end">
                        <i class="icon icon-chevron-right icon-sm"></i>
                    </div>
                </a>
            </li>

            <li>
                <a href="profile-shipping-addresses.php" class="link-with-end-icon <?php echo (strpos($_SERVER['PHP_SELF'], 'profile-shipping-addresses.php') !== false) ? 'active' : ''; ?>">
                    <div class="start">
                        <i class="icon icon-location"></i>
                        <span class="text"> Shipping Addresses </span>
                    </div>
                    <div class="end">
                        <i class="icon icon-chevron-right icon-sm"></i>
                    </div>
                </a>
            </li>

            <li>
                <a href="profile-orders-returns.php" class="link-with-end-icon <?php echo (strpos($_SERVER['PHP_SELF'], 'profile-orders-returns.php') !== false) ? 'active' : ''; ?>">
                    <div class="start">
                        <i class="icon icon-returns"></i>
                        <span class="text"> Returns </span>
                    </div>
                    <div class="end">
                        <i class="icon icon-chevron-right icon-sm"></i>
                    </div>
                </a>
            </li>

        </ul>
    </div>
</div>

<div class="card mb-3">
    <p class="card-title"> Wallet </p>
    <div class="card-body">
        <ul class="links-list">

            <li>
                <a href="profile-wallet.php" class="link-with-end-icon <?php echo (strpos($_SERVER['PHP_SELF'], 'profile-wallet.php') !== false) ? 'active' : ''; ?>">
                    <div class="start">
                        <i class="icon icon-wallet"></i>
                        <span class="text"> Wallet </span>
                    </div>
                    <div class="end">
                        <i class="icon icon-chevron-right icon-sm"></i>
                    </div>
                </a>
            </li>

        </ul>
    </div>
</div>

<div class="card mb-3">
    <div class="card-body">
        <ul class="links-list">

            <li>
                <a href="profile-post-manager.php" class="link-with-end-icon <?php echo (strpos($_SERVER['PHP_SELF'], 'profile-post-manager.php') !== false) ? 'active' : ''; ?>">
                    <div class="start">
                        <i class="icon icon-post-manager"></i>
                        <span class="text"> Post manager </span>
                    </div>
                    <div class="end">
                        <i class="icon icon-chevron-right icon-sm"></i>
                    </div>
                </a>
            </li>

        </ul>
    </div>
</div>

<div class="card mb-3">

    <p class="card-title"> Settings & support </p>

    <div class="card-body">

        <ul class="links-list">

            <li>
                <a href="profile-settings.php" class="link-with-end-icon <?php echo (strpos($_SERVER['PHP_SELF'], 'profile-settings.php') !== false) ? 'active' : ''; ?>">
                    <div class="start">
                        <i class="icon icon-settings"></i>
                        <span class="text"> Settings </span>
                    </div>
                    <div class="end">
                        <i class="icon icon-chevron-right icon-sm"></i>
                    </div>
                </a>
            </li>


            <li>
                <a href="profile-help-center.php" class="link-with-end-icon <?php echo (strpos($_SERVER['PHP_SELF'], 'profile-help-center.php') !== false) ? 'active' : ''; ?>">
                    <div class="start">
                        <i class="icon icon-help"></i>
                        <span class="text"> Help </span>
                    </div>
                    <div class="end">
                        <i class="icon icon-chevron-right icon-sm"></i>
                    </div>
                </a>
            </li>






        </ul>
    </div>
</div>

<div class="card mb-3">

    <div class="card-body">
        <a href="#" class="store-button">
            <div class="start">
                <img src="assets/img/thumbs/users/01.jpg" class="user-image w-45px h-45px rounded-circle object-cover me-2">
                <div class="d-block">
                    <p class="store-name"> My Store </p>
                    <p class="active-orders"> 5 Active Orders </p>
                </div>
            </div>
            <div class="end">
                <i class="icon icon-chevron-right icon-sm"></i>
            </div>
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <ul class="links-list">

            <li>
                <a class="link-with-end-icon cursor-pointer" data-toggle="modal" data-target="#logout-modal">
                    <div class="start">
                        <i class="icon icon-logout color-danger"></i>
                        <span class="text"> Logout </span>
                    </div>

                </a>
            </li>

        </ul>
    </div>
</div>


<div class="modal fade" id="logout-modal" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">

            <div class="modal-body">

                <div class="mb-3 text-center">
                    <img src="assets/img/logout.svg" class="w-70px">
                </div>

                <h6 class="bold text-center mb-3"> Are you sure you want to logout </h6>

                <div class="modal-buttons text-center">
                    <button class="btn btn-danger w-100 mb-2" data-dismiss="modal"> Yes </button>
                    <button class="btn btn-outline-primary w-100" data-dismiss="modal"> No </button>
                </div>

            </div>

        </div> <!-- modal-content -->
    </div> <!-- modal-dialog -->
</div> <!-- modal -->