File manager

File manager - Edit - /home/autoph/public_html/projects/tickets-autohub/storage/framework/views/b7bfbe4b1a68941aeecaa5486f48b80393c089b0.php

Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>"> <title><?php echo e(env('APP_NAME')); ?></title> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="<?php echo e(asset('js/js_v2/jquery.js')); ?>"></script> <script src="<?php echo e(asset('js/jquery.inputmask.min.js')); ?>"></script> <script src="<?php echo e(asset('js/js_v2/jquery.datatables.min.js')); ?>"></script> <script src="<?php echo e(asset('js/js_v2/datatables.bootstrap5.min.js')); ?>"></script> <script src="<?php echo e(asset('js/js_v2/popper.min.js')); ?>"></script> <script src="<?php echo e(asset('js/rater.min.js')); ?>"></script> <script src="<?php echo e(asset('js/main.js')); ?>"></script> <script src="<?php echo e(asset('js/js_v2/swal.js')); ?>"></script> <script src="<?php echo e(asset('js/js_v2/moment.js')); ?>"></script> <script src="<?php echo e(asset('js/js_v2/toastRWithTime.js')); ?>"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js" integrity="sha512-lbwH47l/tPXJYG9AcFNoJaTMhGvYWhVM9YI43CT+uteTRRaiLCui8snIgyAN8XWgNjNhCqlAUdzZptso6OCoFQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script src="https://js.pusher.com/7.2/pusher.min.js"></script> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vaafb692b2aea4879b33c060e79fe94621666317369993" integrity="sha512-0ahDYl866UMhKuYcW078ScMalXqtFJggm7TmlUtp0UlD4eQk0Ixfnm5ykXKvGJNFjLMoortdseTfsRT8oCfgGA==" data-cf-beacon='{"rayId":"7a49857a2b43e550","token":"cd0b4b3a733644fc843ef0b185f98241","version":"2023.2.0","si":100}' crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="<?php echo e(asset('css/v2/main.css')); ?>"> <link href="<?php echo e(asset('css/v2/datatables.bootstrap5.min.css')); ?>" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.css" integrity="sha512-oe8OpYjBaDWPt2VmSFR+qYOdnTjeV9QPLJUeqZyprDEQvQLJ9C5PCFclxwNuvb/GQgQngdCXzKSFltuHD3eCxA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link href="<?php echo e(asset('css/v2/dark-mode.css')); ?>" rel="stylesheet"> <link href="<?php echo e(asset('css/v2/sweetalert2.min.css')); ?>" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <link rel="stylesheet" href="<?php echo e(asset('css/select2-bootstrap-5-theme-1.3.0/select2-bootstrap-5-theme.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('css/select2-bootstrap-5-theme-1.3.0/select2-bootstrap-5-theme.min.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('css/select2-bootstrap-5-theme-1.3.0/select2-bootstrap-5-theme.rtl.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('css/select2-bootstrap-5-theme-1.3.0/select2-bootstrap-5-theme.rtl.min.css')); ?>"> <style> .chat-div { background: #f4f6f9; } .message { margin-bottom: 10px; padding: 5px 10px; border-radius: 5px; } .sent { align-self: flex-end; background-color: #007bff; color: #fff; max-width: 30%; margin-left: auto; } .received { align-self: flex-start; background-color: #ffffff; color: #000; max-width: 30%; margin-right: auto; } .swal2-confirm { background-color: #3e64ff !important; /* Change to the color you want / color: white; / Change text color if needed / } .swal2-icon.swal2-warning { border-color: red !important; } .swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{ color: red !important; } .caret-up { transform: rotate(180deg); } .caret-down { transform: rotate(0deg); } .wrapper { display: flex; flex-direction: row; height: 100vh; / Set the wrapper to the full viewport height / } / #sidebar { width: 250px; position: fixed; top: 0; left: 0; bottom: 0; overflow-y: auto; z-index: 1; height: 100%; } @media (max-width: 768px) { #sidebar { display: none; } #content { margin-left: 0; padding: 20px; } #sidebar.active { display: block; } } / #sidebar { position: relative; width: 250px; / Set the initial width to your desired value / } #content { / margin-left: 270px; / padding: 20px; overflow-y: auto; } .active #content { margin-left: 250px; / Adjust content margin when sidebar is active / } .btn-outline-secondary .dropdown-toggle::after{ margin-right: 10px !important; } .notifications-container.text-left { align-content: left !important; text-align: left !important; / Use !important to override any conflicting styles / } .fa-bell .dropdown-toggle::before{ color:transparent; } #notificationDropdown::after { content: ''; / Ensure content is empty / opacity: 0; / Make it transparent / } .btn .btn-outline-secondary .dropdown-toggle .pr-4::after{ margin-right:10px; } #button-addon1::after{ margin-right:10px !important; } #sidebar .footer { position: sticky; top: 50; bottom: 0; width: 100%; color: #fff; padding: 10px; text-align: center; } / avatar / / Notification Bell / .fa-bell { color: #444; / Dark gray color for the bell / transition: color 0.3s ease; / Smooth color transition / } .fa-bell:hover { color: #007bff; / Blue color on hover / } .position-relative .badge { top: -5px; right: -5px; background-color: #dc3545; / Red badge color / color: #fff; / White text color / font-size: 0.65rem; / Smaller font size for badge text / padding: 0.3em 0.5em; / Adjust padding for a more compact look / } / User Info Avatar / .avatar { background: linear-gradient(135deg, #4e54c8, #8f94fb); / Modern gradient similar to GitHub and GitLab / color: #fff; / White text color / border-radius: 50%; / Circular avatar / width: 40px; / Slightly larger avatar width / height: 40px; / Slightly larger avatar height / display: flex; align-items: center; justify-content: center; font-size: 1rem; / Adjusted font size / font-weight: 600; / Bold text for initials / } / Role Badge / .role-badge { background-color: #f1f3f5; / Light gray background for the badge / color: #6c757d; / Darker gray text color / padding: 0.2em 0.5em; / Compact padding / border-radius: 12px; / Rounded corners / font-size: 0.75rem; / Smaller font size / margin-top: 2px; / Space between the user name and role badge / font-weight: 500; / Medium font weight / } / Dropdown Button / .btn-group .btn { padding: 0.25rem 0.5rem; / Compact padding / font-size: 0.875rem; / Smaller font size / } </style> </head> <body> <?php echo $__env->yieldContent('css'); ?> <div class="wrapper d-flex align-items-stretch"> <?php echo $__env->make('layouts.navbar.navbar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <div id="content" class="p-md-3"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <button type="button" id="sidebarCollapse" class="btn btn-outline-dark"> <i class="fa fa-bars"></i> <span class="visually-hidden">Toggle Menu</span> </button> <!-- Page Title --> <div class="page-title ml-3"> <h5 class="mt-2"><?php echo e($title_page); ?></h5> </div> <button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-sort-desc" aria-hidden="true"></i> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <?php / <ul class="nav navbar-nav ml-auto"> <li class="nav-item"> <i class="fa fa-bell mt-md-2 position-relative dropdown-toggle" id="notificationDropdown" data-bs-toggle="dropdown" aria-hidden="true" style="font-size: 1rem;"> <span class="position-absolute top-0 start-0 translate-middle badge rounded-pill bg-danger visually-hidden notification-badge"> <span class="visually-hidden">unread messages</span> </span> <div class="dropdown-menu dropdown-menu-end notifications-dropdown" aria-labelledby="notificationDropdown"> <ul class="notifications-container text-left"> <!-- Each <li> represents a notification --> <!-- Add more <li> elements for additional notifications --> </ul> </div> </i> </li> <li class="nav-item"> <div class="btn-group dropdown nav-link text-black"> <button class="btn border-transparent btn-sm text-black" data-bs-toggle="dropdown" type="button" style="color: black; margin-top: -3px; font-weight:bold"> <span class="position-absolute top-0 start-50 translate-middle badge rounded-pill bg-secondary">{{ implode(', ', auth()->user()->roles->pluck('title')->toArray()) }}</span> {{Auth::user()->f_name . " " . Auth::user()->l_name}} </button> <ul class="dropdown-menu"> <!-- Dropdown items go here --> <li> <form class="mt-2" action="#" method="POST" novalidate> <a class="dropdown-item" href="#" id="_logoutBtn">Logout <span class="fa fa-sign-out float-right mt-1" aria-hidden="true"></span></a> </form> </li> </ul> </div> </li> </ul> /?> <ul class="nav navbar-nav ml-auto"> <!-- Notifications Dropdown --> <li class="nav-item"> <div class="position-relative"> <i class="fa fa-bell position-relative dropdown-toggle" id="notificationDropdown" data-bs-toggle="dropdown" aria-hidden="true" style="font-size: 1.25rem; color: #444;"> <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger notification-badge"> <span class="visually-hidden">unread messages</span> </span> </i> <div class="dropdown-menu dropdown-menu-end notifications-dropdown" aria-labelledby="notificationDropdown"> <ul class="notifications-container text-left"> <!-- Each <li> represents a notification --> </ul> </div> </div> </li> <!-- User Info with Avatar --> <li class="nav-item"> <div class="btn-group dropdown nav-link d-flex align-items-center"> <!-- Avatar and User Name --> <button class="btn border-transparent btn-sm text-dark d-flex align-items-center" data-bs-toggle="dropdown" type="button" style="font-weight: 500;"> <div class="avatar me-2"> <span><?php echo e(strtoupper(substr(Auth::user()->f_name, 0, 1))); ?><?php echo e(strtoupper(substr(Auth::user()->l_name, 0, 1))); ?></span> </div> <div class="d-flex flex-column"> <span class="text-dark"><?php echo e(Auth::user()->f_name . " " . Auth::user()->l_name); ?></span> <span class="role-badge"><?php echo e(implode(', ', auth()->user()->roles->pluck('title')->toArray())); ?></span> </div> </button> <!-- Dropdown Menu --> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Profile</a></li> <li><a class="dropdown-item" href="#">Settings</a></li> <li><hr class="dropdown-divider"></li> <li> <form class="mt-2" action="#" method="POST" novalidate> <a class="dropdown-item" href="#" id="_logoutBtn">Logout <span class="fa fa-sign-out float-end" aria-hidden="true"></span></a> </form> </li> </ul> </div> </li> </ul> </div> </div> </nav> <?php echo $__env->yieldContent('content'); ?> <?php if (! isset($_instance)) { $html = \Livewire\Livewire::mount('ticket-notification')->html(); } elseif ($_instance->childHasBeenRendered('X1nOoxr')) { $componentId = $_instance->getRenderedChildComponentId('X1nOoxr'); $componentTag = $_instance->getRenderedChildComponentTagName('X1nOoxr'); $html = \Livewire\Livewire::dummyMount($componentId, $componentTag); $_instance->preserveRenderedChild('X1nOoxr'); } else { $response = \Livewire\Livewire::mount('ticket-notification'); $html = $response->html(); $_instance->logRenderedChild('X1nOoxr', $response->id(), \Livewire\Livewire::getRootElementTagName($html)); } echo $html; ?> <?php echo $__env->make('layouts.authentication.admin.support_ticket.ticket_information', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> </div> </div> <?php echo $__env->yieldContent('javascript'); ?> <script> const AuthUserid = <?php echo Auth::user()->id; ?>; var AuthUserRole = <?php echo auth()->user()->roles->pluck('name'); ?>; var AuthUserAbilities = <?php echo auth()->user()->getAbilities()->pluck('name'); ?>; var pusherAppKey = '<?php echo getenv('PUSHER_APP_KEY'); ?>'; // $(document).ready(function(){ // }); </script> <script src="<?php echo e(asset('js/main.js')); ?>"></script> <script> $(document).ready(function () { // Function to toggle the sidebar function toggleSidebar() { var $sidebar = $("#sidebar"); var $content = $("#content"); $sidebar.toggleClass("active"); $content.toggleClass("active"); if (!$sidebar.hasClass("active")) { $content.css("margin-left", "0"); // Adjust content margin when sidebar is inactive } } // Add click event handler for the button $("#sidebarCollapse").click(toggleSidebar); // Function to handle window resize function handleResize() { var $sidebar = $("#sidebar"); var $content = $("#content"); if ($(window).width() >= 768 && $sidebar.hasClass("active")) { // Restore default margin when window is large enough and sidebar is active $sidebar.toggleClass('active'); $content.css("margin-left", "0"); } else if (!$sidebar.hasClass("active")) { // Adjust content margin when sidebar is inactive on small screens $content.css("margin-left", "0"); } } // Add window resize event handler $(window).resize(handleResize); // Initial setup based on window width $(window).on("load", function () { toggleSidebar(); handleResize(); $sidebar.toggleClass('active'); }); toggleSidebar(); }); </script> </body> </html><?php /PATH /home/autoph/public_html/projects/tickets-autohub/resources/views/layouts/user.blade.php ENDPATH*/ ?>

| ver. 1.4 | . | PHP 8.1.32 | Generation time: 0 | proxy | phpinfo | Settings