@extends('layouts.admin')

@section('content')
@push('css')
@endpush
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <form method="post" autocomplete="off" action="{{ route('permissions.store') }}">
                    {{ csrf_field() }}

                    <div class="form-group">
                       <label class="col-form-label">Select Permission Role</label>
                       <select class="select2 form-control mb-3 custom-select" onchange="showRole(this);" name="role_id" required>
                        <option value="">Select One</option>
                        {{ create_option("roles","id","name",$role_id) }}
                       </select>
                    </div>


                    <div class="panel-group clear">

                    @if ($errors->has('permissions'))
                        <p class="text-danger text-center" role="alert">
                            <strong>{{ $errors->first('permissions') }}</strong>
                        </p>
                    @endif

                    <div class="checkbox mb-3">
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="selectall" onchange="checkAll(this)">
                            <label class="custom-control-label" for="selectall"><strong>Select All</strong></label>
                        </div>
                    </div>

                        @foreach($permission as $key=>$val)
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a role="button" data-toggle="collapse" href="#collapse-{{ explode("\\",$key)[4] }}">
                                            <span class="fa fa-angle-double-right" aria-hidden="true"></span>
                                            {{ str_replace("Controller","",explode("\\",$key)[4]) }}
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapse-{{ explode("\\",$key)[4] }}" class="panel-collapse collapse show">
                                    <div class="panel-body">
                                        <table>
                                            @foreach($val as $name => $url)
                                                <div class="checkbox my-2 ml-1 form-check-inline">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" name="permissions[]" value="{{ $name }}" class="custom-control-input" id="customCheck-{{ $name }}" {{ array_search($name,$permission_list) !== FALSE ? "checked" : "" }}>
                                                        <label class="custom-control-label" for="customCheck-{{ $name }}">{{ str_replace("index","list",$name) }}</label>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </table>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>



                    <div class="form-group">
                      <div class="col-md-12">
                        <button type="submit" class="btn btn-primary btn-block">Save Permission</button>
                      </div>
                    </div>
                  </form>
                </div>
            </div>
        </div> <!-- end col -->
    </div><!--end row-->

</div> <!-- container-fluid -->
@push('alljs')
    <script>
    function showRole(elem){
        if($(elem).val() == ""){
            return;
        }
        window.location = "