@extends('admin.layouts.master')

@section('contents')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('Roles')}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item active"><a href="{{route('roles.index')}}">{{__('Roles')}}</a>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="content-body">
            <section id="basic-input">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">{{__('Role Data')}}</h4>
                            </div>
                            <div class="card-content">
                                <div class="card-body">
                                    <form method="post" action="{{route('roles.store')}}">
                                        @csrf
                                        <div class="row">
                                            <div class="col-xl-6 col-md-6 col-12 mb-1">
                                                <fieldset class="form-group">
                                                    <label for="basicInput">Name</label>
                                                    <input disabled type="text" required name="name" class="form-control"
                                                           value="{{old('name',isset($role)?$role->name:"")}}"
                                                           placeholder="Moderator - Reviewer">
                                                    @error('name')
                                                    <div class="alert alert-danger">{{ $message }}</div>
                                                    @enderror

                                                </fieldset>
                                            </div>
                                            <div class="col-xl-3 col-md-3 col-12 mb-1">
                                                <fieldset class="form-group">
                                                    <label class="col-form-label">Select All Permissions</label>

                                                    <div class="checkbox checkbox-primary mb-2">
                                                        <input disabled type="checkbox" id="check_all" onclick="checkAll()">
                                                        <label for="check_all">
                                                            Active \ Not active
                                                        </label>
                                                    </div>

                                                </fieldset>
                                            </div>
                                            <div class="col-xl-3 col-md-3 col-12 mb-1">
                                                <fieldset class="form-group">
                                                    <label class="col-form-label">Allow Login</label>

                                                    <div class="checkbox checkbox-primary mb-2">
                                                        <input disabled type="checkbox" id="switch-s-1_login" name="permissions[]" class="for_check_all"
                                                               value=" {{$loginPermission->id }}"
                                                            {{isset($role) && $role->hasPermissionTo($loginPermission->name)? 'checked':''}}
                                                        >
                                                        <label for="switch-s-1_login">
                                                            Active / Not Active
                                                        </label>
                                                    </div>

                                                </fieldset>
                                            </div>


                                        </div>


                                        <div class="row card-body">
                                            @php
                                                $count = 0;
                                            @endphp

                                            @foreach($modules as $module)

                                                @if(in_array($module->name , []))
                                                    @continue
                                                @endif

                                                @if($count == 7)
                                                    @php
                                                        $count = 0;
                                                    @endphp
                                                @endif

                                                <div class="col-xl-4 col-md-6 col-sm-12">
                                                    <div class="card">
                                                        <div class="card-content">
                                                            <div class="card-body">
                                                                <h4 class="card-title">       {{ __($module->name) }}</h4>

                                                                <input disabled type="checkbox" id="switch-all-{{ $module->id }}"
                                                                       onclick="checkAllModule('{{$module->id}}')" class="for_check_all">
                                                                <label for="switch-all-{{ $module->id }}">Select All {{ __($module->name) }} Permissions</label>
                                                            </div>
                                                            <ul class="list-group list-group-flush">
                                                                @foreach ($module->permissions as $permission)
                                                                    @can($permission->name)
                                                                        <li class="list-group-item">
                            <span class="float-right"><input disabled type="checkbox" id="switch-s-1_{{ $permission->id }}" name="permissions[]"
                                                             value="{{$permission->id}}"
                                                             class="module_permissions_{{$module->id}} for_check_all"
                                            {{isset($role) && $role->hasPermissionTo($permission->name)? 'checked':''}}
                                        ></span>
                                                                            <label for="switch-s-1_{{ $permission->id }}">
                                                                                {{__($permission->name)}}
                                                                            </label>                        </li>
                                                                    @endcan
                                                                @endforeach
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                @php
                                                    $count++;
                                                @endphp

                                            @endforeach
                                        </div>

                                        <div class="col-12">
                                            <a href="{{route('roles.index')}}">
                                                <button type="button"
                                                        class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light">
                                                    {{__('Return')}}
                                                </button>
                                            </a>

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


        </div>
    </div>

@endsection

@section('scripts')

    <script>

        function checkAllModule(module_id) {

            if ($("#switch-all-" + module_id).is(':checked')) {

                $(".module_permissions_" + module_id).prop('checked', true);

            }else {

                $(".module_permissions_" + module_id).prop('checked', false);
            }
        }

        function checkAll() {

            if ($("#check_all").is(':checked')) {

                $(".for_check_all").prop('checked', true);

            }else {

                $(".for_check_all").prop('checked', false);
            }
        }

    </script>

@endsection