@extends('layouts.main')

@section('title')
System Matrix | Roles
@endsection

@section('menu')
{!! $menu !!}
@endsection

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{URL('/')}}">Home</a></li>
    <li class="breadcrumb-item"><a href="{{URL('/roles')}}">Roles</a></li>
    <li class="breadcrumb-item active">{{$label}}</li>
</ol>
<div class="row">
    <div class="col-lg-12 sm-no-padding">
        <div class="card card-transparent">
            <div class="card-body no-padding">
                <div id="card-advance" class="card card-default">
                    <div class="card-body">
                        <form id="form-project" role="form" enctype="multipart/form-data" action="{{URL('/')}}/roles{{$role_id != '' ? '/'.$role_id : ''}}" method="POST">
                            <div class="row">
                                <div class="col-lg-6 sm-no-padding">
                                    @if($role_id != "")
                                    <input type="hidden" name="_method" value="PUT"/>
                                    @endif
                                    @csrf
                                    <div class="form-group-attached">
                                        <div class="form-group form-group-default required"
                                            aria-required="true">
                                            <label>Roles</label>
                                            <input type="text" class="form-control" name="role"
                                                value="{{Request::old('role') == "" ? $role : Request::old('role')}}"
                                                placeholder="" required="reqiured"
                                                aria-required="true" aria-invalid="true"
                                                aria-describedby="popover144430">
                                        </div>
                                        <div class="row clearfix">
                                            <div class="col-md-12">
                                                <div class="form-group form-group-default"
                                                    aria-required="true">
                                                    <label>Description</label>
                                                    <textarea class="form-control" name="description" 
                                                        aria-required="true" aria-invalid="true"
                                                        aria-describedby="popover538167"
                                                        row="4" cols="50" style="height: 20vh">{{Request::old('description') == "" ? $description : Request::old('description')}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- <br>
                                        <div class="row">
                                            <div class="col-8">
                                                <div class="form-check primary m-t-0">
                                                    <div class="form-check form-check-inline switch">
                                                        <input type="checkbox" name="status" id="pagesSwitch" @if($status == 'A') checked="checked" @endif>
                                                        <label for="pagesSwitch">Active?</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-4">
                                                <button aria-label="" class="btn btn-primary pull-right"
                                                    type="submit"><i class="fas fa-save"></i>&nbsp;{{$label1}} Provider</button>
                                            </div>
                                        </div> -->
                                    </div>
                                </div>
                                <div class="col-lg-6" style="overflow: auto;
                                height: 45vh;">
                                    @foreach($permission_groups->where('status', 'A') as $result)
                                        @if(count($result->permissions) != 0)
                                            <div data-pages="card" class="bg-contrast-low card-default" id="card-basic">
                                                <div class="card-header  ">
                                                    <div class="card-title">{{strtoupper($result->value)}}:
                                                    </div>
                                                </div>
                                                <div class="card-body flex-container">
                                                    @foreach($result->permissions as $result1)
                                                        <div class="form-check form-check-inline switch">
                                                            <input type="checkbox" value="{{$result1->id}}" name="permission_ids[]" id="pagesSwitch{{$result1->id}}" 
                                                            @if(count($role_permissions->where('permission_id', $result1->id)) != 0) checked="checked" @endif
                                                            >
                                                            <label for="pagesSwitch{{$result1->id}}">{{$result1->permission}}</label>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        @endif
                                        <br>
                                    @endforeach
                                </div>
                                <div class="col-lg-12">
                                    <br>
                                    <div class="row">
                                        <div class="col-8">
                                            <div class="form-check primary m-t-0">
                                                <div class="form-check form-check-inline switch">
                                                    <input type="checkbox" name="status" id="pagesSwitch" @if($status == 'A') checked="checked" @endif>
                                                    <label for="pagesSwitch">Active?</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <button aria-label="" class="btn btn-primary pull-right"
                                                type="submit"><i class="fas fa-save"></i>&nbsp;{{$label1}} Role</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        @endsection

        @section('page-script')
        <script>
        $(function() {
            $("#masterData").addClass('open');
            $("#masterData").addClass('active');
            $("#masterDataArrow").addClass('open');
            $("#masterDataArrow").addClass('active');
            $("#settings").addClass('open');
            $("#settings").addClass('active');
            $("#settingsArrow").addClass('open');
            $("#settingsArrow").addClass('active');
            $("#settingsList").css('display', 'block');
            $("#roles").addClass('active');
        });
        </script>
        @endsection