<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QuickWise</title>
    <link rel="stylesheet" href="<?php echo e(asset('assets/css/style.css')); ?>">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <!-- Latest compiled and minified CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome (include once in your layout) -->
    

    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="  crossorigin="anonymous" referrerpolicy="no-referrer"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    
    <style>
        .loader {
            border: 16px solid #e4e4e4;
            border-radius: 50%;
            border-top: 16px solid #4b93d0;
            border-bottom: 16px solid #4b93d0;
            width: 80px;
            height: 80px;
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
        }
        @-webkit-keyframes spin {
            0% { -webkit-transform: rotate(0deg); }
            100% { -webkit-transform: rotate(360deg); }
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .float-alert-e, .float-alert-s
        {
            position: fixed;
            top: 90px;
            right: 50px;
            display: none;
            opacity: 0;
            transition: opacity 0.5s ease;
        }
        svg.w-5.h-5 {
            height: 20px;
        }
        .flex.justify-between.flex-1.sm\:hidden{
            display:none;
        }
        .pagination-wrapper a {
            text-decoration: none;
        }
    </style>
</head>

<body class="bg-light h-100">
    
<section class="dashboard bg-light h-100">
    
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2 px-0">

                <?php echo $__env->make('layouts.admin.sidebar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            </div>
            <div class="col-lg-10 col-md-12 col-12 px-0">

                <?php echo $__env->make('layouts.admin.header', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                <?php echo $__env->yieldContent('content'); ?>
               
            </div>
        </div>
    </div>
</section>
<div id="successMessage" class="alert float-alert-s alert-success text-dark"> done done done </div>
<div id="errorMessage" class="alert float-alert-e alert-danger text-dark"> error error error </div>
</body>

<!-- Latest compiled JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!--AmCharts-->
<script src="https://cdn.amcharts.com/lib/5/index.js"></script>
<script src="https://cdn.amcharts.com/lib/5/percent.js"></script>
<script src="https://cdn.amcharts.com/lib/5/themes/Animated.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>


<script src="https://cdn.amcharts.com/lib/5/xy.js"></script>
<script src="<?php echo e(asset('assets/js/script.js')); ?>"></script>
<script>
function showAlert(message,type) {
    const alert = document.querySelector('.float-alert-'+type);
    if (!alert) {
        console.error('Alert element not found for type:', type);
        return;
    }
    alert.textContent = message;
    alert.style.display = 'block';

    setTimeout(() => {
        alert.style.opacity = 1;
    }, 10); 

    setTimeout(() => {
        hideAlert(type);
    }, 4000);
}

function hideAlert(type) {
    const alert = document.querySelector('.float-alert-'+type);
    alert.style.opacity = 0;

    alert.addEventListener('transitionend', function handleTransitionEnd() {
        alert.style.display = 'none';
        alert.removeEventListener('transitionend', handleTransitionEnd);
    });
}
</script>
</html><?php /**PATH /var/www/html/quikwise-admin/resources/views/layouts/admin.blade.php ENDPATH**/ ?>