<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="description" content="Kapstonee" />
    <meta name="keywords" content="Kapstonee" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Title -->
    <title>@yield('title', 'IQPRO')</title>

    <!-- Favicon -->
    <link rel="shortcut icon" href="{{ asset('assets/images/favicon.ico') }}" />

    <!-- Slider -->
    <link rel="stylesheet" href="{{ asset('assets/css/swiper-bundle.min.css') }}" />

    <!-- Magnific Popup -->
    <link rel="stylesheet" href="{{ asset('assets/css/magnific-popup.css') }}" />

    <!-- AOS Animation -->
    <link rel="stylesheet" href="{{ asset('assets/css/aos-animation.css') }}" />

    <!-- Bootstrap -->
    <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}" />

    <!-- Main CSS -->
    <link rel="stylesheet" href="{{ asset('assets/css/main.css') }}" />

    <!-- IQPRO CSS -->
    <link rel="stylesheet" href="{{ asset('assets/css/iqpro.css') }}" />

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&display=swap" rel="stylesheet">

    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>

  <style>
    
  </style>
  <body class="position-relative">
    <!--==================== Preloader Start ====================-->
    <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="{{ asset('assets/images/icon/preloder-img1.png') }}"
            alt="Img"
            class="tw-w-8"
        />

        <div class="preloder__exchange__img w-100 h-100">
            <img
                src="{{ asset('assets/images/icon/preloder-img2.png') }}"
                alt="Img"
                class="w-100 h-100 animation-rotation"
            />
        </div>
    </div>
</div>
    <!--==================== Preloader End ====================-->

    <!--==================== Overlay Start ====================-->
    <div class="overlay"></div>
    <!--==================== Overlay End ====================-->

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

    <!-- Custom Toast Message start -->
    <div id="toast-container"></div>
    <!-- Custom Toast Message End -->

    <!-- ==================== Scroll to Top End Here ==================== -->
    <div class="progress-wrap cursor-big d-none">
      <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>
    <!-- ==================== Scroll to Top End Here ==================== -->

    <!-- Custom Cursor Start -->
    <div class="cursor d-none"></div>
    <span class="dot d-none"></span>
    <!-- Custom Cursor End -->

    <!-- ==================== Mobile Menu Start Here ==================== -->
    <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.php" class="mobile-menu__logo">
          <h2 class="text-white">IQPRO</h2>
        </a>
        <div class="mobile-menu__menu">
          <!-- Nav menu Start -->
          <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="{{url('/')}}"-->
            <!--    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="{{url('get-started')}}"-->
            <!--    class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white"-->
            <!--    >Apply Loan</a-->
            <!--  >-->
            <!--</li>-->
            <!--<li class="nav-menu__item">-->
            <!--  <a-->
            <!--    href="emi-calculator.php"-->
            <!--    class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white"-->
            <!--    >EMI Calculator</a-->
            <!--  >-->
            <!--</li>-->
            <!--<li class="nav-menu__item">-->
            <!--  <a-->
            <!--    href="{{url('loan-status')}}"-->
            <!--    class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white"-->
            <!--    >Check your loan</a-->
            <!--  >-->
            </li>
       @if(!Auth::user())

    <li class="nav-menu__item">
        <a
            href="{{ url('/admin') }}"
            class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white"
        >
            Login
        </a>
    </li>
    
    @else
    
         <form method="POST"
                      action="{{ route('admin.logout') }}">

                    @csrf

                    <button class="btn btn-primary-custom profile-right-btn">

                        Logout

                    </button>

                </form>
@endif
            <!--<li class="nav-menu__item">-->
            <!--  <a-->
            <!--    href="#"-->
            <!--    class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white"-->
            <!--    >Contact</a-->
            <!--  >-->
            <!--</li>-->
          </ul>
          <!-- Nav menu End  -->
        </div>
      </div>
    </div>
    <!-- ==================== Mobile Menu End Here ==================== -->

    <!-- ============ Top Header Section Start ================== -->
    <!-- <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@iqpro.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="#?"
                    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"
                    class="tw-text-xl text-dark-600"
                  >
                    <i class="ph-bold ph-linkedin-logo"></i>
                  </a>
                </li>
                
              </ul>
            </div>
            <div>
              <select
                class="text-dark-600 bg-transparent border-0 fw-semibold text-4 focus-visible-border-main-600"
              >
                <option value="1">ENG</option>
              </select>
            </div>
          </div>
        </div>
      </div>
    </div> -->
    <!-- ============ Top Header Section End ================== -->

    <!-- ==================== Header Start Here ==================== -->
    <header class="header bg-base-two-600 transition-all">
      <div class="container container-two">
        <nav class="d-flex align-items-center justify-content-between">
          <!-- Logo Start -->
          <div class="logo">
            <a href="index.php" class="link">
              <h2 class="text-white">IQPRO</h2>
            </a>
          </div>
          <!-- Logo End  -->

          <!-- Menu Start  -->
          <div class="header-menu d-lg-block d-none">
            <!-- Nav menu Start -->
            <ul class="nav-menu d-lg-flex align-items-center tw-gap-6">
            <!--  <li class="nav-menu__item">-->
            <!--    <a-->
            <!--      href="{{url('/')}}"-->
            <!--      class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white text-uppercase"-->
            <!--      >Home</a-->
            <!--    >-->
            <!--  </li>-->
            <!--  <li class="nav-menu__item">-->
            <!--    <a-->
            <!--      href="{{url('apply-loan')}}"-->
            <!--      class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white text-uppercase"-->
            <!--      >Apply Loan</a-->
            <!--    >-->
            <!--  </li>-->
            <!--  <li class="nav-menu__item">-->
            <!--    <a-->
            <!--      href="emi-calculator.php"-->
            <!--      class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white text-uppercase"-->
            <!--      >EMI Calculator</a-->
            <!--    >-->
            <!--  </li>-->
              
            <!--    <li class="nav-menu__item">-->
            <!--  <a-->
            <!--    href="{{url('loan-status')}}"-->
            <!--    class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white"-->
            <!--    >CHECK LOAN STATUS</a-->
            <!--  >-->
            <!--</li>-->
              <!-- <li class="nav-menu__item has-submenu position-relative activePage">
                        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 text-white tw-py-9 fw-semibold w-100">HOME</a>
                        <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
                            <li class="nav-menu__item activePage">
                                <a href="index.php" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home One</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="index-2.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home Two</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="index-3.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home Three</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="index-4.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100"> Home Four</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-menu__item has-submenu position-relative">
                        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-white fw-semibold w-100">BLOG</a>
                         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="blog-details.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog Details</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="blog-grid.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog Grid</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="blog-list.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog List</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="blog-standerd.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Blog Standerd</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-menu__item has-submenu position-relative">
                        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-white fw-semibold w-100">Dashboard</a>
                         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="dashboard.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Dashboard</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="transactions.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Transaction</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="send-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Send Money</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="request-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Request Money</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="deposit-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Deposit Money</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="withdraw-money.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Withdraw Money</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="notifications.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Notifications</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="my-profile.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Account</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-menu__item has-submenu position-relative">
                        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-white fw-semibold w-100">ABOUT</a>
                         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="about-us-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">About Us</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-menu__item has-submenu position-relative">
                        <a href="javascript:void(0)" class="nav-menu__link tw-pe-5 tw-py-9 text-white fw-semibold w-100">PAGES</a>
                         <ul class="nav-submenu scroll-sm position-absolute start-0 top-100 tw-w-max bg-white tw-rounded-md tw-p-2 tw-mt-4 tw-duration-200 tw-z-99">
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="fees-others.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Fees</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="our-services-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Our Services</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="services-details-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Services Details</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="our-team-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Our Team</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="pricing-plan-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">Pricing Plan</a>
                            </li>
                            <li class="nav-submenu__item d-block tw-rounded tw-duration-200 position-relative">
                                <a href="faq-other.html" class="nav-submenu__link hover-bg-neutral-100 text-heading fw-semibold w-100 d-block tw-py-2 tw-px-305 tw-rounded hover-bg-main-100">FAQ</a>
                            </li>  
                        </ul>
                    </li> -->
              <!--<li class="nav-menu__item">-->
              <!--  <a-->
              <!--    href="#?"-->
              <!--    class="nav-menu__link text-heading tw-py-9 fw-semibold w-100 text-white text-uppercase"-->
              <!--    >Contact</a-->
              <!--  >-->
              <!--</li>-->
            </ul>
            <!-- Nav menu End  -->
          </div>
          <!-- Menu End  -->

          <!-- Header Right start -->
          <div class="d-flex align-items-center tw-gap-3">
            <div class="d-sm-block d-none">
                
              <div class="d-flex align-items-center tw-gap-605 flex-wrap">
               
                <div class="position-relative z-1">
                     @if(!Auth::user())
                  <a
                    href="{{url('/admin')}}"
                    class="header-item-link text-dark-600 fw-semibold tw-text-lg tw-px-4 tw-py-2 bg-main-600 border-two-px-solid rounded-2 hover-text-dark-600 text-uppercase"
                    >Sign In</a
                  >
                  @else
                    <form method="POST"
                      action="{{ route('admin.logout') }}">

                    @csrf

                    <button class="btn btn-primary-custom profile-right-btn">

                        Logout

                    </button>

                </form>
                  @endif
                </div>
              </div>
              
            </div>
            <button
              type="button"
              class="toggle-mobileMenu leading-none d-lg-none ms-3 text-white tw-text-9"
            >
              <i class="ph ph-list"></i>
            </button>
          </div>
          <!-- Header Right End  -->
        </nav>
      </div>
    </header>
    <!-- ==================== Header End Here ==================== -->