@extends('layouts.main')
@once
    @push('stylesheets')
        <link rel="stylesheet" href="{{ asset('css/permissions.css') }}"/>
    @endpush
@endonce
@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">
        <x-page-header>
            Permissions
        </x-page-header>
        <div id="permissions-container" class="d-flex" style=" height: calc(100% - 36px);">
            <x-ms-sidebar :microservices="$microservices" :activeMicroservice="$microservice" :activeModule="$module" routeName="management-permissions.permissions"/>
            <x-side-table :tableData="$module->permissions">
                <x-slot name="title">
                 <span class="side-table-header-title-ms">
                     Module: {{ \App\SupportClasses\StringHandler::upperGreek($module->view_name) }} ( {{ $module->name }})
                 </span> PERMISSIONS</p>
                </x-slot>


                <x-slot name="create">
                    @if($module->available_verbs)
                    <x-ui.blue-button  modal="create-permission-modal">
                            CREATE PERMISSION
                       </x-ui.blue-button>
                        @include('management-permissions.partials.create-permission-modal',['has_default_view' =>$module->default_view,'microservice'=>$microservice, 'module'=>$module])
                    @endif
                </x-slot>
                <x-slot name="tHeadContent">
                    <th class="text-center small">ID</th>
                    <th class="text-center status-column">DEFAULT</th>
                    <th class="text-left">NAME</th>
                    <th class="text-left">VIEW NAME</th>
                    <th class="text-left">DESCRIPTION</th>
                    <th class="text-center status-column">QUICKACCESS</th>
                    <th class="text-center status-column">AUTH</th>
                    <th class="text-center">ACTION</th>
                </x-slot>
                <x-slot name="tBodyContent">
                    @foreach($module->permissions as $permission)

                        <tr data-microservice-id="{{ $permission->module_id }}"
                            title="{{$permission->extra_auth ? "Requires Extra Authentication" : 'Does not require Extra Authentication'}}"
                            class="module-{{ $permission->module_id }}">
                            <td class="text-center">
                                <b>{{$permission->id}}</b>
                            </td>

                            <td class="text-center status-column">
                                <div class="{{$module->default_view == explode(".", $permission->name)[2] ? "active" : 'inactive'}}"></div>
                            </td>
                            <td>
                                <b>{{$permission->name}}</b>
                            </td>
                            <td>
                                <b>{{$permission->view_name}}</b>
                            </td>


                            <td class="text-left status-column">
                                <b>{{$permission->description}}</b>
                            </td>
                            <td class="text-center status-column">
                                <div class="{{$permission->quick_access ? "active" : 'inactive'}}"></div>
                            </td>
                            <td class="text-center status-column">
                                <div class="{{$permission->extra_auth ? "active" : 'inactive'}}"></div>
                            </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-permission-modal-{{$permission->id}}">
                                                EDIT
                                            </a>
                                        </li>
                                        @if(!($module->default_view == explode(".", $permission->name)[2]))
                                            <form
                                                action="{{route('management-permissions.permissions.set-as-default-view',['permission' => $permission, 'microservice_id' => $microservice->id, 'module_id' => $module->id])}}"
                                                method="post">
                                                @csrf
                                                <li>
                                                    <button type="submit">SET AS DEFAULT SCREEN/VIEW</button>
                                                </li>
                                            </form>
                                        @endif
                                        <li><a data-toggle='modal' data-target="delete-permission-{{$permission->id}}">
                                                DELETE
                                            </a></li>
                                    </ul>
                                </div>
                            </td>
                            @include('management-permissions.partials.edit-permission-modal' ,['has_default_view' =>$module->default_view,'permission'=>$permission])
                            <x-ui.modal.delete
                                model="PERMISSION"
                                description="Permission:  {{$permission->name}}"
                                :action="route('management-permissions.permissions.delete', ['permission'=>$permission, 'microservice_id' => $microservice->id, 'module_id' => $module->id])"
                                :id='"delete-permission-".$permission->id'></x-ui.modal.delete>

                        </tr>
                    @endforeach

                </x-slot>
            </x-side-table>
        </div>
    </div>
@endsection