{{--
 *
 * @version     2.0.$Revision:$
 * @version     SVN: $Id:$
 * @package     bplan-base/globals
 * @subpackage  Views
 * @author      Wassilios Meletiadis <wassilios.meletiadis@bplan-solutions.de>
 * @copyright   Copyright (C) 2025 Wassilios Meletiadis <https://www.bplan-solutions.de/>
 * /Δ\
--}}

        <div style="display:flex; flex-direction:column; width:100%;">

          <!-- TabContainer -->
          <div x-data="{ selectedTab: @entangle('selectedTab') }">

            <!-- Tabs -->
@include('globals::livewire.core.global.tab-creator')
            <!-- /Tabs -->

            <div class="py-6 px-4 space-y-6 sm:p-6 border-b border-gray-200">
              <div class="grid grid-cols-6 gap-6">
                ID: {{ $mainID }}
              </div>
            </div>

            <!-- TabContents -->
            <div>

@include('globals::livewire.core.global.form-tab-content-loader')

            </div>
            <!-- /TabContents -->
          </div>
          <!-- /TabContainer -->


@if ($selectedTab === 'tenant-modules')
    @include('globals::livewire.core.'.$resourceName.'.snippets.tenant-modules-buttons')

@elseif ($selectedTab === 'tenant-external-systems')
    @include('globals::livewire.core.'.$resourceName.'.snippets.tenant-external-systems-buttons')

@else
    @include('globals::livewire.core.global.form-buttons')

@endif


@include('globals::livewire.core.global.modal-dialog')

        </div>
