@extends('layouts_old.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/general-inner.css')}}"/>
    <link rel="stylesheet" href="{{asset('css/permissions.css')}}"/>
@endsection

@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">
    <div class="main-wrapper">
        <div id="permissions">
            <div class="row justify-content-between Header top-container mb-5">
                <div
                    class="col-md-8  d-flex flex-column justify-content-center justify-content-md-start Header-breadcrumbs">

                    {{ Breadcrumbs::render('rolepermissions', $role->name )}}
                    <h2 class="page-title"> Permissions
                        for role {{$role->view_name . ' (' . $role->name . ')'}}</h2>
                </div>
                <div class="col-md-4 d-flex  justify-content-center justify-content-md-end Header-buttons">
                    <a class="Header-buttons--button me-3" href="{{route('roles.permissions.attach',['role' => $role])}}">
                                                <p class="Header-buttons--button--text">Attach Permission
                                                </p>
                                               <img src="{{asset('images/plus.svg')}}" class="homeHeader-buttons--button--img">
                              </a>
                                        </div>
                                    </div>


                <div class="main-info-container">
                    <!-- Header -->
                    <div class="row main-info-container--header-row">
                        <p class="number">No</p>
                        <p class="name">Name</p>
                        <p class="description">Description</p>
                        <p class="view-name">Microservice</p>
                        <p class="action">Action</p>
                    </div>
                    <!-- Rows-->
                    @foreach ($permissions as $permission)
                    <div class=" row main-info-container--row">
                        <p class="number"><span>{{ $permission->id }}</span></p>
                        <p class="name">{{ $permission->name }}</p>
                        <p class="description">{{ $permission->description }}</p>
                        <p class="view-name">{{ $permission->microserviceName() }}</p>
                        <form class="action" action="{{route('roles.permissions.remove',['role' => $role, 'permission' => $permission])}}"
                        method="POST">
                            @csrf
                            @method('DELETE')
                            <button  onclick="return confirm('{{ __('Are you sure you want to remove?') }}')"  type="submit" class="btn main-info-container--btn">Remove Permission</button>
                        </form>
                    </div>
                    @endforeach
                </div>
        </div>

    </div>
    </div>
@endsection