@extends('layouts.admin')
@section('page-css')
    <link rel="stylesheet" href="{{ asset('assets/styles/vendor/datatables.min.css') }}">
@endsection
@section('main-content')

    <div class="breadcrumb">
        <h1>Permission Templates</h1>
        <ul>
            <li><a href="{{route('admin.permissions.index')}}">Permission Templates - Home</a></li>
            <li>Assign</li>
        </ul>
    </div>
    <div class="separator-breadcrumb border-top"></div>


    <section class="contact-list">
        <div class="row">
            <div class="col-md-12 mb-4">
                <div class="card text-left">
                    <div class="card-body">
                        <form name="frmAssignPerm" id="frmAssignPerm" method="post" action="{{route('admin.permissions.assignPermsToRoles',$role->id)}}">
                            @csrf
                            @method('POST')
                            <h4 class="card-title mb-3">Permission Template - {{ucwords($role->name)}}</h4>

                            <ul class="nav nav-tabs" id="myIconTab" role="tablist">
                                @foreach($permissionCats as $key=>$values)
                                    <li class="nav-item">
                                        <a class="nav-link {{($loop->index == 0)?'active':''}}" id="home-icon-tab" data-toggle="tab" href="#{{$values->slug}}" role="tab" aria-controls="{{$key}}" aria-selected="true">{{$values->subcat}}</a>
                                    </li>

                                @endforeach
                            </ul>
                            <div class="tab-content" id="myIconTabContent">
                                @foreach($permissionCats as $key=>$values)
                                    <div class="tab-pane fade  {{($loop->index == 0)?'show active':''}}" id="{{$values->slug}}" role="tabpanel" aria-labelledby="{{$key}}-tab">
                                        @foreach($permissionSubCats as $subKey=>$subValues)
                                            @if($subValues->subcat == $values->subcat)
                                                <div class="ul-widget1">
                                                    <div class="ul-widget2__item pt-4">
                                                        <label class="switch switch-success mr-3">
                                                            <input type="checkbox" value="{{$subValues->permissions}}" name="permission[{{$subValues->permissions}}]" id="{{$subValues->permissions}}" {{ ($role->hasPermissionTo($subValues->permissions))?'checked':'' }}>
                                                            <span class="slider"></span>
                                                        </label>
                                                        <div class="ul-widget2__info">
                                                            <span class="ul-widget2__title">
                                                                {{$subValues->permissions}}
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>
                                @endforeach
                            </div>
                            <div class="col-md-12">
                                <button class="btn btn-primary" type="submit" name="submit">Assign Permission to {{ucwords($role->name)}}</button>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <!-- end of row -->

@endsection

@section('bottom-js')

    <script src="{{asset('assets/js/form.validation.script.js')}}"></script>
@endsection