@extends('theme::layout.layout_dashboard')

@section('title', ''.env('APP_NAME').' | Trader Rotas')

@section('content')
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

    <div class="section" style="width: 100%;">
        <div class="space-y-12">
            <div class="border-gray-900/10 pb-0">
                <div class="title-drake-fusion-formated">
                    <h2 class="text-base font-semibold leading-4 text-gray-900 inline-flex-aliest" style="text-transform: uppercase;">
                        Detalhes das rotas</span>
                    </a>
                    </h2>
                    <p class="mt-0 text-sm leading-0 text-gray-600">Gostaria de acessar alguma dessas rotas?</p>
                </div>
                <hr style="margin-top: 1em;">
            </div>
        </div>
        <div>

            <div class="flex p-4 mb-4 text-sm text-blue-800 rounded-lg bg-blue-50 dark:bg-gray-800 dark:text-blue-400" role="alert" style="margin-top: 1.5em!important;">
              <svg class="flex-shrink-0 inline w-4 h-4 me-3 mt-[2px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
              </svg>
              <span class="sr-only">Info</span>
              <div>
                <span class="font-medium">Rotas para public/usuários</span>
                  <ul class="mt-1.5 list-disc list-inside">
                    <li>Veja todas as rotas públicas desse módulo.</li>
                </ul>
              </div>
            </div>

            <ul class="w-48 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg dark:bg-gray-700 dark:border-gray-600 dark:text-white" style="margin-top: 1em; width: 100%;">

                @php
                    $specificModuleName = 'ModuloModel'; // Substitua pelo nome do módulo que você deseja exibir
                @endphp

                @if(!empty($modules))
                    @foreach ($modules as $module)
                        @if ($module->getName() === $specificModuleName) <!-- Filtra o módulo específico usando um método público -->
                            @php
                                $App_Url = env('APP_URL');
                                $menus = $module->get('menus_web');
                            @endphp

                            @if ($module->isEnabled())
                                @foreach ($menus as $index => $menu)
                                    <div class="menu-item">
                                        @if (isset($menu['submenu']))
                                            <!-- <li style="width: 100%; display: inline-flex!important; align-items: center;" class="w-full px-4 py-2 border-b border-gray-200 dark:border-gray-600">
                                                <i data-feather="{{ $menu['icon'] }}" style="width: 1.2em" class="mr-3"></i>
                                                <span>{{ $menu['title'] }}</span>
                                            </li> -->
                                           
                                            <ul>
                                                @foreach ($menu['submenu'] as $submenu)
                                                    <li class="w-full px-4 py-2 border-b border-gray-200 dark:border-gray-600">
                                                        <a target="_blank" style="width: 100%; display: inline-flex!important; align-items: center;" href="{{ $App_Url }}user/{{ $submenu['url'] }}">
                                                            <i class="{{ $submenu['icon'] }} mr-2"></i>
                                                            {{ $submenu['title'] }}
                                                        </a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        @else
                                            <li class="w-full px-4 py-2 border-b border-gray-200 dark:border-gray-600">
                                                <a target="_blank" href="{{ $App_Url }}user/{{ $menu['url'] }}" style="width: 100%; display: inline-flex!important; align-items: center;">
                                                    <i data-feather="{{ $menu['icon'] }}" style="width: 1.2em" class="mr-3"></i>
                                                    <span class="flex-grow">{{ $menu['title'] }}</span>
                                                </a>
                                            </li>
                                        @endif
                                    </div>
                                @endforeach
                            @endif
                        @endif
                    @endforeach
                @endif
            </ul>


            <div class="flex p-4 mb-4 text-sm text-blue-800 rounded-lg bg-blue-50 dark:bg-gray-800 dark:text-blue-400" role="alert" style="margin-top: 1.5em!important;">
              <svg class="flex-shrink-0 inline w-4 h-4 me-3 mt-[2px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
              </svg>
              <span class="sr-only">Info</span>
              <div>
                <span class="font-medium">Rotas para admin/moderadores</span>
                  <ul class="mt-1.5 list-disc list-inside">
                    <li>Veja todas as rotas para o admin desse módulo.</li>
                </ul>
              </div>
            </div>

            <ul class="w-48 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg dark:bg-gray-700 dark:border-gray-600 dark:text-white" style="margin-top: 1em; width: 100%;">
                @php
                    $specificModuleName = 'ModuloModel'; // Substitua pelo nome do módulo que você deseja exibir
                @endphp

                @if(!empty($modules))
                    @foreach ($modules as $module)
                        @if ($module->getName() === $specificModuleName) <!-- Filtra o módulo específico usando um método público -->
                            @php
                                $App_Url = env('APP_URL');
                                $menus = $module->get('menus_admin');
                            @endphp

                            @if ($module->isEnabled())
                                @foreach ($menus as $index => $menu)
                                    <div class="menu-item">
                                        @if (isset($menu['submenu']))
                                            <ul>
                                                @foreach ($menu['submenu'] as $submenu)
                                                    <li class="w-full px-4 py-2 border-b border-gray-200 dark:border-gray-600">
                                                        <a target="_blank" style="width: 100%; display: inline-flex!important; align-items: center;" href="{{ $App_Url }}admin/{{ $submenu['url'] }}">
                                                            <i class="{{ $submenu['icon'] }} mr-2"></i>
                                                            {{ $submenu['title'] }}
                                                        </a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        @else
                                            <li class="w-full px-4 py-2 border-b border-gray-200 dark:border-gray-600">
                                                <a target="_blank" href="{{ $App_Url }}admin/{{ $menu['url'] }}" style="width: 100%; display: inline-flex!important; align-items: center;">
                                                    <i data-feather="{{ $menu['icon'] }}" style="width: 1.2em" class="mr-3"></i>
                                                    <span class="flex-grow">{{ $menu['title'] }}</span>
                                                </a>
                                            </li>
                                        @endif
                                    </div>
                                @endforeach
                            @endif
                        @endif
                    @endforeach
                @endif
            </ul>
        </div>
    </div>
@endsection