@extends('layouts.main')

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

@section('content')
    <div class="main-wrapper">
        <div id="permissions-attach">
            <div class="row justify-content-between Header mb-5 permissions-attach-content">
                <!-- Breadcrumbs & Title -->
                <div class="col-md-12 d-flex justify-content-md-start Header-breadcrumbs">
                    <div class="permissions-attach-content--breadcrumbs">
                        {{Breadcrumbs::render('attachpermissionstorole', $role->name) }}
                        <h2 class="permissions-attach-content page-title pb-4">
                            Available Permissions for role {{$role->view_name}}
                        </h2>
                    </div>

                </div>
            </div>
            <!-- Attach Permissions Grid - Header & Rows-->
            <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">View Name</p>
                    <p class="action">Action</p>
                </div>
                <!-- Rows-->
                @foreach ($permissions as $permission)
                    <div class=" row main-info-container--row">
                        <p class="number"><span>{{ $loop->iteration }}</span></p>
                        <p class="name">{{ $permission->name }}</p>
                        <p class="description">{{ $permission->description }}</p>
                        <p class="view-name">{{ $permission->view_name }}</p>
                        <form class="action"
                              action="{{route('roles.permissions.add',['role' => $role, 'permission' => $permission->id]) }}"
                              method="POST">
                            @csrf
                            <button type="submit" class="btn main-info-container--btn">Attach Permission</button>
                        </form>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection