@extends('layouts.app')

@section('appjs')
<script type="application/javascript" src="{{ asset('js/app.js') }}"></script>
@endsection

@section('content')
@section('page_title')
Support UserDetails
@endsection
<div class="container-fluid">
    <div class="card">
        <div class="card-header">
            <h3> Role & Menus
            <!-- <a href="{{route('register')}}" class="btn btn-primary btn-sm border-radius-0 pull-right"><i class="fa fa-pencil"></i> Menu Permissions</a> -->
            </h3>
        </div>
        <div class="card-body table-responsive">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>Menu</th>
                        @if(count($roles)>0)
                        @foreach($roles as $rol)
                        <th class="text-center">{{$rol->role}}</th>
                        @endforeach
                        @endif
                    </tr>
                </thead>
                <tbody>
                    @if(count($active_role_menu)>0)
                    @foreach($active_role_menu as $key => $role_menu)
                    <tr>
                        <td>{{ $key }}</td>
                        @foreach($role_menu as $role => $value)
                        <td class="text-center">@if($value ==1)
                        <i class="fa fa-check greenIcon" aria-hidden="true"></i>
                        @else
                        <i class="fa fa-times redIcon" aria-hidden="true"></i> 
                        @endif
                     </td>
                      @endforeach
                    <tr>
                        @endforeach
                        @endif

                </tbody>
            </table>
        </div>
    </div>
</div>
<link rel="stylesheet" href="{{asset('css/jquery-ui.css')}}" />
<script type="application/javascript" src="{{ asset('js/jquery-ui.js') }}"></script>
@endsection