<!doctype html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
<meta charset="utf-8">
    <link type="image" href="/open-ai-logo.png">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <!-- CSRF Token -->
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

    <title>My AIO Portal</title>

    <link href="<?php echo e(asset('css/app.css')); ?>" rel="stylesheet">
      <link rel="icon" type="image/x-icon" href="/faviconn.ico">
      <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

 <!-- Latest compiled and minified CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- <script type="text/javascript" src="https://code.jquery.com/jquery-3.7.0.js"></script> -->
<script type="text/javascript" src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
    <!-- Fonts -->
    <link rel="dns-prefetch" href="//fonts.bunny.net">
    <link href="<?php echo e(URL::asset('css/app.css')); ?>" rel="stylesheet" type="text/css" >
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" >
    <link href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css" rel="stylesheet" type="text/css" >
    <link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet">
    
    <!-- Scripts -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.js"></script>
    <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
    
<!-- Admin Scripts -->
    <link href="<?php echo e(URL::asset('admin/css/bootstrap.min.css')); ?>" rel="stylesheet" type="text/css">
    <link href="<?php echo e(URL::asset('admin/css/icons.css')); ?>" rel="stylesheet" type="text/css">
    <link href="<?php echo e(URL::asset('admin/css/style.css')); ?>" rel="stylesheet" type="text/css">

    <!-- Country Code Scripts -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
  
<!-- Collect.js is loaded -->
<!-- <script src="https://secure.nmi.com/token/Collect.js" data-tokenization-key="checkout_public_C4www88rbJBJ8n4FZfUQTendSuUU664G">
</script> -->

<script src="https://secure.nmi.com/token/Collect.js" data-tokenization-key="9GQW6k-9Q8828-73znAq-B4euub">
</script>

<style>
    .pageTitle {
  text-align: center;
  margin-top: 20px;
  font-size: 40px;
  font-family: "Domine" !important;
}


/* .formInner {
  width: 600px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto;
} */

#payButton {
  width: 290px;
  display: block;
  margin: 20px auto;
  height: 50px !important;
  font-size: 20px;
  background-color: #1CC48B;
  border-color: #1CC48B;
  box-shadow: 0 3px 10px #bbbbbb;
}

#payButton:hover {
  background-color: #19C687;
  border-color: #19C687;
  box-shadow: 0 3px 4px #bbbbbb;
}

#payButton:active {
  opacity: 0.7;
}

.form-control:hover {
  box-shadow: 0 2px 4px #dddddd;
}


#paymentTokenInfo {
  display: block;
  width: 600px;
  margin: 30px auto;
}

@media only screen and (max-width: 600px) {
  .pageTitle {
    font-size: 30px;
  }

  .theForm {
    width: 300px;
    max-width: 90%;
    margin: auto;
  }

  .form-group {
    width: 100%;
  }

  #paymentTokenInfo {
    width: 100%;
  }
}
</style>

</head>
<body>
    <div id="app">
    <div id="preloaders" class="preloader">
        <img src='/spinner.png'>
    </div>
    <?php if(Auth::check()): ?>
        <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
            <div class="container">
            <?php if(auth()->guard()->guest()): ?>
                <a class="navbar-brand" href="<?php echo e(url('/home')); ?>">
                    <img style='width:70px;' src='/open-ai-logo.png'>
                </a>
            <?php else: ?>
                <?php if(Auth::user()->roles == 1): ?>
                    <a class="navbar-brand" href="<?php echo e(url('/admin/dashboard')); ?>">
                        <img style='width:70px;' src='/open-ai-logo.png'>
                    </a>
                <?php elseif(Auth::user()->roles == 2): ?>
                    <a class="navbar-brand" href="<?php echo e(url('/closer/dashboard')); ?>">
                        <img style='width:70px;' src='/open-ai-logo.png'>
                    </a>
                <?php else: ?>
                    <a class="navbar-brand" href="<?php echo e(url('/home')); ?>">
                        <img style='width:70px;' src='/open-ai-logo.png'>
                    </a>
                <?php endif; ?>
            <?php endif; ?>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="<?php echo e(__('Toggle navigation')); ?>">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <!-- Left Side Of Navbar -->
                    <ul class="navbar-nav me-auto">

                    </ul>

                    <!-- Right Side Of Navbar -->
                    <ul class="navbar-nav ms-auto">
                        <!-- Authentication Links -->
                <?php if(auth()->guard()->guest()): ?>
                            <?php if(Route::has('login')): ?>
                                <li class="nav-item">
                                    <a class="nav-link" href="<?php echo e(route('login')); ?>"><?php echo e(__('Login')); ?></a>
                                </li>
                            <?php endif; ?>

                            <?php if(Route::has('register')): ?>
                                <li class="nav-item">
                                    <a class="nav-link" href="<?php echo e(route('register')); ?>"><?php echo e(__('Register')); ?></a>
                                </li>
                            <?php endif; ?>
                        <?php else: ?>
                        <?php if(Auth::user()->roles == 1): ?>
                        <li class="nav-item dropdown">
                        <?php if(auth()->check()): ?>
                            <a id="navbarDropdown" class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                                <i class="fa fa-bell"></i>
                                <span class="badge badge-light bg-success badge-xs"><?php echo e(auth()->user()->unreadNotifications->count()); ?></span>
                            </a>
                            <ul class="dropdown-menu" id="notification_menu">
                                <?php $__empty_1 = true; $__currentLoopData = auth()->user()->unreadNotifications->take(5); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $notification): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <?php if($loop->first): ?>
                                        <li class="d-flex justify-content-end mx-1 my-2">
                                            <a href="<?php echo e(route('mark-as-read')); ?>" class="btn btn-success btn-sm">Mark All as Read</a>
                                        </li>
                                    <?php endif; ?>
                                    <a href="#" class="text-success">
                                        <li class="p-1 text-success"><?php echo e($notification->data['data']); ?></li>
                                    </a>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <li class="p-1 text-muted text-center">No new notifications</li>
                                <?php endif; ?>

                                <?php $__currentLoopData = auth()->user()->readNotifications->take(5); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $notification): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <a href="#" class="text-secondary">
                                        <li class="p-1 text-secondary"><?php echo e($notification->data['data']); ?></li>
                                    </a>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </ul>
                        <?php else: ?>
                            <a id="navbarDropdown" class="nav-link" href="<?php echo e(route('login')); ?>" role="button">
                                <i class="fa fa-bell"></i>
                                <span class="badge badge-light bg-success badge-xs">0</span>
                            </a>
                        <?php endif; ?>
                    </li>
                    <?php endif; ?>
                            <li class="nav-item dropdown">
                                <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                                    <?php echo e(Auth::user()->first_name); ?>

                                </a>

                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="<?php echo e(route('change-password')); ?>">Change Password</a>
                                <!-- <a class="dropdown-item" href="<?php echo e(route('add-business-details')); ?>">Business Details</a>    -->
                                <a class="dropdown-item" href="<?php echo e(route('logout')); ?>"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
                                        <?php echo e(__('Logout')); ?>

                                    </a>

                                    <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none">
                                        <?php echo csrf_field(); ?>
                                    </form>
                                </div>
                            </li>
                    <?php endif; ?>
                    </ul>
                </div>
            </div>
        </nav>
        <?php endif; ?>

        <main>
            <?php echo $__env->yieldContent('content'); ?>
        </main>
    </div>
</body>

<script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDtMhPtoqeZSt-5Qyh6E4FcO0Q_jqH2oLw&callback=initAutocomplete&libraries=places,geometry"
      async defer
    ></script>
    
<script>

$(window).load(function() 
{   
        setTimeout(() => {
        $("#preloaders").fadeOut();
        $('main').fadeIn();
    }, 1500);  
    
   });

</script>

<!-- <script src=”build/js/intlTelInput.js”></script> -->

 <!-- jQuery  -->
 <!-- <script src="<?php echo e(URL::asset('admin/js/jquery.min.js')); ?>"></script> -->
     <script src="<?php echo e(URL::asset('admin/js/bootstrap.bundle.min.js')); ?>"></script>
    <script src="<?php echo e(URL::asset('admin/js/jquery.slimscroll.js')); ?>"></script> 
    <script src="<?php echo e(URL::asset('admin/js/waves.min.js')); ?>"></script> 

    <!--Morris Chart-->
    <!-- <script src="../plugins/morris/morris.min.js"></script>
    <script src="../plugins/raphael/raphael.min.js"></script> -->

    <!-- <script src="<?php echo e(URL::asset('admin/pages/dashboard.init.js')); ?>"></script> -->
    
    <!-- App js -->
    <script src="<?php echo e(URL::asset('admin/js/app.js')); ?>"></script>
    
    
</html>
<!--  --><?php /**PATH /Applications/XAMPP/xamppfiles/htdocs/tprproject/get-myaio-app/resources/views/layouts/app.blade.php ENDPATH**/ ?>