@extends('layouts.main')
@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{ asset('css/modules.css') }}"/>
    @endpush
@endonce

@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">

    <x-page-header
    >
        Modules
    </x-page-header>
    <div id="modules-container" class="d-flex"  style=" height: calc(100% - 36px);">
        <x-ms-sidebar :microservices="$microservices" :activeMicroservice="$microservice" routeName="management-permissions.modules"/>
        <x-side-table :tableData="$modules">
            <x-slot name="title">
                 <span class="side-table-header-title-ms">
                    {{ $microservice->name }}
                 </span> MODULES</p>
                <x-ui.blue-button  modal="important-info-modal">
                    IMPORTANT INFO
                </x-ui.blue-button>
                @include('management-permissions.partials.important-info-modal')
            </x-slot>
            <x-slot name="create">
                <x-ui.blue-button  modal="create-module-modal">
                        CREATE MODULE
                   </x-ui.blue-button>
                @include('management-permissions.partials.create-module-modal',['microservice'=>$microservice])
            </x-slot>

            <x-slot name="tHeadContent">
                <th class="text-center small">ID</th>
                <th class="text-left">VIEW NAME</th>
                <th class="text-left">DESCRIPTION</th>
                <th class="text-center">LOGO</th>
                <th class="text-center">PERMISSIONS</th>
                <th class="text-left">NAME</th>
                <th class="text-center">ACTION</th>
            </x-slot>
            <x-slot name="tBodyContent">
                @foreach($modules as $module)
                    <tr data-microservice-id="{{ $module->microservice_id }}"
                        class="microservice-{{ $module->microservice_id }} {{$module->permissions->count() ==0 ? 'warning': ''}}">


                        <td class="text-center small">
                            <b>{{$module->id}}</b>
                        </td>

                        <td class="text-left">
                            <b>{{$module->view_name}}</b>
                        </td>

                        <td class="text-left status-column">
                            <b>{{$module->description}}</b>
                        </td>

                        <td class="text-left status-column">
                            <a href="{{asset($module->filepath)}}" target="_blank">
                            <b>{{$module->filepath}}</b>
                            </a>
                        </td>

                        <td class="text-center {{$module->permissions->count() ==0 ? 'warning': ''}}">


                                    @forelse ($module->permissions as $permission)
                                        <b>{{$permission->id}} {{!$loop->last ? ', ' : ''}}</b>
                                        <div class="hoverable">
                                            <b>Permissions:</b>
                                            <ul>
                                                @foreach($module->permissions as $permission)
                                                    <li><b>{{$permission->id}}.</b> {{$permission->name}}</li>
                                                @endforeach
                                            </ul>
                                        </div>

                                    @empty
                                        <b>unset</b>


                                    @endforelse


                        </td>

                        <td>
                            <b>{{$module->name}}</b>
                        </td>

                        <td class="text-center action-column">
                        <span for="action-{{$loop->index}}" class="actions-toggle">
                            <img src="{{asset('images/actions-toggle.svg')}}" alt="open actions">
                        </span>
                            <div class="actions-popup">
                            <span class="close-popup">
                                X
                            </span>
                                <ul>
                                    <li>
                                        <a data-toggle='modal' data-target="edit-module-modal-{{$module->id}}">
                                            EDIT
                                        </a>
                                    </li>
                                    <li>
                                        <a data-toggle='modal' data-target="edit-module-rules-modal-{{$module->id}}">
                                            EDIT RULES
                                        </a>
                                    </li>
                                    <li>
                                        <a class=""
                                           href="{{ route('management-permissions.permissions', ['microservice' => $microservice,'module' => $module]) }}">PERMISSIONS</a>
                                    </li>

                                    <li><a data-toggle='modal' data-target="delete-modal-{{$module->id}}">
                                            DELETE
                                        </a></li>
                                </ul>
                            </div>
                        </td>

                        @include('management-permissions.partials.edit-module-modal' ,['microservice'=>$microservice, 'module'=>$module])
                    @include('management-permissions.partials.edit-module-rules-modal',['microservice'=>$microservice, 'module'=>$module, 'roles'=>$roles])


                        @if(count($module->permissions) > 0)
                            <x-ui.modal.delete
                                model="MODULE"
                                description='Module:  {{$module->name}} {{$module->view_name}} !'
                                warning="WARNING: This module has permissions attached. Everything will be deleted"
                                :action="route('management-permissions.modules.delete', ['module'=> $module->id, 'microservice'=> $microservice ])"
                                :id='"delete-modal-".$module->id'></x-ui.modal.delete>

                        @else

                            <x-ui.modal.delete
                                model="MODULE"
                                description="Module:  {{$module->name}} {{$module->view_name}}"
                                :action="route('management-permissions.modules.delete', ['module'=> $module->id, 'microservice'=> $microservice ])"
                                :id='"delete-modal-".$module->id'></x-ui.modal.delete>


                        @endif



                    </tr>
                @endforeach


            </x-slot>

        </x-side-table>

    </div>

     @include('management-permissions.partials.create-module-modal')
    </div>
@endsection