@extends('layouts.admin.index')
@section('content')

<div class="card">
    <div class="card-header">
        {{ trans('cruds.create') }} {{ trans('cruds.role') }}
    </div>
    <style>
    .form-check-label {
        text-transform: capitalize;
    }

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
        padding: 2px !important;
        /* border-color: inherit; */
        border-style: solid !important;
        /* border-width: 2px !important; */
        border: 1px solid #ced4da !important;
        /* color: #000 !important; */
    }
    </style>

    <div class="card-body">
        <form action="{{ route("admin.roles.store") }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group {{ $errors->has('title') ? 'has-error' : '' }}">
                <label for="title">{{ trans('cruds.role') }} (<span class="required">*</span>) </label>
                <input type="text" id="title" name="title" class="form-control"
                    value="{{ old('title', isset($role) ? $role->title : '') }}" required>
                <input type="hidden" name="update_id" id="update_id" value="{{isset($role)?$role->id:0}}">
                @if($errors->has('title'))
                <em class="invalid-feedback">
                    {{ $errors->first('title') }}
                </em>
                @endif
                {{-- <p class="helper-block">
                    {{ trans('cruds.role') }}
                </p> --}}
            </div>
@php
$lang = session('language');
if (!isset($lang) || empty($lang)) {
$lang = 'en';
}
@endphp

<table style="width:100%;">
    <thead>
        <tr>
            <th style="width:16.67%;">
                <label><input type="checkbox" class="selectall"/> Select all</label>
            </th>
            <th style="width:16.67%;">{{__('cruds.access')}}</th>
            <th style="width:16.67%;">{{__('cruds.create')}}</th>
            <th style="width:16.67%;">{{__('cruds.edit')}}</th>
            <th style="width:16.67%;">{{__('cruds.delete')}}</th>
            <th style="width:16.67%;">{{__('cruds.show')}}</th>
        </tr>
    </thead>
    <tbody>
        @foreach($main_menus as $key=>$main_menu)
        <tr>
            <td colspan="6">
                @php $checked = '';
                $permission = \App\Permission::where('menu_id',$main_menu->id)->first();

                if (isset($role)) {
                if (in_array($permission->id, $rolePermissions)) {
                $checked = 'checked';
                } else {
                $checked = '';
                }
                }
                @endphp
                <div class="form-check">
                    <input {{$checked}} class="form-check-input root_parent_menu_{{$main_menu->id}}"
                        data-menu_id="{{$main_menu->id}}" data-menu_type="main_menu" type="checkbox"
                        value="{{isset($permission)?$permission->id:0}}" name="permission_id[]"
                        id="permissions_{{isset($permission)?$permission->id:0}}">
                    <label class="form-check-label" for="permissions_{{isset($permission)?$permission->id:0}}">
                        {{$main_menu->$lang}}
                    </label>
                </div>
                @isset($main_menu->submenus)
                @if(count($main_menu->submenus))
                <table class="table table-bordered">
                    <tbody>
                        @foreach ($main_menu->submenus as $submenu)
                        <tr>
                            <td style="width: 16.67%;">
                                @php $checked = '';
                                $access = 'access_'.$submenu->slug;
                                $where = [] ;
                                $where[] = ['menu_id','=',$submenu->id];
                                $where[] = ['title','=',$access];
                                $access_permission = \App\Permission::where($where)->first();

                                if (isset($role)) {
                                if (in_array($access_permission->id, $rolePermissions)) {
                                $checked = 'checked';
                                } else {
                                $checked = '';
                                }
                                }
                                @endphp
                                <div class="form-check">
                                    <input {{$checked}} class="form-check-input root_parent_menu_{{$submenu->id}}"
                                        data-menu_id="{{$submenu->id}}" data-menu_type="main_menu" type="checkbox"
                                        value="{{isset($access_permission)?$access_permission->id:0}}"
                                        name="permission_id[]"
                                        id="permissions_{{isset($access_permission)?$access_permission->id:0}}">
                                    <label class="form-check-label"
                                        for="permissions_{{isset($access_permission)?$access_permission->id:0}}">
                                        {{ $submenu->$lang }}
                                    </label>
                                </div>
                                @php
                                $subpermissions = \App\Permission::where('menu_id',$submenu->id)->get();
                                @endphp
                            </td>
                            @isset($subpermissions)
                            @if(count($subpermissions) > 1)
                            @foreach ($subpermissions as $subpermission)
                            <td style="width: 16.67%;">

                                @php $checked = '';

                                if (isset($role)) {
                                if (in_array($subpermission->id, $rolePermissions)) {
                                $checked = 'checked';
                                } else {
                                $checked = '';
                                }
                                }
                                @endphp
                                <div class="form-check">
                                    <input {{$checked}} class="form-check-input root_parent_menu_{{$submenu->id}}"
                                        data-menu_id="{{$submenu->id}}" data-menu_type="main_menu" type="checkbox"
                                        value="{{isset($subpermission)?$subpermission->id:0}}" name="permission_id[]"
                                        id="permissions_{{isset($subpermission)?$subpermission->id:0}}">
                                    <label class="form-check-label"
                                        for="permissions_{{isset($subpermission)?$subpermission->id:0}}">
                                        &nbsp;
                                    </label>
                                </div>
                            </td>

                            @endforeach
                            @endif
                            @endisset
                        </tr>
                        @isset($submenu->subsubmenus)
                        @if(count($submenu->subsubmenus))
                        <tr>
                            <td colspan="6">
                                <table class="table table-bordered">
                                    <tbody>
                                        @foreach ($submenu->subsubmenus as $subsubmenu)
                                        <tr>
                                            <td style="width: 16.67%;">
                                                @php $checked = '';
                                                $access = 'access_'.$subsubmenu->slug;
                                                $where = [] ;
                                                $where[] = ['menu_id','=',$subsubmenu->id];
                                                $where[] = ['title','=',$access];
                                                $access_permission = \App\Permission::where($where)->first();

                                                if (isset($role)) {
                                                if (in_array($access_permission->id, $rolePermissions)) {
                                                $checked = 'checked';
                                                } else {
                                                $checked = '';
                                                }
                                                }
                                                @endphp
                                                <div class="form-check">
                                                    <input {{$checked}}
                                                        class="form-check-input root_parent_menu_{{$subsubmenu->id}}"
                                                        data-menu_id="{{$subsubmenu->id}}" data-menu_type="main_menu"
                                                        type="checkbox"
                                                        value="{{isset($access_permission)?$access_permission->id:0}}"
                                                        name="permission_id[]"
                                                        id="permissions_{{isset($access_permission)?$access_permission->id:0}}">
                                                    <label class="form-check-label"
                                                        for="permissions_{{isset($access_permission)?$access_permission->id:0}}">
                                                        {{ $subsubmenu->$lang }}
                                                    </label>
                                                </div>
                                                @php
                                                $subsubpermissions =
                                                \App\Permission::where('menu_id',$subsubmenu->id)->get();
                                                @endphp
                                            </td>
                                            @isset($subsubpermissions)
                                            @if(count($subsubpermissions) > 1)
                                            @foreach ($subsubpermissions as $subsubpermission)
                                            <td style="width: 16.67%;">
                                                @php $checked = '';
                                                if (isset($role)) {
                                                if (in_array($subsubpermission->id, $rolePermissions)) {
                                                $checked = 'checked';
                                                } else {
                                                $checked = '';
                                                }
                                                }
                                                @endphp
                                                <div class="form-check">
                                                    <input {{$checked}}
                                                        class="form-check-input root_parent_menu_{{$subsubmenu->id}}"
                                                        data-menu_id="{{$subsubmenu->id}}" data-menu_type="main_menu"
                                                        type="checkbox"
                                                        value="{{isset($subsubpermission)?$subsubpermission->id:0}}"
                                                        name="permission_id[]"
                                                        id="permissions_{{isset($subsubpermission)?$subsubpermission->id:0}}">
                                                    <label class="form-check-label"
                                                        for="permissions_{{isset($subsubpermission)?$subsubpermission->id:0}}">
                                                        &nbsp;
                                                    </label>
                                                </div>
                                            </td>
                                            @endforeach
                                            @endif
                                            @endisset
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        @endif
                        @endisset
                        @endforeach
                    </tbody>
                </table>
                @endif
                @endisset
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
<div class="text-center">
    <input class="btn ripple btn-success" type="submit" value="{{ trans('cruds.save') }}">
</div>
</form>
</div>
</div>
@endsection
@section('scripts')
@parent
<script>
$(function() {
    $(document).on("click", "input[type=checkbox]", function() {
        let elm, idmenu_type, main_menu;
        elm = $(this);
        id = elm.data('menu_id');
        menu_type = elm.data('menu_type');
        if (menu_type) {
            $('.' + menu_type + '_' + id).not(this).prop('checked', this.checked);
        }
        main_menu = $(this).attr('class').split(' ')[3];
        // $('.root_' + main_menu).not(this).prop('checked', this.checked);
    })
    $('.selectall').click(function() {
        if ($(this).is(':checked')) {
            $('input[type=checkbox]').attr('checked', true);
        } else {
            $('input[type=checkbox]').attr('checked', false);
        }
    });
})
</script>
@endsection