<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">

    <title>@yield('meta_title'  , 'myLEAP Dashboard - AryanIct.com')</title>

    <link rel="icon" href="https://www.aryanict.com/favicon.ico">
    
    <link rel="stylesheet" href="/assets/js/plugins/slick-carousel/slick.css">

    <link rel="stylesheet" href="/assets/js/plugins/slick-carousel/slick-theme.css">
   
    <link rel="stylesheet" id="css-main" href="/assets/css/leap.min.css">
    <link rel="stylesheet" id="css-main" href="/assets/css/style.css">
    
        <!-- AICT Pixel Code -->
<script defer src="https://acdn.aryanict.net/pixel/aef42y8xjboc3qpwlzzajgqikqwu23f9"></script>
<!-- END AICT Pixel Code -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HXYS1DEXT9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HXYS1DEXT9');
</script>

<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5d2ee5f4bfcb827ab0cc38de/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</head>

<body>
  
    <div id="page-container"
        class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed main-content-narrow">
       
        <nav id="sidebar" aria-label="Main Navigation">
            <!-- Side Header -->
            <div class="content-header">
                <!-- Logo -->
                <a class="fw-semibold text-dual" href="/">
                    <span class="smini-visible">
        <i class="fa-solid fa-bars"></i>
        </span>
                    <span class="smini-hide fs-5 tracking-wider">my<span class="fw-normal">LEAP</span></span>
                </a>
               
                <div>
                  
                    <button type="button" class="btn btn-sm btn-alt-secondary" data-toggle="layout"
                        data-action="dark_mode_toggle">
                        <i class="far fa-moon"></i>
                    </button>
                    
                    <a class="d-lg-none btn btn-sm btn-alt-secondary ms-1" data-toggle="layout"
                        data-action="sidebar_close" href="javascript:void(0)">
                        <i class="fa fa-fw fa-times"></i>
                    </a>
                   
                </div>
                <!-- END Extra -->
            </div>
            
            <div class="js-sidebar-scroll">
                <!-- Side Navigation -->
                <div class="content-side">
                    <ul class="nav-main">
                        <li class="nav-main-item">
                            <a class="nav-main-link active" href="https://www.aryanict.com/?ref=myLEAP" target="_blank">
                                <i class="nav-main-link-icon fa-solid fa-house"></i>
                                <span class="nav-main-link-name">Home Page</span>
                            </a>
                        </li>
                        <li class="nav-main-item">
                            <a class="nav-main-link active" href="/">
                                <i class="nav-main-link-icon si si-speedometer"></i>
                                <span class="nav-main-link-name">myLEAP Dashboard</span>
                            </a>
                        </li>
                        <li class="nav-main-heading">Web Services</li>
                         <li class="nav-main-item">
                            <a class="nav-main-link " href="{{ route('redirect.to.hub') }}" target="_blank">
                                <i class="nav-main-link-icon fa-brands fa-hubspot"></i>
                                <span class="nav-main-link-name">myHUB - Domain & Hosting</span>
                            </a>
                        </li>

                        @if(auth()->user()->sms_status !=  0)
                        <li class="nav-main-item">
                            <a class="nav-main-link " href="https://sms.af/api/userLogin/?ref=myLEAP&api_token={{ auth()->user()->api_token }}" target="_blank">
                                <i class="nav-main-link-icon fa-solid fa-message"></i>
                                <span class="nav-main-link-name">SMS.af - SMS Gateway</span>
                            </a>
                        </li>
                        @endif
                        
                      

                        <li class="nav-main-item">
                            <a class="nav-main-link " href="https://www.whois.af/?ref=myLEAP"  target="_blank">
                                <i class="nav-main-link-icon fa-solid fa-circle-info"></i>
                                <span class="nav-main-link-name">Whois.af - Domain details</span>
                            </a>
                        </li>
                         <li class="nav-main-item">
                            <a class="nav-main-link " href="https://www.dns.af/?ref=myLEAP"  target="_blank">
                                <i class="nav-main-link-icon fa-solid fa-circle-info"></i>
                                <span class="nav-main-link-name">Dns.af - Networking Kit</span>
                            </a>
                        </li>

                         <li class="nav-main-heading">Domain Transfer IN</li>
                         
                           <li class="nav-main-item">
                            <a class="nav-main-link " href="/domain-transfer">
                                <i class="nav-main-link-icon fa-solid fa-person-walking"></i>
                                <span class="nav-main-link-name">.af Domain Transfer</span>
                            </a>
                        </li>
                        <li class="nav-main-item">
                            <a class="nav-main-link " href="/domain-transfer">
                                <i class="nav-main-link-icon fa-solid fa-right-left"></i>
                                <span class="nav-main-link-name">myLEAP to myLEAP</span>
                            </a>
                        </li>

                        <li class="nav-main-heading">Help and Support</li>
                        <li class="nav-main-item">
                            <a class="nav-main-link " href="https://www.aryanict.com/noc-live-status.py?ref=myLEAP"  target="_blank">
                                <i class="nav-main-link-icon fa-solid fa-binoculars"></i>
                                <span class="nav-main-link-name">AICT NOC Status</span>
                            </a>
                        </li>
                        
                     <li class="nav-main-item">
                            <a class="nav-main-link " href="https://hub.aryanict.com/knowledgebase?ref=myLEAP"  target="_blank">
                                <i class="nav-main-link-icon fa-solid fa-folder-tree"></i>
                                <span class="nav-main-link-name">Knowledgebase</span>
                            </a>
                        </li>


                        <li class="nav-main-item">
                            <a class="nav-main-link " href="https://www.aryanict.com/contact?ref=myLEAP"  target="_blank">
                                <i class="nav-main-link-icon fa-solid fa-phone"></i>
                                <span class="nav-main-link-name">Contact</span>
                            </a>
                        </li>
                        


                    </ul>
                </div>
                <!-- END Side Navigation -->
            </div>
            <!-- END Sidebar Scrolling -->
        </nav>
        <!-- END Sidebar -->

        <!-- Header -->
        <header id="page-header">
            <!-- Header Content -->
            <div class="content-header">
                <!-- Left Section -->
                <div class="d-flex align-items-center">
                   
                    <button type="button" class="btn btn-sm btn-alt-secondary me-2 d-lg-none"
                        data-toggle="layout" data-action="sidebar_toggle">
                        <i class="fa fa-fw fa-bars"></i>
                    </button>

                   
                   
                    <button type="button" class="btn btn-sm btn-alt-secondary me-2 d-none d-lg-inline-block"
                        data-toggle="layout" data-action="sidebar_mini_toggle">
                        <i class="fa fa-fw fa-ellipsis-v"></i>
                    </button>

                    @if (Auth::user()->googlef2_status == 0)
                    {{-- <form method="post" action="{{ route('profile.google2fa.page') }}">
                        @csrf
                        <input type="hidden" name="email"
                            value="{{ \Illuminate\Support\Facades\Auth::user()->email }}">
                        <button type="submit" class="btn w-100 btn-alt-info text-start" style="font-size:12px">
                            <i class="fa-solid fa-shield opacity-50 me-1"></i>Add (2FA) keep your myLEAP account 100% safe.
                        </button>
                    </form>  --}}

                    <a href="{{route('profile.google2fa.page')}}" class="btn w-100 btn-alt-info text-start" style="font-size:12px">
                        <i class="fa-solid fa-shield opacity-50 me-1"></i>Add (2FA) keep your myLEAP account 100% safe.
                    </a>
                    @endif
                    
                  
                </div>
                <!-- END Left Section -->

                <!-- Right Section -->
                <div class="d-flex align-items-center">
                    <!-- User Dropdown -->
                    <div class="dropdown d-inline-block ms-2">
                        <button type="button" class="btn btn-sm btn-alt-secondary d-flex align-items-center"
                            id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false">
                            <img class="rounded-circle" src="/assets/media/avatars/avatar10.jpg"
                                alt="Header Avatar" style="width: 21px;">
                            <span class="d-none d-sm-inline-block ms-2">{{ Auth::user()->name }}  {{ Auth::user()->lastname }}</span>
                            <i class="fa fa-fw fa-angle-down d-none d-sm-inline-block opacity-50 ms-1 mt-1"></i>
                        </button>
                        <div class="dropdown-menu dropdown-menu-md dropdown-menu-end p-0 border-0"
                            aria-labelledby="page-header-user-dropdown">
                            <div class="p-3 text-center bg-body-light border-bottom rounded-top">
                                <img class="img-avatar img-avatar48 img-avatar-thumb"
                                    src="/assets/media/avatars/avatar10.jpg" alt="">
                                <p class="mt-2 mb-0 fw-medium">{{ Auth::user()->name }}  {{ Auth::user()->lastname }}</p>
                                <p class="mb-0 text-muted fs-sm fw-medium">
                                    @yield('customer_id')
                                
                                    <span style="font-size: 13px">
                                        {{ getClientDetails()['email'] }}
                                        <br>
                                        {{ getClientDetails()['companyname'] }}
                                    </span>
                                
                                    <div class="row profile-detail-box">
                                       
                                        <div class="col-lg-6 row profie-detail-sub-boxes">
                                            <div class="col-3 profile-detail-sub-boxes-icon">
                                                <i class="fa-solid fa-hashtag text-primary"></i>
                                            </div>
                                            
                                            <div class="col-9 profile-detail-sub-boxes-content">
                                                <span class="profile-detail-sub-boxes-content-title">Account ID</span>
                                                <br>
                                                <span class="profile-detail-sub-boxes-content-value">{{ getClientDetails()['id'] }}</span>
                                           
                                            </div>
                                        </div>

                                        <div class="col-lg-6 row profie-detail-sub-boxes">
                                            <div class="col-3 profile-detail-sub-boxes-icon">
                                                <i class="fa-solid fa-heart text-primary"></i>
                                            </div>
                                            <div class="col-9 profile-detail-sub-boxes-content">
                                                <span class="profile-detail-sub-boxes-content-title">Customer for</span>
                                                <br>
                                                <span class="profile-detail-sub-boxes-content-value">{{ getHumanDiffBetweenDates(getClientDetails()['datecreated']) }}</span>
                                           
                                            </div>
                                        </div>
                                    </div>
                                </p>
                            </div>
                            <div class="p-2">
                                <a class="dropdown-item d-flex align-items-center justify-content-between"
                                    href="/UserProfile">
                                    <span class="fs-sm fw-medium">Profile</span>
                                </a>
                               
                            </div>
                            <div role="separator" class="dropdown-divider m-0"></div>
                            <div class="p-2">
                                <a class="dropdown-item d-flex align-items-center justify-content-between"
                                    href="https://hub.aryanict.com/logout.php">
                                    <span class="fs-sm fw-medium">Log Out</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- END User Dropdown -->

                 
                </div>
                <!-- END Right Section -->
            </div>
            <!-- END Header Content -->

            <!-- Header Search -->
            <div id="page-header-search" class="overlay-header bg-body-extra-light">
                <div class="content-header">
                    <form class="w-100" action="be_pages_generic_search.html" method="POST">
                        <div class="input-group">
                            <!-- Layout API, functionality initialized in Template._uiApiLayout() -->
                            <button type="button" class="btn btn-alt-danger" data-toggle="layout"
                                data-action="header_search_off">
                                <i class="fa fa-fw fa-times-circle"></i>
                            </button>
                            <input type="text" class="form-control" placeholder="Search or hit ESC.."
                                id="page-header-search-input" name="page-header-search-input">
                        </div>
                    </form>
                </div>
            </div>
            <!-- END Header Search -->

            <!-- Header Loader -->
            <!-- Please check out the Loaders page under Components category to see examples of showing/hiding it -->
            <div id="page-header-loader" class="overlay-header bg-body-extra-light">
                <div class="content-header">
                    <div class="w-100 text-center">
                        <i class="fa fa-fw fa-circle-notch fa-spin"></i>
                    </div>
                </div>
            </div>
            <!-- END Header Loader -->
        </header>
        <!-- END Header -->

        <!-- Main Container -->
        <main id="main-container">

            