FileXXXXXXXXXXX

File manager - Edit - /var/www/payraty/inventory_main/storage/framework/views/87e6b30f088436f625c37168412012f818528129.php

Back
<?php $user = Auth::user(); $profile = DB::table('profiles')->where('user_id', $user->id)->first(); ?> <style> .header-container { background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #d1d5db; padding: 16px 40px; /* Adjusted padding for better spacing on both sides / } .header { display: flex; align-items: center; justify-content: space-between; / Keeps the title and actions apart / } .title-section { flex: 1; } .page-title { font-size: 20px; font-weight: bold; margin: 0; color: #334155; } .navbar-custom { justify-items: right; } .navbar-box { width: 100%; display: flex; justify-content: space-between; align-items: center; } .inventory-text-box { margin-left: 30px; margin-top: 10px; } @media (max-width: 768px) { .inventory-text-box { display: none; } } .inventory-text { font-size: 24px; } @media (max-width: 1023px) { .navbar-custom { justify-items: unset; } } .actions-section { display: flex; align-items: center; gap: 30px; / Consistent spacing between Help, Bell, and Profile / / padding-right: 70px; / padding-top: 10px; / Pulled the right-side content closer / margin-right: 35px; } @media (max-width: 1023px) { .actions-section { display: none; } } .help { display: flex; align-items: center; gap: 10px; / Space between "?" icon and text / color: #667185; font-size: 14px; cursor: pointer; } .help-icon { display: flex; align-items: center; justify-content: center; / background-color: #e0f2fe; / color: #1e40af; width: 20px; height: 20px; border-radius: 50%; font-weight: bold; } .notifications .notification-icon { font-size: 24px; color: #1e40af; cursor: pointer; } .profile { display: flex; align-items: center; gap: 10px; / Space between image and text / cursor: pointer; width: min-content; padding-right: 20px; } .profile-img { width: 40px; height: 40px; border-radius: 50%; } .profile-info { display: flex; flex-direction: column; align-items: flex-start; } .profile-name { font-size: 14px; font-weight: bold; color: #1e3a8a; white-space: nowrap; } .profile-role { font-size: 12px; color: #64748b; } .dropper { position: relative; display: inline-block; } / Dropdown Toggle Button / / .dropdown-toggle { display: flex; align-items: center; background: none; border: none; cursor: pointer; font-size: 16px; color: #000; padding: 4px 0; } / / Arrow Icon / .dropdown-arrow { margin-left: 8px; font-size: 14px; / transition: transform 0.3s ease; / } / Rotate Arrow on Hover/Active / .dropper:hover .dropdown-arrow { / transform: rotate(180deg); / } / Dropdown Menu / .dropdown-menu { display: none; / Hidden by default / position: absolute; top: calc(100% + 0px); left: -195px; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 1000; / width: 350px; / padding: 0; margin: 0; } / Dropdown Items / .dropdown-item { padding: 6px 16px; } .dropdown-link { text-decoration: none; color: #000; display: block; font-size: 14px; } .dropdown-link:hover { background-color: #f0f0f0; color: #007bff; } / Show Dropdown Menu on Hover / / .dropper:hover .dropdown-menu { display: block; } / / Table designs / / Container for header, search, and filters / .header-container_b { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 2rem; } / Header Text / .header-title { / width: 10%; / font-size: 1rem; color: #002C77; ; / Primary Color / } / Search Input / .search-container { width: 40%; position: relative; margin-top: 1rem; } .input-group { max-width: 400px; } .input-group-text { background-color: white; border: none; } .input-group-text i { color: #6c757d; / Secondary Color / } .form-control { / border: none; / / box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); / / Light Shadow / / font-size: 0.875rem; / / Small Text / / background-color: white; / / border-color: #d1d5db; / / Light Gray Border / } / Filters Dropdowns / .filters-container { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1rem; } .filters-container .form-select { background-color: white; width: 150px; } / Margin for Filter Dropdowns / .filter-group { margin-bottom: 1rem; margin-right: 1rem; } .filter-group:last-child { margin-right: 0; } .custom-dropdown { position: relative; display: inline-block; } .dropdown-btn { padding: 8px 16px; font-size: 14px; background-color: #f8f9fa; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; display: flex; align-items: center; } .dropdown-btn i { margin-right: 8px; / Space between icon and text / } .dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 90px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); z-index: 1; border: 1px solid #ccc; border-radius: 4px; } .custom-dropdown:hover .dropdown-content { display: block; } .dropdown-content a { padding: 8px 16px; display: block; color: black; text-decoration: none; } .dropdown-content a:hover { background-color: #ddd; } table thead th { border: none !important; background: #F8F9FD; } .table { margin-bottom: 0px !important; } .verified { background: #00A85A33; color: #00A85A; border-radius: 5px; padding: 5px 10px; margin: 0; text-align: center; } .unverified { background: #FFCCCC; color: #FF0000; border-radius: 5px; padding: 5px 10px; margin: 0; text-align: center; } .success { background: #00A85A33; color: #00A85A; border-radius: 5px; padding: 5px 10px; margin: 0; text-align: center; } .info { background: #00A85A33; color: #00A85A; border-radius: 5px; padding: 5px 10px; margin: 0; text-align: center; } .warning { background: #FFEECC; color: #DCB903; border-radius: 5px; padding: 5px 10px; margin: 0; text-align: center; } .danger { background: #FFCCCC; color: #FF0000; border-radius: 5px; padding: 5px 10px; margin: 0; text-align: center; } .custom-dropdown-b { / position: relative!important; / display: inline-block!important; } / .custom-dropdown-b .dropdown-menu-b.show { display: block !important; position: absolute; top: 100%; right: 0%; z-index: 1000; min-width: 100px; } / #section-to-print-items { padding-bottom: 120px; } .dropdown-menu-b { position: absolute; / overlay on top of table / / top: 100%; / right: 0; / align to right edge / z-index: 999; / above everything / display: none; / hide by default / background: #fff; margin-top: 20px; border: 1px solid #ccc; min-width: 150px; / adjust as needed / box-shadow: 0 2px 6px rgba(0,0,0,0.2); } #section-to-print-users { min-height: 300px } .dropdown-item-column-b { display: block; padding: 10px 0; border-top: 1px solid #eee; } .form-delete-button { margin-bottom: 0 !important; } .button-delete { color: #ec4561 !important; } .dropdown-item-b { padding: 8px 12px; cursor: pointer; text-decoration: none; color: #333; display: block; } / Responsive Design / @media (max-width: 992px) { .header-container { flex-direction: column; align-items: flex-start; } .filters-container { flex-direction: column; align-items: flex-start; } .filters-container .filter-group { margin-bottom: 1rem; } } </style> <!-- Top Bar Start --> <div class="topbar"> <!-- LOGO --> <div class="topbar-left"> <a href="<?php echo e(route('admin.dashboard')); ?>" class="logo"> <?php $user = \DB::table('users')->where('id', \Auth::id())->first(); $organisation = $user ? \DB::table('organisations')->where('id', $user->organisation_id)->first() : null; $logoPath = $organisation && $organisation->logo ? $organisation->logo : asset('images/payraty-logo.png'); ?> <span> <img src="<?php echo e($logoPath); ?>" class="ic-logo-height" alt="logo"> </span> <i> <img src="<?php echo e($logoPath); ?>" class="ic-logo-small" alt="logo"> </i> </a> <div class="float-right"> <button class="button-menu-mobile ic-collapsed-btn mobile-device-arrow open-left"> <div class="ic-medi-menu"> <svg class="w-4 h-4 !w-10 !h-10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" STY=""> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 6h-8m8 4H6m12 4h-8m8 4H6"> </path> </svg> </div> </button> </div> </div> <nav class="navbar-custom"> <div class="navbar-box"> <div class="inventory-text-box"> <h1 class="inventory-text"> Inventory </h1> </div> <ul class="navbar-right d-flex list-inline float-right mb-0 align-items-center"> <div class="actions-section"> <a target="_blank" href="https://helpdesk.payraty.com/" class="help"> <div class="help-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.95 18C12.3 18 12.596 17.879 12.838 17.637C13.08 17.395 13.2007 17.0993 13.2 16.75C13.1993 16.4007 13.0787 16.1047 12.838 15.862C12.5973 15.6193 12.3013 15.4987 11.95 15.5C11.5987 15.5013 11.303 15.6223 11.063 15.863C10.823 16.1037 10.702 16.3993 10.7 16.75C10.698 17.1007 10.819 17.3967 11.063 17.638C11.307 17.8793 11.6027 18 11.95 18ZM11.05 14.15H12.9C12.9 13.6 12.9627 13.1667 13.088 12.85C13.2133 12.5333 13.5673 12.1 14.15 11.55C14.5833 11.1167 14.925 10.704 15.175 10.312C15.425 9.92 15.55 9.44934 15.55 8.9C15.55 7.96667 15.2083 7.25001 14.525 6.75001C13.8417 6.25001 13.0333 6.00001 12.1 6.00001C11.15 6.00001 10.3793 6.25001 9.788 6.75001C9.19667 7.25001 8.784 7.85001 8.55 8.55001L10.2 9.20001C10.2833 8.9 10.471 8.57501 10.763 8.22501C11.055 7.87501 11.5007 7.70001 12.1 7.70001C12.6333 7.70001 13.0333 7.846 13.3 8.138C13.5667 8.43 13.7 8.75067 13.7 9.10001C13.7 9.43334 13.6 9.74601 13.4 10.038C13.2 10.33 12.95 10.6007 12.65 10.85C11.9167 11.5 11.4667 11.9917 11.3 12.325C11.1333 12.6583 11.05 13.2667 11.05 14.15ZM12 22C10.6167 22 9.31667 21.7377 8.1 21.213C6.88334 20.6883 5.825 19.9757 4.925 19.075C4.025 18.1743 3.31267 17.116 2.788 15.9C2.26333 14.684 2.00067 13.384 2 12C1.99933 10.616 2.262 9.31601 2.788 8.10001C3.314 6.88401 4.02633 5.82567 4.925 4.92501C5.82367 4.02434 6.882 3.31201 8.1 2.78801C9.318 2.26401 10.618 2.00134 12 2.00001C13.382 1.99867 14.682 2.26134 15.9 2.78801C17.118 3.31467 18.1763 4.02701 19.075 4.92501C19.9737 5.82301 20.6863 6.88134 21.213 8.10001C21.7397 9.31867 22.002 10.6187 22 12C21.998 13.3813 21.7353 14.6813 21.212 15.9C20.6887 17.1187 19.9763 18.177 19.075 19.075C18.1737 19.973 17.1153 20.6857 15.9 21.213C14.6847 21.7403 13.3847 22.0027 12 22Z" fill="#012060" /> </svg> </div> <span>Help</span> </a> <!-- <div style=" background-color: #e6ecfa; / Light grey background / padding: 8px; / Space around the icon / border-radius: 8px; / Rounded corners / display: inline-flex; align-items: center; justify-content: center; cursor: pointer; "> <i class="ti ti-bell" style="font-size: 20px; color: #004792;"></i> </div> --> <div class="profile"> <?php if(\Auth::guard('customer')->check()): ?> <img src="<?php echo e($profile . (isset(\Auth::user()->avatar) && !empty(\Auth::user()->avatar) ? \Auth::user()->avatar : 'logo-dark.png')); ?>" class="img-fluid rounded-circle" style="width:70px"> <?php else: ?> <img src="<?php echo e(!empty(Auth::user()->avatar) ? Auth::user()->avatar : asset('images/frame.png')); ?>" class="img-fluid rounded-circle" style="width:35px"> <?php endif; ?> <div class="dropper"> <div class="profile-info"> <span class="profile-name"> <?php echo e($profile?->first_name \|\| $profile?->last_name ? trim($profile?->first_name . ' ' . $profile?->last_name) : trim(Auth::user()->first_name . ' ' . Auth::user()->last_name)); ?></span> <div class="dropdown"> <button class="btn p-0 dropdown-toggle" type="button" id="profileDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="profile-role"><?php echo e(Auth::user()->roles()->first()->name ?? 'Employee'); ?></span> <span class="dropdown-arrow" style="margin-top: -2px;"> <svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.56836 5.69983L8.63321 8.99983L12.6981 5.69983" stroke="#151D48" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </span> </button> <div class="dropdown-menu" aria-labelledby="profileDropdown"> <a class="dropdown-item" href="<?php echo e(config('services.payraty.base_url')); ?>/all-products">All Products</a> <a class="dropdown-item" href="<?php echo e(config('services.payraty.base_url')); ?>/dashboard">Payroll Solutions</a> <a class="dropdown-item" href="/admin/dashboard">Inventory Management</a> <a class="dropdown-item" href="<?php echo e(config('services.accounting.base_url')); ?>/dashboard">Accounting Management</a> <a class="dropdown-item" href="<?php echo e(config('services.lms.base_url')); ?>/admin/dashboard">Learning Management System (LMS)</a> <div class="dropdown-divider"></div> <a class="dropdown-item text-danger" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"> Logout </a> <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" style="display: none;"> <?php echo csrf_field(); ?> </form> </div> </div> </div> </div> </div> </ul> </div> <ul class="float-left list-inline menu-left mb-0 ic-left-content"> <li class="float-left ic-larged-deviced"> <button class="button-menu-mobile"> <i class="mdi mdi-arrow-right open-left ic-mobile-arrow"></i> <div class="ic-medi-menu ic-humbarger-bar"> <div class="ic-bar"></div> <div class="ic-bar"></div> <div class="ic-bar"></div> </div> </button> </li> </ul> </nav> </div> <div class="mobile_topbar"> <div> <button class="btn " onclick="$('#sidebar-wrapper').toggle('fast')"> <svg style="max-width:40px;height:40px" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" STY=""> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M18 6h-8m8 4H6m12 4h-8m8 4H6"> </path> </svg> </button> </div> <div> <img src="<?php echo e($logoPath); ?>" class="ic-logo-small" alt="logo"> </div> </div> <!-- Top Bar End --> <?php /PATH /var/www/payraty/inventory_main/resources/views/admin/layouts/partials/_header.blade.php ENDPATH*/ ?>

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