@extends('layouts.default')
@section('title' ,'Add role')
@section('content')
<div class="content-main__inner">
    @if ($errors->any())
        <div class="alert alert-danger fade show" role="alert">
            <div class="alert-text">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </div>
            <div class="alert-close">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true"><i class="la la-close"></i></span>
                </button>
            </div>
        </div>
    @endif
    @if(session()->has('message'))
        <div class="alert alert-success fade show" role="alert">
            <div class="alert-text">{{ session()->get('message') }}</div>
            <div class="alert-close">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true"><i class="la la-close"></i></span>
                </button>
            </div>
        </div>
    @endif
   
    <div class="table-box">
        <div class="table-box__header table-box__header--button">
            <h4>Add permission</h4>
        </div>
         <div class="card-box add_new_admin_form" >
            <div class="card-box__content">
                <form action="{{ route('savegroup') }}" class="validation_form"  method="post">
                <div class="row">
                    <div class="col-12">
                        <div class="input-field">
                            <label>Role name</label>
                            @csrf
                            <input type="text" name="ug_name" class="form-control" value="{{ $data->ug_name ?? '' }}" placeholder="Enter role name">
                            <input type="hidden" name="ug_permissions" class="form-control" value="{{ $data->ug_permissions ?? '' }}" placeholder="Enter role name">
                            <input type="hidden" name="edit_id" value="{{ $data->ug_id ?? '' }}">
                        </div>
                    </div>
                    <div class="col-12 table-main  table-responsive">
                        <table class="table table-hover" id="kt_table_1">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>
                                        Enable/Disable <br> 
                                        <label class="kt-checkbox kt-checkbox--bold kt-checkbox--success">
                                            <input type="checkbox"  id="checkAll">All Check
                                            <span></span>
                                        </label>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($array as $key => $value)
                                    <tr>
                                        <td>{{$value}}</td>
                                        <td>
                                                <label class="kt-checkbox  kt-checkbox--bold kt-checkbox--success " style="margin-bottom: 1rem !important; ">
                                                    @if ( isset( $data['ug_permissions'] ) )
                                                        <input type="checkbox" class="permissionCheckbox" data-val={{ $value }} {{ ( !empty( in_array( $value, explode( ',', $data['ug_permissions'] ) ) ) ) ? 'checked' : ''  }} name="privileges[{{$value}}]" value="true">
                                                    @else
                                                        <input type="checkbox" class="permissionCheckbox" data-val={{ $value }} name="privileges[{{$value}}]" value="true">
                                                    @endif
                                                    <span></span>
                                                
                                                </label>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                   
                    <div class="col-12">
                        <div class="input-field">
                            <button class="button">Submit</button>
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>   
@endsection
@section('pagespecificscripts')
    <script src="{{ asset('js/admin/add-role.js')}}"></script>
@endsection