@extends('admin.master')
@section('title', 'Roles & Permission Create')
@section('breadcrumb')
    <div class="breadcrumb-area">
        <h5>{{translate('Dashboard')}}</h5>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{translate('Dashboard')}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{translate('Roles Create')}}</li>
            </ol>
        </nav>
    </div>
@endsection
@section('main_content')
    <div class="main-content">
        <div class="row mb-35">
            <div class="page-title d-flex justify-content-between align-items-center">
                <h4>{{ translate('Role Permission') }}</h4>
                <a href="{{route('admin.role.list')}}" class="eg-btn btn--primary back-btn"> <img src="{{asset('backend/assets/images/icons/back.svg')}}" alt="back-icon"> {{ translate('Go Back') }}</a>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="eg-card product-card">
                    <form enctype="multipart/form-data" method="POST" action="{{route('admin.store.role')}}">
                        @csrf
                        <div class="form-inner mb-35">
                            <label>{{ translate('Role Name') }} *</label>
                            <input type="text" class="username-input" required name="name" placeholder="{{ translate('Enter Role Name') }}">
                        </div>
                        <strong>{{ translate('Set Permissions') }}</strong>
                        <hr>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="form-check">

                                    <label class="form-check-label">
                                        <input class="form-check-input" type="checkbox" for="checkpermissionall" id="checkpermissionall" value="1">
                                        {{ translate('Check All') }}
                                    </label>
                                </div>
                            </div>
                        </div>
                        <hr>
                        @php $i = 1; @endphp
                        @foreach ($groupbyname as $group)
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-check">
                                        <label><input class="form-check-input" type="checkbox" for="checkpermission" id="{{ $i }}Management"  onclick="checkPermissionByGroup('role-{{ $i }}-management-checkbox', this)">{{ucfirst($group->group_name)}}</label>
                                    </div>
                                </div>
                                <div class="col-md-9 ms-auto role-{{ $i }}-management-checkbox">
                                    @php
                                        $permissions=App\Models\Admin::getpermissionsByGroupName($group->group_name);
                                        $j = 1;
                                    @endphp
                                    <div class="mt-4 mt-lg-0">
                                        @foreach ($permissions as $item )
                                            <div class="form-check">
                                                <label><input class="form-check-input" type="checkbox" for="checkpermission{{$item->id}}" id="checkpermission{{$item->id}}" name="permissions[]" value="{{$item->name}}">{{$item->name}}</label>
                                            </div>
                                            @php  $j++; @endphp
                                        @endforeach
                                    </div>
                                    <hr>
                                </div>
                            </div>
                            @php  $i++; @endphp
                        @endforeach
                        <div class="button-group pt-40">
                            <button type="submit" class="eg-btn btn--green medium-btn me-3" value="Published">{{ translate('Save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('post_scripts')
    <script>
        $('#checkpermissionall').click(function(){
            if($(this).is(':checked')){
                $('input[type=checkbox]').prop('checked',true);
            }else{
                $('input[type=checkbox]').prop('checked',false);
            }
        });
        function checkPermissionByGroup(className, checkThis){
            const groupIdName = $("#"+checkThis.id);
            const classCheckBox = $('.'+className+' input');
            if(groupIdName.is(':checked')){
                classCheckBox.prop('checked', true);
            }else{
                classCheckBox.prop('checked', false);
            }
        }
    </script>
@endpush