<!doctype html>
<html>

<head>
  <base href="<?php echo site_url(); ?>">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>
<!-- CSS Links -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs5.min.css"/>
<link rel="stylesheet" href="https://cdn.quilljs.com/1.3.6/quill.snow.css">

<!-- Custom Admin Styles -->
<link href="/assets/admin/css/tom-select.bootstrap5.min.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/admin/iziToast.min.css">
<link rel="stylesheet" href="/assets/admin/css/fancyselect.css">
<link rel="stylesheet" href="/assets/admin/css/rwd-table.min.css">

<!-- JavaScript Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

  
  
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-size: 1rem;>
      line-height: 1.5;
    }

    input,
    textarea,
    button,
    select,
    a,
    div {
      -webkit-tap-highlight-color: transparent;
    }

    header {
      width: 100%;
    }

    .mobile-nav-close-btn {
      position: fixed;
      z-index: 5;
      top: 15px;
      right: 18px;
      cursor: pointer;
      -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
      transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    }

    .mobile-nav-close-btn div {
      width: 35px;
      height: 2px;
      margin-bottom: 8px;
      background-color: #000;
      -webkit-transition: -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
      transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
    }

    .mobile-nav-close-btn.active {
      right: 210px
      left: unset;
    }

    .mobile-nav-close-btn.active div {
      background-color: #fff;
      color: #fff;
    }


    .mobile-nav-close-btn.active .bar-top {
      -webkit-transform: translateY(10px) rotate(-135deg);
      -ms-transform: translateY(10px) rotate(-135deg);
      transform: translateY(10px) rotate(-135deg);
    }

    .mobile-nav-close-btn.active .bar-middle {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
    }

    .mobile-nav-close-btn.active .bar-bottom {
      -webkit-transform: translateY(-10px) rotate(-45deg);
      -ms-transform: translateY(-10px) rotate(-45deg);
      transform: translateY(-10px) rotate(-45deg);
    }

    .mobile-navbar {
      position: fixed;
      z-index: 4;
      top: 0px;
      left: -260px;
      width: 260px;
      opacity: 0;
      padding: 20px 0px;
      height: 100%;
      background-color: #fff;
      color: #000;
      -webkit-transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
      transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    }

    .mobile-navbar.active {
      left: 0px;
      opacity: 1;
    }
   }.mobile-nav-close-btn {
      position: fixed;
      z-index: 5;
      top: 15px;
      left: 18px;
      cursor: pointer;
      -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
      transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    }

    .mobile-nav-close-btn div {
      width: 35px;
      height: 2px;
      margin-bottom: 8px;
      background-color: #000;
      -webkit-transition: -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
      transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
    }

    .mobile-nav-close-btn.active {
      left: 210px;
    }

    .mobile-nav-close-btn.active div {
      background-color: #000;
      color: #000;
    }


    .mobile-nav-close-btn.active .bar-top {
      -webkit-transform: translateY(10px) rotate(-135deg);
      -ms-transform: translateY(10px) rotate(-135deg);
      transform: translateY(10px) rotate(-135deg);
    }

    .mobile-nav-close-btn.active .bar-middle {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
    }

    .mobile-nav-close-btn.active .bar-bottom {
      -webkit-transform: translateY(-10px) rotate(-45deg);
      -ms-transform: translateY(-10px) rotate(-45deg);
      transform: translateY(-10px) rotate(-45deg);
    }

    .mobile-navbar {
      position: fixed;
      z-index: 4;
      top: 0px;
      left: -260px;
      width: 260px;
      opacity: 0;
      padding: 20px 0px;
      height: 100%;
      background-color: #fff;
      color: #000;
      -webkit-transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
      transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    }

    .mobile-navbar.active {
      left: 0px;
      opacity: 1;
    }

    .mobile-navbar .logo-details {
      margin-left: 0.5rem;
      margin-top: -0.5rem;
    }

    .mobile-navbar .logo-details .logo_name {
      font-size: 1rem;
      font-weight: 600;
      font-family: Arial,
        Helvetica, sans-serif;
      background: linear-gradient(to right, #f32170, #ff6b08,
          #cf23cf, #eedd44);
      -webkit-text-fill-color: transparent;
      background-clip: text;
      -webkit-background-clip: text;
      color: #11101d;
      text-transform: uppercase;
      margin-left: 1rem;

    }

    .mobile-navbar .nav-list {

      margin-top: 1rem;
      height: 100%;
      padding: 1rem;
      overflow-y: scroll;
    }

    .mobile-navbar li {
      position: relative;
      list-style: none;
      margin-bottom: 0.3rem;
    }

    .mobile-navbar .search-nav-input {
      font-size: 15px;
      color: #FFF;
      font-weight: 400;
      outline: none;
      height: 50px;
      width: 100%;
      width: 50px;
      border: none;
      border-radius: 12px;
      transition: all 0.5s ease;
      background: #1d1b31;
    }
fff
    .mobile-navbar .search-nav-input {
      padding: 0 20px 0 50px;
      margin-bottom: 1rem;
      width: 100%;
    }

    .mobile-navbar .search-nav-input-icon {
      position: absolute;
      top: 50%;
      left: 10px;
      transform: translateY(-50%);
      font-size: 18px;
      background: #1d1b31;
      color: #FFF;
    }

    .mobile-navbar li:not(.search-box-li) {
      padding-left: 0.4rem;
      padding-right: 0.4rem;
      padding-top: 0.6rem;
      padding-bottom: 0.6rem;
      border: none;
      border-radius: 8px;
      transition: background-color 0.3s;
      cursor: pointer;
    }


    .mobile-navbar li a .arrow {
      float: right;
      margin-top: 6px;
      margin-right: 2px;
      transition: transform 0.2s;
    }

    .mobile-navbar li .content {
      display: none;
    }

    .mobile-navbar li .content a {
      padding-left: 1rem;
      padding-right: 0.2rem;
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
      margin-bottom: 0.2rem;
      border: none;
      border-radius: 8px;
      transition: background-color 0.3s;
      cursor: pointer;
    }

    .mobile-navbar li .content a:nth-child(1) {
      margin-top: 0.3rem;
    }



    .focus .ts-control {
      border: 1px solid #fff;
      border-radius: 4px;
      box-shadow: 0 0 0 .1rem rgb(13, 109, 253);
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
    }

    .ts-wrapper.multi .ts-control>div {
      margin: 0 2px 2px 0;
      padding: 0.5px 0 0.5px 2px;
      font-size: 12px;
      display: flex;
      min-width: 0px;
      background-color: rgb(230, 230, 230);
      border-radius: 2px;

    }

    .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
      border-left: 0;
      margin-left: 0;
      font-weight: 700;
      font-size: 15px;
    }

    .ts-dropdown,
    .ts-dropdown.form-control,
    .ts-dropdown.form-select {
      border: 0.5px solid rgba(0, 0, 0, .175);
      border-radius: 4px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, .175);
    }

    .ts-dropdown [data-selectable].option {
      padding: 7px 7px;
    }

    .ts-dropdown [data-selectable].option:hover {
      background-color: rgba(222, 234, 254);
      color: #000;
    }

    .ts-dropdown .active {
      background-color: #0d6efd;
      color: #fff;
    }

    .mobile-navbar li .content a.active {
      background-color: #11101d;
      color: #fff;
    }

    .spinner {
      pointer-events: none;
      -webkit-animation: rotate 1.5s linear infinite;
      animation: rotate 1.5s linear infinite;
      width: 3.2rem;
      height: 3.2rem;
      transition: opacity 0.3s linear 0.15s;
      margin-right: 10px;
    }

    .spinner.large {
      width: 2.5rem;
      height: 2.5rem;
    }

    .spinner.medium {

      width: 1.5rem;

      height: 1.5rem;
    }

    .spinner.small {
      width: 1rem;
      height: 1rem;
    }

    .spinner .path {
      stroke: #0d6efd;
      stroke-linecap: round;
      -webkit-animation: dash 1.5s ease-in-out infinite;
      animation: dash 1.5s ease-in-out infinite;
    }

    @-webkit-keyframes rotate {
      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes rotate {
      100% {
        transform: rotate(360deg);
      }
    }

    @-webkit-keyframes dash {
      0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
      }

      50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
      }

      100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
      }
    }

    @keyframes dash {
      0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
      }

      50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
      }

      100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
      }
    }

    .plugin-clear_button .clear-button {
      position: absolute;
      right: calc(2.5rem);
      top: 50%;
      transform: translateY(-50%);
      transition: opacity .5s;
      font-size: 20px !important;
      margin-right: 15px !important;
    }

    .ts-control::after {

      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 2.5em;
      height: 1.25em;
      width: 1px;
      background-color: #6b7177;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    .category-list-div {
      margin-bottom: 20px;
      height: 80vh;
      overflow-y: auto;
      width: 100%;
    }

    .category-sort-handle {
      margin-right: 10px;
      font-size: 25px;
      font-weight: bold;
      cursor: move;
      cursor: -webkit-grabbing;
    }

    .list-group {
      margin: 10px;
    }

    .blue-background-class {
      background-color: #0d6efd;
      opacity: 0.8;
      color: #fff;
    }

    .ts-wrapper:not(.multiple) .ts-control .item {

      text-overflow: ellipsis;
      white-space: nowrap;
      width: calc(100% - 3rem);
      overflow: hidden;
    }

    .custom-modal-footer {
      border-top: 1px solid #ced4da;
      width: calc(100% + 2rem);
      margin-left: -1rem;
      padding-top: 1rem;
      padding-left: 1rem;
    }

    @media (max-width : 992px) {
      .special_pricing_service_name {
        width: 300px;
        white-space: normal;
      }

      table thead tr th {

        font-size: 15px;

      }
    }

    .fa-stack {
      display: inline-block;
      height: 2em;
      line-height: 2em;
      position: relative;
      vertical-align: middle;
      width: 2.5em;
    }

    .actions-icon {
      width: 30px;
      height: 30px;
    }

    .btn-labeled {
      padding-top: 0;
      padding-bottom: 0;
    }

    .btn-label {
      position: relative;
      left: -12px;
      display: inline-block;
      padding: 6px 12px;
      background: rgba(0, 0, 0, 0.15);
      border-radius: 0.375rem 0 0 0.375rem;
    }

    .badge {
      padding: .25em .4em;
      font-size: 75%;
      font-weight: 700;
      border-radius: .25rem;
    }

    .badge-info {
      color: #fff;
      background-color: #17a2b8;
    }
    .page-content {
  
    margin-bottom: 50px;
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 1.5rem - 48px - 2em);
}
  
    .payment-card {
      display:inline-block;
      margin-top: 10px;
      margin-bottom: 10px;
      padding: 10px 5px;
      width: 310px;
      border-radius: 10px;
      /* border: 1px solid grey; */
      box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    @media only screen and (max-width: 768px) {
      .payment-card {
        display: block;
        width:100%;
      }
    }
    .payment-card .method-logo {
      text-align: center;
    }
    .payment-card .method_name {
      text-align: center;
      font-size: 20px;
    }

    .payment-card .vertical-line {
      width: 100%;
      height: 1px;
      background-color: grey;
      margin: 10px 0px;
    }
    .payment-card .method-status {
      margin-top: -2px;
      margin-left: 5px;
    }
    .payment-card .method_min_max {
      text-align: center;
      font-weight: bold;
    }
    .payment-card .method_min_max .min {
      color:green;
    }
    .payment-card .method_min_max .max {
      color:red;
    }
    .payment-card .green-circle {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: rgb(41, 191, 18);
      box-shadow: 2px 2px 2px rgba(41, 191, 18, 0.4);
      cursor: pointer;
    }
    .payment-card .red-circle {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: rgb(239, 35, 60);
      box-shadow: 2px 2px 2px rgba(239, 35, 60, 0.4);
      cursor: pointer;
    }
    .payment-card .actions {
      text-align: center;
    }
    .method-sort-handle {
      float:right;
      margin-top: -30px;
      margin-right: 5px;
      font-size: 25px;
    }
  </style>
</head>

<body>
  <header>
      <div class="mobile-nav-close-btn">
    <div class="bar-top"></div>
    <div class="bar-middle"></div>
    <div class="bar-bottom"></div>
</div>
<div class="mobile-navbar">
    <div class="logo-details">
</div>

    <ul class="nav-list">
        <li>
            <a class="nav-link" href="<?php echo site_url('admin'); ?>">
                <i class="bi bi-speedometer2 nav-li-href-logo"></i>
                <span class="links_name">Dashboard</span>
            </a>
        </li>

        <li class="dropdown <?php if (route(1) == 'clients' || route(1) == 'special-pricing' || route(1) == 'fund-add-history') { echo 'open-dropdown'; } ?>">
            <a class="nav-link" href="javascript:void(0)">
                <i class="bi bi-people nav-li-href-logo"></i>
                <span class="links_name">Users</span><i class="bi bi-chevron-right arrow"></i>
            </a>
            <div class="content">
                <a class="nav-link <?php if (route(1) == 'clients') { echo 'active'; } ?>" href="<?php echo site_url('admin/clients'); ?>">
                    <i class="bi bi-person-lines-fill nav-li-href-logo"></i> Manage Users
                </a>
                <a class="nav-link <?php if (route(1) == 'fund-add-history') { echo 'active'; } ?>" href="<?php echo site_url('admin/fund-add-history'); ?>">
                    <i class="bi bi-cash-coin nav-li-href-logo"></i>
                    <span class="links_name">Fund Add History</span>
                </a>
                <a class="nav-link <?php if (route(1) == 'special-pricing') { echo 'active'; } ?>" href="<?php echo site_url('admin/special-pricing'); ?>">
                    <i class="bi bi-tag nav-li-href-logo"></i> Special Pricing
                </a>
            </div>
        </li>

        <li class="dropdown <?php if (route(1) == 'services' || route(1) == 'update-prices' || route(1) == 'bulk' || route(1) == 'synced-logs' || route(1) == 'category-sort') { echo 'open-dropdown'; } ?>">
            <a class="nav-link" href="javascript:void(0)">
                <i class="bi bi-gear-wide nav-li-href-logo"></i>
                <span class="links_name">Services</span><i class="bi bi-chevron-right arrow"></i>
            </a>
            <div class="content">
                <a class="nav-link <?php if (route(1) == 'services') { echo 'active'; } ?>" href="<?php echo site_url('admin/services'); ?>">
                    <i class="bi bi-tools nav-li-href-logo"></i> Manage Services
                </a>
                <a class="nav-link <?php if (route(1) == 'category-sort') { echo 'active'; } ?>" href="<?php echo site_url('admin/category-sort'); ?>">
                    <i class="bi bi-sort-alpha-down nav-li-href-logo"></i> Category Sort
                </a>
                <a class="nav-link <?php if (route(1) == 'update-prices') { echo 'active'; } ?>" href="<?php echo site_url('admin/update-prices'); ?>">
                    <i class="bi bi-currency-exchange nav-li-href-logo"></i> Update Prices
                </a>
                <a class="nav-link <?php if (route(1) == 'bulk') { echo 'active'; } ?>" href="<?php echo site_url('admin/bulk'); ?>">
                    <i class="bi bi-box-seam nav-li-href-logo"></i> Bulk Services Editor
                </a>
                <a class="nav-link <?php if (route(1) == 'synced_logs') { echo 'active'; } ?>" href="<?php echo site_url('admin/synced_logs'); ?>">
                    <i class="bi bi-journal-text nav-li-href-logo"></i> Seller Sync Logs
                </a>
            </div>
        </li>

        <li class="dropdown">
            <a class="nav-link" href="javascript:void(0)">
                <i class="bi bi-basket nav-li-href-logo"></i>
                <span class="links_name">Orders</span><i class="bi bi-chevron-right arrow"></i>
            </a>
            <div class="content">
                <a class="nav-link" href="<?php echo site_url('admin/orders'); ?>">
                    <i class="bi bi-card-checklist nav-li-href-logo"></i> Manage Orders
                </a>
                <a style="font-size:14px;" class="nav-link" href="<?php echo site_url('admin/tasks'); ?>">
                    <i class="bi bi-arrow-counterclockwise nav-li-href-logo"></i> Cancel and Refill Tasks
                </a>
            </div>
        </li>

        <li>
            <a class="nav-link" href="<?php echo site_url('admin/tickets'); ?>">
                <i class="bi bi-headset nav-li-href-logo"></i>
                <span class="links_name">Support</span>
            </a>
        </li>

        <li class="dropdown">
            <a class="nav-link" href="javascript:void(0)">
                <i class="bi bi-box nav-li-href-logo"></i>
                <span class="links_name">Additionals</span><i class="bi bi-chevron-right arrow"></i>
            </a>
            <div class="content">
                <a class="nav-link" href="<?php echo site_url('admin/referrals'); ?>">
                    <i class="bi bi-people-fill nav-li-href-logo"></i> Affiliates
                </a>
                <a class="nav-link" href="<?php echo site_url('admin/broadcasts'); ?>">
                    <i class="bi bi-broadcast nav-li-href-logo"></i> Broadcasts
                </a>
                <a class="nav-link" href="<?php echo site_url('admin/logs'); ?>">
                    <i class="bi bi-clipboard-data nav-li-href-logo"></i> System Logs
                </a>
                <a class="nav-link" href="<?php echo site_url('admin/reports'); ?>">
                    <i class="bi bi-graph-up nav-li-href-logo"></i> Statistics
                </a>
                <a class="nav-link" href="<?php echo site_url('admin/kuponlar'); ?>">
                    <i class="bi bi-ticket-detailed nav-li-href-logo"></i> Vouchers
                </a>
                <a class="nav-link" href="<?php echo site_url('admin/child-panels'); ?>">
                    <i class="bi bi-ui-checks-grid nav-li-href-logo"></i> Child Panels
                </a>
                <a style="font-size:14px;" class="nav-link" href="<?php echo site_url('admin/payments/bank'); ?>">
                    <i class="bi bi-bank nav-li-href-logo"></i> Payment Notifications
                </a>
            </div>
        </li>

        <li>
            <a class="nav-link" href="<?php echo site_url('admin/appearance'); ?>">
                <i class="bi bi-brush nav-li-href-logo"></i>
                <span class="links_name"> Appearance</span>
            </a>
        </li>
<li class="dropdown <?php if (route(1) == 'settings') { echo 'open-dropdown'; } ?>">
    <a class="nav-link" href="javascript:void(0)">
        <i class="bi bi-sliders nav-li-href-logo"></i>
        <span class="links_name">Settings</span><i class="bi bi-chevron-right arrow"></i>
    </a>
    <div class="content">
        <a class="nav-link" href="<?php echo site_url('admin/settings/general'); ?>">
            <i class="bi bi-gear-fill nav-li-href-logo"></i> General
        </a>
        
        <a class="nav-link" href="<?php echo site_url("admin/settings/providers"); ?>">
            <i class="bi bi-person-fill nav-li-href-logo"></i> Sellers
        </a>
        
        <a class="nav-link <?php if(route(2) == "paymentMethods"){echo "active";}?>" href="<?php echo site_url("admin/settings/paymentMethods"); ?>">
            <i class="bi bi-credit-card nav-li-href-logo"></i> Payment Methods
        </a>

        <a class="nav-link" href="<?php echo site_url("admin/settings/modules"); ?>">
            <i class="bi bi-box nav-li-href-logo"></i> Modules
        </a>

        <a class="nav-link" href="<?php echo site_url("admin/settings/subject"); ?>">
            <i class="bi bi-headset nav-li-href-logo"></i> Support
        </a>

        <a class="nav-link" href="<?php echo site_url("admin/settings/currency-manager"); ?>">
            <i class="bi bi-currency-exchange nav-li-href-logo"></i> Site Currency Manager
        </a>

        <a style="font-size:14px;" class="nav-link" href="<?php echo site_url("admin/settings/alert"); ?>">
            <i class="bi bi-bell nav-li-href-logo"></i> Notifications
        </a>

        <a class="nav-link" href="<?php echo site_url("admin/settings/site_count"); ?>">
            <i class="bi bi-file-earmark-x nav-li-href-logo"></i> Fake orders
        </a>
    </div>
</li>

<li>
    <a class="nav-link" href="<?php echo site_url("admin/manager"); ?>">
        <i class="bi bi-person-lines-fill nav-li-href-logo"></i> Manager
    </a>
</li>

<li>
    <a class="nav-link" href="<?php echo site_url("admin/account"); ?>">
        <i class="bi bi-shield-lock nav-li-href-logo"></i> Admin Account
    </a>
</li>

<li>
    <a class="nav-link" href="<?php echo site_url("admin/logout"); ?>">
        <i class="bi bi-box-arrow-right nav-li-href-logo"></i> Logout
    </a>
</li>

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