@extends('layouts.admin')

@section('title')
    Superadmin -
@endsection

@section('toolbar')
    <div class="toolbar py-5 py-lg-5" id="kt_toolbar">
        <div id="kt_toolbar_container" class="container-xxl d-flex flex-stack flex-wrap">
            <div class="page-title d-flex flex-column me-3">
                <h1 class="d-flex text-dark fw-bolder my-1 fs-3">Login Sebagai</h1>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content flex-row-fluid" id="kt_content">
            <ul class="nav row mb-10 justify-content-center">
                @foreach($modules as $module)
                    <li class="nav-item col-6 col-lg mb-5 mb-lg-0">
                        <a class="nav-link btn btn-flex btn-color-gray-400 btn-outline btn-outline-default btn-active-primary d-flex flex-column py-5 h-1250px h-lg-175px"
                           href="javascript:void(0)"
                           onclick="{{ !empty($module['action']) ? $module['action'] . '()' : 'open_link(`'. $module['url'] .'`)' }}"
                        >
                            <img src="{{ asset('img/' . $module['icon']) }}" alt="" class="h-70px mt-4 mb-3">
                            <span class="fs-6 fw-bold">{{ $module['desc'] }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        let open_link = (url) => {
            window.location.href = "{{ url('superadmin/select_role') }}/" + url;
        }
    </script>
@endpush