<div class="bg-main-container mt-1 z-0 ">

    <link href="{{ asset('css/pages/patch.css') }}" rel="stylesheet">
    <div wire:loading.class="" 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 mx-4">
        @if ($currentContent === 'Role')
            <livewire:pages.role.role-index />
        @elseif ($currentContent === 'User')
            <livewire:pages.user.user-index />
        @elseif ($currentContent === 'Company')
            <livewire:pages.company.company-index />
        @elseif ($currentContent === 'Group')
            <livewire:pages.group.group-index />
        @elseif ($currentContent === 'ServerLicense')
            <livewire:pages.server-license.server-license-index />
        @elseif ($currentContent === 'SendPatch')
            <livewire:pages.send-patch.send-patch-index />
        @elseif ($currentContent === 'SendMultiPatch')
            <livewire:pages.send-patch.send-multi-patch-list />
        @elseif ($currentContent === 'DeleteMultiPatch')
            <livewire:pages.send-patch.delete-multi-patch />
        @elseif ($currentContent === 'Patch')
            <livewire:pages.patch.patch-index />
        @elseif ($currentContent === 'Parameter')
            <livewire:pages.parameter.parameter-index />
        @elseif ($currentContent === 'ExchangeRate')
            <livewire:pages.exchangerate.exchangerate-index />
        @elseif ($currentContent === 'DischargePort')
            <livewire:pages.dischargeport.dischargeport-index />
        @elseif ($currentContent === 'MasterFile')
            <livewire:pages.patch.patch-master-file/>
        @elseif ($currentContent === 'FormatFileMaster')
            <livewire:pages.format-file-master.file-index />
        @else
            @livewire('code-comparer')
        @endif
    </div>
    <script>
        // document.addEventListener('livewire:load', function () {
        //     $(".card").html("dddd")
        // });
    </script>
</div>
