@php
    $preloaderLogo = (auth()->check() && is_mec_role())
        ? asset('assets/dist/img/sims-logo.png')
        : asset('assets/dist/img/gos.png');
    $preloaderLabel = (auth()->check() && is_mec_role())
        ? 'Sindh Integrated M&E System'
        : 'Sindh Development Portfolio Management System';
@endphp
<div class="preloader flex-column justify-content-center align-items-center pms-app-preloader" id="pms-app-preloader" aria-busy="true" aria-live="polite" aria-label="Loading application">
    <div class="pms-app-preloader__glow pms-app-preloader__glow--1" aria-hidden="true"></div>
    <div class="pms-app-preloader__glow pms-app-preloader__glow--2" aria-hidden="true"></div>
    <div class="pms-app-preloader__content">
        <div class="pms-app-preloader__spinner-wrap">
            <span class="pms-app-preloader__ring pms-app-preloader__ring--track" aria-hidden="true"></span>
            <span class="pms-app-preloader__ring pms-app-preloader__ring--spin" aria-hidden="true"></span>
            <img class="pms-app-preloader__logo" src="{{ $preloaderLogo }}" alt="" width="52" height="52" decoding="async" fetchpriority="high">
        </div>
        <div class="pms-app-preloader__meta">
            <p class="pms-app-preloader__title">Please wait</p>
            <p class="pms-app-preloader__subtitle">{!! $preloaderLabel !!}</p>
        </div>
        <div class="pms-app-preloader__progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-label="Loading progress">
            <span class="pms-app-preloader__progress-bar"></span>
        </div>
    </div>
</div>