@extends('master.index')

@php


    use Illuminate\Support\Facades\Route;
    use App\RoleHelper;
    $params = Request::all();
    $permission_class_name = "Role";
    $current_route = Route::currentRouteName();


@endphp

@section('header')

@endsection


@section('title')
{{__('messages.create_new_role')}}
@endsection


@section('content')
    <div class="section users-edit">
        <div class="card">
            <div class="card-content">
                <!-- <div class="card-body"> -->
                <ul class="tabs mb-2 row">
                    <li class="tab">
                        <a class="display-flex align-items-center active" id="account-tab" href="#account">
                            <i class="material-icons mr-1">error_outline</i><span>{{__('messages.role')}}</span>
                        </a>
                    </li>
                </ul>
                <div class="divider mb-3"></div>
                <div class="row">

                    <div class="col s12" id="account">

                        <form id="accountForm" action="{{route('user.role.store')}}" method="POST" >
                            @csrf


                            <div class="row">
                                <div class="col s12 m6">
                                    <div class="row">
                                        <div class="col s12 input-field">
                                            <input id="name" name="name" type="text" class="validate" value="{{old('name')}}" data-error=".error_name" required >
                                            <label for="name">{{__('messages.name')}}</label>
                                            <small class="error_name"></small>
                                        </div>
                                    </div>
                                </div>
                                <div class="col s12 m6">
                                    <div class="row">
                                        <div class="col s12 input-field">
                                            <input id="display_name" name="display_name" type="text" class="validate" value="{{old('display_name')}}" data-error=".error_display_name" required >
                                            <label for="display_name">{{__('messages.display_name')}}</label>
                                            <small class="error_display_name"></small>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <br/>
                            <br/>
                            <br/>

                            <table class="responsive-table">
                                <form></form>
                                <thead>


                                <tr>
                                    <th class="" >{{__('messages.permission_name')}}</th>
                                    <th >Read</th>
                                    <th class="">Read other</th>
                                    <th class="">Create</th>
                                    <th class="">Create other</th>
                                    <th class="">Update</th>
                                    <th class="">Update other</th>
                                    <th class="">Delete</th>
                                    <th class="">Delete other</th>

                                    <th>
                                        &nbsp;&nbsp;
                                        <label >
                                            <input id="check_all_row" onclick="check_all(this)"   value="-1"  type="checkbox" />
                                            <span style="margin-top: 7px;"></span>
                                        </label>
                                        &nbsp;&nbsp;
                                    </th>

                                </tr>
                                </thead>
                                <tbody>


                                @foreach ($classes as $class)

                                    @php
                                        $name = RoleHelper::get_base_name($class);
                                        $base_name = $name ;
                                    @endphp


                                    <tr>
                                        <td>{{$name}}</td>
                                        <td>
                                            <label >
                                                @php $permission_name =  "-read"; @endphp
                                                <input class="custom-control-input" id="{{$base_name.$permission_name}}" name="{{$base_name.$permission_name}}"  type="checkbox" />
                                                <span style="margin-top: 7px;"></span>
                                            </label>
                                        <td>
                                            <label >
                                                @php $permission_name =  "-other-read"; @endphp
                                                <input class="custom-control-input" id="{{$base_name.$permission_name}}" name="{{$base_name.$permission_name}}"  type="checkbox" />
                                                <span style="margin-top: 7px;"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <label >
                                                @php $permission_name =  "-create"; @endphp
                                                <input class="custom-control-input" id="{{$base_name.$permission_name}}" name="{{$base_name.$permission_name}}"  type="checkbox" />
                                                <span style="margin-top: 7px;"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <label >
                                                @php $permission_name =  "-other-create"; @endphp
                                                <input class="custom-control-input" id="{{$base_name.$permission_name}}" name="{{$base_name.$permission_name}}"  type="checkbox" />
                                                <span style="margin-top: 7px;"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <label >
                                                @php $permission_name =  "-update"; @endphp
                                                <input class="custom-control-input" id="{{$base_name.$permission_name}}" name="{{$base_name.$permission_name}}"  type="checkbox" />
                                                <span style="margin-top: 7px;"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <label >
                                                @php $permission_name =  "-other-update"; @endphp
                                                <input class="custom-control-input" id="{{$base_name.$permission_name}}" name="{{$base_name.$permission_name}}"  type="checkbox" />
                                                <span style="margin-top: 7px;"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <label >
                                                @php $permission_name =  "-delete"; @endphp
                                                <input class="custom-control-input" id="{{$base_name.$permission_name}}" name="{{$base_name.$permission_name}}"  type="checkbox" />
                                                <span style="margin-top: 7px;"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <label >
                                                @php $permission_name =  "-other-delete"; @endphp
                                                <input class="custom-control-input" id="{{$base_name.$permission_name}}" name="{{$base_name.$permission_name}}"  type="checkbox" />
                                                <span style="margin-top: 7px;"></span>
                                            </label>
                                        </td>
                                        <td>
                                            <label >
                                                <input class="custom-control-input" id="{{$base_name}}" onclick="row_check_all(this)"   value="-1"  type="checkbox" />
                                                <span style="margin-top: 7px;"></span>
                                            </label>
                                        </td>




















                                    </tr>
                                @endforeach

                                </tbody>
                            </table>



                            <div class="row">

                                <div class="col s12 display-flex justify-content-end mt-3">
                                    <button type="submit" class="btn indigo">
                                        {{__('messages.save')}}</button>
                                    <button type="button" class="btn btn-light">{{__('messages.cancel')}}</button>
                                </div>
                            </div>
                        </form>
                        <!-- users edit account form ends -->
                    </div>

                </div>
                <!-- </div> -->
            </div>
        </div>
    </div>
@endsection






@section('scripts')








    {{--    =================== check alll  ===================--}}
    <script type="text/javascript">
        const regex = /[0-9A-Za-z_]/;
        function validate(e) {
            const chars = e.target.value.split('');
            const char = chars.pop();
            if (!regex.test(char)) {
                e.target.value = chars.join('');
                Snackbar.show({
                    showAction: false,
                    text: 'Only english letters can be accepted',
                });
                console.log(`${char} is not a valid character.`);
            }
        }
        document.querySelector('#name').addEventListener('input', validate);



        // row check all
        function row_check_all(elmnt) {

            $("#"+elmnt.id+"-create").each(function () {
                this.checked = elmnt.checked;
            });
            $("#"+elmnt.id+"-update").each(function () {
                this.checked = elmnt.checked;
            });
            $("#"+elmnt.id+"-delete").each(function () {
                this.checked = elmnt.checked;
            });
            $("#"+elmnt.id+"-read").each(function () {
                this.checked = elmnt.checked;
            });

            $("#"+elmnt.id+"-other-create").each(function () {
                this.checked = elmnt.checked;
            });
            $("#"+elmnt.id+"-other-update").each(function () {
                this.checked = elmnt.checked;
            });
            $("#"+elmnt.id+"-other-delete").each(function () {
                this.checked = elmnt.checked;
            });
            $("#"+elmnt.id+"-other-read").each(function () {
                this.checked = elmnt.checked;
            });
        }

        function check_all(elmnt) {

            $(".custom-control-input").each(function () {
                this.checked = elmnt.checked;
            });
        }

    </script>



@endsection