{{--
 * Blade Template
 *
 * @version     1.0.$Revision:$
 * @version     SVN: $Id:$
 * @package     bplan-base/globals
 * @subpackage  Blades
 * @author      Wassilios Meletiadis <wassilios.meletiadis@bplan-solutions.de>
 * @author      Emilio Cannarozzo <emilio.cannarozzo@bplan-solutions.de>
 * @copyright   Copyright (C) 2025, 2026 bplan-solutions GmbH & Co. KG <https://www.bplan-solutions.de/>
 * /Δ\
--}}

    <x-app-layout>

      <div class="py-12">
        <div class="mx-auto sm:px-6 lg:px-8">
          <div class="overflow-hidden sm:rounded-lg">
            {{-- BEGIN --}}
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">

@foreach ($ModuleCollection as $Module)

              <div class="rounded-lg border border-gray-200 h-32 md:h-64 bg-white px-4 py-2 hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700">
                <a href="{{ route(strtolower($Module?->identifier).'-dashboard') }}" class="flex flex-col items-center justify-center w-full h-full">
                  <div class="flex justify-center">
                    {!! svg_icon('globals.svg-icons.module-'.strtolower($Module->identifier), 'style="height:110px;') !!}

                  </div>
                  <div class="flex justify-center">
                    <span class="text-4xl font-medium text-gray-900 dark:text-white">
                        {{ $Module?->label }}
                    </span>
                  </div>
                </a>
              </div>

@endforeach

@for ($i = 0; $i < 4 - count($ModuleCollection); $i++)

                    {{-- <div class="border-2 border-dashed rounded-lg border-gray-300 dark:border-gray-600 h-32 md:h-64"></div> --}}

@endfor

            </div>


          </div>
        </div>
      </div>
    </x-app-layout>
