<!-- meta tags and other links -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="title" Content="ATA - Dashboard">
    <meta name="description" content="Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit">
    <meta name="keywords" content="admin,blog,aaaa,ddd,aaa">
    <link rel="shortcut icon" href="http://localhost/forum/assets/images/logoIcon/favicon.png" type="image/x-icon">

    <link rel="apple-touch-icon" href="http://localhost/forum/assets/images/logoIcon/logo.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="ATA - Dashboard">

    <meta itemprop="name" content="ATA - Dashboard">
    <meta itemprop="description" content="">
    <meta itemprop="image" content="http://localhost/forum/assets/images/seo/67d858387e26d1742231608.png">

    <meta property="og:type" content="website">
    <meta property="og:title" content="Honda Forum">
    <meta property="og:description" content="Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit ff">
    <meta property="og:image" content="http://localhost/forum/assets/images/seo/67d858387e26d1742231608.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="600" />
    <meta property="og:image:height" content="315" />
    <meta property="og:url" content="http://localhost/forum/user/dashboard">

    <meta name="twitter:card" content="summary_large_image">


    <title>ATA - Dashboard</title>
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
    <!-- bootstrap 5  -->
    <link rel="stylesheet" href="http://localhost/forum/assets/templates/basic/css/lib/bootstrap.min.css">
    <!-- fontawesome 5  -->
    <link rel="stylesheet" href="http://localhost/forum/assets/templates/basic/css/all.min.css">
    <!-- lineawesome font -->
    <link rel="stylesheet" href="http://localhost/forum/assets/templates/basic/css/line-awesome.min.css">
    <!-- main css -->
    <link rel="stylesheet" href="http://localhost/forum/assets/templates/basic/css/main.css">

    <link rel="stylesheet" href="http://localhost/forum/assets/templates/basic/css/color.php?color=c60000&amp;secondColor=2A3042">

    <style>
    .customCaptcha div {
      width: 100% !important;
    }

    .customCaptcha span {
      color: white !important;
    }
  </style>
  <style>
    .country-code .input-group-prepend .input-group-text {
      background: #fff !important;
    }

    .country-code select {
      border: none;
    }

    .country-code select:focus {
      border: none;
      outline: none;
    }

    .hover-input-popup {
      position: relative;
    }

    .hover-input-popup:hover .input-popup {
      opacity: 1;
      visibility: visible;
    }

    .input-popup {
      position: absolute;
      bottom: 130%;
      left: 50%;
      width: 280px;
      background-color: #1a1a1a;
      color: #fff;
      padding: 20px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .input-popup::after {
      position: absolute;
      content: '';
      bottom: -19px;
      left: 50%;
      margin-left: -5px;
      border-width: 10px 10px 10px 10px;
      border-style: solid;
      border-color: transparent transparent #1a1a1a transparent;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    .input-popup p {
      padding-left: 20px;
      position: relative;
    }

    .input-popup p::before {
      position: absolute;
      content: '';
      font-family: 'Line Awesome Free';
      font-weight: 900;
      left: 0;
      top: 4px;
      line-height: 1;
      font-size: 18px;
    }

    .input-popup p.error {
      text-decoration: line-through;
    }

    .input-popup p.error::before {
      content: "\f057";
      color: #ea5455;
    }

    .input-popup p.success::before {
      content: "\f058";
      color: #28c76f;
    }

    .mobile-code {
      height: 100% !important;
    }
  </style>


</head>

<body>


    <!-- scroll-to-top start -->
    <div class="scroll-to-top">
        <span class="scroll-icon">
            <i class="las la-arrow-up"></i>
        </span>
    </div>
    <!-- scroll-to-top end -->

    <div class="preloader-holder">
        <div class="preloader">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>

    <!-- header-section start  -->
    <header class="header">
        <div class="header__bottom px-xl-5">
            <div class="container-fluid">
                <nav class="navbar navbar-expand-xl p-0 align-items-center">
                    <a class="site-logo site-title" href="http://localhost/forum">
                        <img src="http://localhost/forum/assets/images/logoIcon/logo.png" alt="logo">
                    </a>
                    <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="menu-toggle"></span>
                    </button>
                    <button class="header-search-open-btn">
                        <i class="las la-search"></i>
                    </button>
                    <form class="header-search-form header-search-form-mobile" action="http://localhost/forum/search">
                        <input type="text" name="title" placeholder="Search Post Title..." class="header-search-form__input text-white">
                        <button
                            type="submit" class="header-search-form__btn"><i class="las la-search"></i></button>
                    </form>
                    <div class="collapse navbar-collapse mt-lg-0 mt-3" id="navbarSupportedContent">
                        <div class="header-search-area ms-auto">
                            <form class="header-search-form" action="http://localhost/forum/search">
                                <input type="text" name="title" placeholder="Search Post Title..." class="header-search-form__input text-white">
                                <button type="submit" class="header-search-form__btn"><i class="las la-search"></i></button>
                            </form>
                        </div>

                        <ul class="navbar-nav main-menu ms-auto">
                            <li><a href="http://localhost/forum">Home</a></li>
                            <li><a href="../dashboard/index.php">Dashboard</a></li>
                            <li><a href="../topic/topic.php">Topics</a></li>
                            <li><a href="http://localhost/forum/ticket/new">Support</a></li>
                        </ul>
                                                <div class="nav-right">
                            <a href="../register/function_logout.php" class="btn btn-md btn--gradient d-flex align-items-center"><i class="las la-user fs--18px me-2"></i>Logout</a>
                        </div>
                                            </div>
                </nav>
            </div>
        </div><!-- header__bottom end -->
    </header>
<div class="main-wrapper">
    <div class="pt-100 pb-100 section--bg">
        <div class="container">
            <div class="row justify-content-center">

                
<div class="col-xl-3 col-lg-6 col-md-8 pe-xl-4">
    <div class="user-sidebar">
        <div class="user-widget">
            <div class="thumb">
                <img src="http://localhost/forum/placeholder-image/350x300" alt="image" class="w-100">
            </div>
            <h5 class="name text-white mt-4">       
                 Mrinmoy deb</h5>
            <ul class="user-info-list text-white mt-3">
                <li>
                    <i class="las la-map-marked-alt"></i>
                    <p>IN</p>
                </li>
                <li>
                    <i class="las la-envelope"></i>
                    <p>mrinmoy@ataanalytiqpvt.com</p>
                </li>
                <li>
                    <i class="las la-phone"></i>
                    <p>8584235603</p>
                </li>
            </ul>
        </div>
        <div class="user-menu-widget" id="navLink">
            <ul class="user-menu">
                <li>
                    <a href="http://localhost/forum/user/dashboard"><i class="las la-layer-group"></i> <span>Dashboard</span></a>
                </li>
                <li>
                    <a href="http://localhost/forum/user/create/topic"><i class="las la-plus"></i> <span>Create Topic</span></a>
                </li>
                <li>
                    <a href="http://localhost/forum/user/profile-setting"><i class="las la-user"></i> <span>Profile</span></a>
                </li>
                <li>
                    <a href="http://localhost/forum/user/twofactor"><i class="las la-cog"></i> <span>2FA Security</span></a>
                </li>
                <li>
                    <a href="http://localhost/forum/user/change-password"><i class="las la-key"></i> <span>Change Password</span></a>
                </li>
                <li>
                    <a href="http://localhost/forum/logout"><i class="las la-sign-out-alt"></i> <span>Logout</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
                <div class="col-xl-9 mt-xl-0 mt-5">
                    
                    <div class="row gy-4">
                        <div class="col-lg-6 col-sm-6">
                            <div class="d-widget">
                                <a href="http://localhost/forum/user/topics" class="d-widget__btn" data-bs-toggle="tooltip" data-bs-placement="top" title="View All"><i class="las la-arrow-right"></i></a>
                                <div class="d-widget__icon">
                                    <i class="las la-blog"></i>
                                </div>
                                <div class="d-widget__content">
                                    <h3 class="amount">2</h3>
                                    <p class="caption">Total Post</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6">
                            <div class="d-widget">
                                <a href="http://localhost/forum/ticket" class="d-widget__btn" data-bs-toggle="tooltip" data-bs-placement="top" title="View All"><i class="las la-arrow-right"></i></a>
                                <div class="d-widget__icon">
                                    <i class="las la-ticket-alt"></i>
                                </div>
                                <div class="d-widget__content">
                                    <h3 class="amount">0</h3>
                                    <p class="caption">Total Ticket</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="custom--card mt-5">
                        <div class="card-header">
                            <h6>My Latest Topics</h6>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive--md">
                                <table class="table custom--table">
                                    <thead>
                                        <tr>
                                            <th>Topic Title</th>
                                            <th>Date</th>
                                            <th>Up Vote</th>
                                            <th>Down Vote</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                                                                                                                    <tr>
                                                    <td>Its a lovely day  gadgadgadf sdfgsdfgsdfg</td>
                                                    <td>18 Apr 2025</td>
                                                    <td>0</td>
                                                    <td>0</td>
                                                    <td>
                                                                                                                    <span class="badge bg--success">Approved</span>
                                                                                                            </td>

                                                    <td>
                                                        <a href="../topic/update.php?id=6" class="btn btn-sm btn--primary"><i class="las la-pen"></i></a>
                                                        <button type="button" data-id="6" class="btn btn-sm btn--danger deleteBtn" data-bs-toggle="modal" data-bs-target="#deleteModal">
                                                            <i class="las la-trash-alt"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                                                                            <tr>
                                                    <td>new post edit</td>
                                                    <td>21 Apr 2025</td>
                                                    <td>0</td>
                                                    <td>0</td>
                                                    <td>
                                                                                                                    <span class="badge bg--success">Approved</span>
                                                                                                            </td>

                                                    <td>
                                                        <a href="../topic/update.php?id=9" class="btn btn-sm btn--primary"><i class="las la-pen"></i></a>
                                                        <button type="button" data-id="9" class="btn btn-sm btn--danger deleteBtn" data-bs-toggle="modal" data-bs-target="#deleteModal">
                                                            <i class="las la-trash-alt"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                                                                                                        </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

               
                    <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="deleteModalLabel">Confirmation!</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <form action="" method="post">
                                    <div class="modal-body">
                                        <input type="hidden" name="id" id="deleteId">
                                        <p>Are you sure to delete this post?</p>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-md bg--danger text-white" data-bs-dismiss="modal">Close</button>
                                        <input type="submit" class="btn btn-md bg-primary" value="Confirm">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</div>

<script>
    document.querySelectorAll('.deleteBtn').forEach(btn => {
        btn.addEventListener('click', () => {
            document.getElementById('deleteId').value = btn.getAttribute('data-id');
        });
    });
</script>

<footer class="footer-section">
    <div class="container-fluid px-xxl-5">
        <div class="row gy-3 align-items-center">
            <div class="col-lg-5 col-md-6 col-sm-12 order-lg-1 order-2 text-md-start text-center">
                <p>Copyright © 2025 Honda Forum. All Right Reserved</p>
            </div>
            <div class="col-lg-2 order-lg-2 order-1 text-center">
                <a href="http://localhost/forum" class="footer-logo"><img src="http://localhost/forum/assets/images/logoIcon/logo.png" alt="logo image"></a>
            </div>

            <div class="col-lg-5 col-md-6 col-sm-12 order-lg-3 order-3">

                <ul class="footer-inline-menu d-flex flex-wrap align-items-center justify-content-md-end justify-content-center">
                    <li>
                        <a href="http://localhost/forum/policy-pages/conditions/58" target="_blank">
                            Conditions
                        </a>
                    </li>
                    <li>
                        <a href="http://localhost/forum/policy-pages/terms/57" target="_blank">
                            Terms
                        </a>
                    </li>
                    <li>
                        <a href="http://localhost/forum/policy-pages/policy/56" target="_blank">
                            Policy
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<!-- footer section end -->
<script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="<br />
<b>Warning</b>:  Undefined variable $URL in <b>C:\xampp\htdocs\forum_php\user\layouts\footer.php</b> on line <b>37</b><br />
/assets/js/toastify.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/toastify-js"></script>

<!-- jQuery library -->
<script src="http://localhost/forum/assets/templates/basic/js/lib/jquery-3.6.0.min.js"></script>
<!-- bootstrap js -->
<script src="http://localhost/forum/assets/templates/basic/js/lib/bootstrap.bundle.min.js"></script>


<!-- main js -->
<script src="http://localhost/forum/assets/templates/basic/js/app.js"></script>
<script src="http://localhost/forum/assets/global/js/secure_password.js"></script>
<script src="http://localhost/forum/assets/common/custom.js"></script>
<script>
  (function($) {
    "use strict";

    // Update mobile code and country code when the country is changed
    $('select[name=country_code]').change(function() {
      // Get the selected country's mobile code and country code
      var mobileCode = $('select[name=country_code] :selected').data('mobile_code');
      var countryCode = $('select[name=country_code] :selected').data('code');
      
      // Update the mobile code text and hidden inputs
      $('.mobile-code').text('+' + mobileCode);
      $('input[name=mobile_code]').val(mobileCode);
      $('input[name=country_code]').val(countryCode);
    });

    // Initial update on page load (set based on the currently selected country)
    $(document).ready(function() {
      var selectedOption = $('select[name=country_code] :selected');
      var mobileCode = selectedOption.data('mobile_code');
      var countryCode = selectedOption.data('code');

      // Set the initial values for the mobile code and hidden inputs
      $('.mobile-code').text('+' + mobileCode);
      $('input[name=mobile_code]').val(mobileCode);
      $('input[name=country_code]').val(countryCode);
    });

    // Password input validation
    $('input[name=password]').on('input', function() {
      secure_password($(this));
    });

    // User input checks (mobile, email, username)
    $('.checkUser').on('focusout', function(e) {
      var url = 'http://localhost/forum/check-mail';
      var value = $(this).val();
      var token = 'xOUNV5zVwUiO8PHAFqDFWxNaDIhAWFQ281GrWtAf';
      var data = {};

      if ($(this).attr('name') == 'mobile') {
        var mobile = $('.mobile-code').text().substr(1) + value;
        data = { mobile: mobile, _token: token };
      }
      if ($(this).attr('name') == 'email') {
        data = { email: value, _token: token };
      }
      if ($(this).attr('name') == 'username') {
        data = { username: value, _token: token };
      }

      $.post(url, data, function(response) {
        if (response['data'] && response['type'] == 'email') {
          $('#existModalCenter').modal('show');
        } else if (response['data'] != null) {
          $(`.${response['type']}Exist`).text(`${response['type']} already exist`);
        } else {
          $(`.${response['type']}Exist`).text('');
        }
      });
    });

  })(jQuery);
</script>

<script>
  $(document).ready(function() {
    $(".js-example-tokenizer").select2({
      tags: true,
      tokenSeparators: [',', ' ']
    });
  });
</script>

<script>
    (function($) {
        "use strict";

        $('.deleteBtn').on('click', function() {
            var deleteId = $('#deleteId');
            deleteId.val($(this).data('id'));
        });

    })(jQuery);
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=------"></script>
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }
    gtag("js", new Date());

    gtag("config", "------");
</script>
<link rel="stylesheet" href="http://localhost/forum/assets/global/css/iziToast.min.css">
<script src="http://localhost/forum/assets/global/js/iziToast.min.js"></script>

<script>
    "use strict";

    function notify(status, message) {
        iziToast[status]({
            message: message,
            position: "topRight"
        });
    }
</script>
<script>
    (function($) {
      "use strict";

      $(".langSel").on("change", function() {
        window.location.href = "http://localhost/forum/change/" + $(this).val();
      });

    })(jQuery);
  </script>
<script>
    (function($) {
        "use strict";

        $(".langSel").on("change", function() {
            window.location.href = "http://localhost/forum/change/" + $(this).val();
        });

        let navLink = $('#navLink ul a');
        let currentRoute = 'http://localhost/forum/user/dashboard'

        $.each(navLink, function(index, value) {
            if (value.href == currentRoute) {
                let li = value.closest('li');
                $(li).addClass('active');
            }
        });


    })(jQuery);
</script></body>
</html>
