@foreach($modules as $pool => $parent)
    <div id="{{ $pool }}" class="eachPool">
        @forelse($parent as $eachModule)
            <div class="moduleHolder {{ $eachModule->getRegistry()['class'] }}">
                <div class="moduleHead">
                    <span class="moduleIco">
                        <i class="fa fa-cube"></i>
                    </span>
                    <span class="moduleName"> {{ $eachModule->registry['name'] }}</span>
                    <div class="moduleControls">
                        <span class="btn btn-outline blue moduleInfo"><i class="fa fa-info"></i></span>
                        @if($eachModule->registry['active'])
                            @if ($eachModule->getConfigRoute())
                                <a href="#" data-href="{{ $eachModule->getConfigRoute() }}"
                                   class="btn btn-outline green moduleConfig"
                                   data-open-as="{{ $eachModule->configPageType }}">
                                    <i class="fa fa-cog"></i>
                                </a>
                            @endif
                            <span data-id="{{ $eachModule->moduleId }}" data-style="contract"
                                  data-spinner-color="#3598dc"
                                  class="btn btn-outline ladda-button primaryButton moduleDeactivate" style="border-color: #61ce70;color: #61ce70">{{ _t('settings.Deactivate') }}</span>
                            <span data-module="{{ $eachModule->registry['slug'] }}" data-style="contract"
                                  data-spinner-color="#eea236"
                                  class="btn btn-outline ladda-button red moduleUninstall">{{ _t('settings.Uninstall') }}</span>
                        @elseif($eachModule->moduleId)
                            <span data-id="{{ $eachModule->moduleId }}" data-style="contract"
                                  data-spinner-color="#3598dc"
                                  class="btn btn-outline ladda-button blue moduleActivate">{{ _t('settings.Activate') }}</span>
                            <span data-module="{{ $eachModule->registry['slug'] }}" data-style="contract"
                                  data-spinner-color="#eea236"
                                  class="btn btn-outline ladda-button red moduleUninstall">{{ _t('settings.Uninstall') }}</span>
                        @else
                            <span data-module="{{ $eachModule->registry['slug'] }}" data-style="contract"
                                  data-spinner-color="#32c5d2"
                                  class="btn btn-outline ladda-button green moduleInstall">{{ _t('settings.Install') }}</span>
                            <span data-module="{{ $eachModule->registry['slug'] }}" data-style="contract"
                                  data-spinner-color="#eea236"
                                  class="btn btn-outline ladda-button red moduleUninstall">{{ _t('settings.Uninstall') }}</span>
                        @endif
                    </div>
                </div>
                <div class="moduleMeta">
                    @forelse(collect($eachModule->getRegistry())->only(['name','author','version','description', 'class','screenshot']) as $metaKey => $metaValue)
                        @if($metaKey == 'screenshot')
                            <div class="eachMeta {{ $metaKey }}">
                                <label>{{ $metaKey }}</label>
                                <img src="{{ asset('photos/admin/logos/hybrid-logo.png') }}">
                            </div>

                        @else
                            <div class="eachMeta {{ $metaKey }}">
                                <label>{{ $metaKey }}</label>
                                <span class="metaValue">{{ $metaValue }}</span>
                            </div>
                        @endif
                    @empty
                        <div class="noMeta">{{ _t('settings.There_are_no_meta_informations_found') }}</div>
                    @endforelse
                </div>
            </div>
        @empty
            <div class="noModules"><i
                        class="fa fa-info"></i>{{ _t('settings.Sorry_there_are_no_modules_in_this_pool!') }}
            </div>
        @endforelse
    </div>
@endforeach
<script>
    "use strict";

    /**
     * document ready functions
     */
    $(function () {
        Ladda.bind('.ladda-button');
    });
</script>