<div class="bg-main-container mt-1 z-0 "
    :class="sidebarOpen
        ?
        (window.innerWidth < 1500 ? (window.innerWidth < 1300 ? 'w-[90%] justify-self-end' :
            'w-[95%] justify-self-end') : 'w-full') :
        'w-full'">

    <link href="{{ asset('css/pages/patch.css') }}" rel="stylesheet">
    <div wire:loading.delay wire:loading.class.remove="hidden"
        class="absolute inset-0 items-center justify-center z-50 bg-slate-50 dark:bg-navy-900 hidden">
        <div class="flex justify-center items-center ">
            <div class="items-center h-100vh" style="align-content: center;">
                <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-500"></div>
            </div>

        </div>
    </div>
    {{-- end loading --}}
    <div wire:loading.remove class="bg-main-container">
        @switch($currentContent)
            @case('Role')
                <livewire:pages.role.role-index wire:init />
            @break

            @case('User')
                <livewire:pages.user.user-index wire:init />
            @break

            @case('Company')
                <livewire:pages.company.company-index wire:init />
            @break

            @case('Group')
                <livewire:pages.group.group-index wire:init />
            @break

            @case('ServerLicense')
                <livewire:pages.server-license.server-license-index wire:init />
            @break

            @case('SendPatch')
                <livewire:pages.send-patch.send-patch-index wire:init />
            @break

            @case('SendMultiPatch')
                <livewire:pages.send-patch.send-multi-patch-list wire:init />
            @break

            @case('DeleteMultiPatch')
                <livewire:pages.send-patch.delete-multi-patch wire:init />
            @break

            @case('Patch')
                <livewire:pages.patch.patch-index wire:init />
            @break

            @case('Parameter')
                <livewire:pages.parameter.parameter-index wire:init />
            @break

            @case('News')
                <livewire:pages.news.news-index wire:init />
            @break

            @case('ExchangeRate')
                <livewire:pages.exchangerate.exchangerate-index wire:init />
            @break

            @case('PatchExchangeRate')
                <livewire:pages.exchangerate.exchangerate-upload wire:init />
            @break

            @case('DischargePort')
                <livewire:pages.dischargeport.dischargeport-index wire:init />
            @break

            @case('MasterFile')
                @include('patch.patch-master-file')
                {{-- <livewire:pages.patch.patch-master-file wire:init /> --}}
            @break

            @case('FormatFileMaster')
                <livewire:pages.format-file-master.file-index wire:init />
            @break

            @case('Report')
                <livewire:pages.report.report-index wire:init />
            @break

            @case('ManualResponse')
                <livewire:pages.manual-response.manual-response />
            @break

            @default
                @livewire('code-comparer')
        @endswitch

        <x-modals.alert-modal name="alert-modal"></x-modals.alert-modal>
    </div>
    
</div>
