HOME

@include('layouts.header')
@include('layouts.sidebar')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css">

<div class="content-body">
    <div class="container-fluid">
        <div class="row page-titles mx-0">
            <div class="col-sm-6 p-md-0">
                <div class="welcome-text">
                    <h4>Edit User </h4>
                </div>
            </div>
            <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                <ol class="breadcrumb">
                    <li><a href="{{ route('admin.create-user') }}" class="btn bg-blue-soft text-blue"><i
                                class="fa fa-angle-double-left"></i> Back</a></li>
                </ol>
            </div>
        </div>
        <!-- row -->

        <div class="row">
            <div class="col-xl-5 col-lg-5 col-md-5">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">Select Modules</h4>
                    </div>

                    <div class="card-body account-profile">
                        <div id="mydivClass" class="divClass form-group col-md-12" style="overflow:auto">

                            <div id="jstree"></div>
                            <input type="hidden" name="selectedItems" id="selectedItems">
                        </div>

                    </div>
                </div>
                <!--/ card -->
            </div>

            <div class="col-xl-7 col-lg-7 col-md-7">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">User Details</h4>
                    </div>
                    <div class="card-body">

                        <div class="basic-form form-own">
                            <form>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label>Name</label>
                                        <input type="text" class="form-control" placeholder="Enter your name">
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label>Email address</label>
                                        <input type="text" class="form-control" placeholder="Enter your email address">
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label>User Role</label>
                                        <select name="user_role" id="user_role" class="form-control">
                                            <option value="">--Select Role--</option>
                                            <option value="editor">Editor</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label>Date of Joining</label>
                                        <input type="date" class="form-control" value="@php echo date('Y-m-d'); @endphp" name="">
                                    </div>
                                </div>
                                <!--/ form-row -->
                                <input type="submit" class="btn btn-primary" value="Submit">
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!--/ row -->

    </div>
</div>

@include('layouts.footer')

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<script>

$(function () {
        $('#jstree').on('changed.jstree', function (e, data) {
            var i, j;
            var selectedItems = [];
            for(i = 0, j = data.selected.length; i < j; i++) {
                // debugger
                //Fetch the Id.
                var id = data.selected[i];
                //Remove the ParentId.

                if(id.indexOf('-') != -1){
                    id = id.split("-")[1];
                    if (id.indexOf('-') != -1) {
                        id = id.split("-")[1];

                    }
                }
                // alert(data.node.parents[2]);
                //Add the Node to the JSON Array.
                selectedItems.push({
                    text: data.instance.get_node(data.selected[i]).text,
                    id: id,
                parent: data.node.parents[0]
            });
        }



            //Serialize the JSON Array and save in HiddenField.
            $('#selectedItems').val(JSON.stringify(selectedItems));
    }).jstree({
        "core": {
            "themes": {
                "variant": "large"
            },
            "data": [

                {"id":"1","parent":"#","text":"Basic Information"},{"id":"4","parent":"#","text":"Mail Communication"},{"id":"9","parent":"#","text":"Utility"},

                {"id":"1-9","parent":"1","text":"School Information"}, {"id":"1-11","parent":"1","text":"Staff Information"}, {"id":"1-12","parent":"1","text":"Student Information"},

               {"id":"4-19","parent":"4","text":"Compose"},{"id":"4-20","parent":"4","text":"Inbox"},{"id":"4-21","parent":"4","text":"Sent"},

                {"id":"9-24","parent":"9","text":"Profile"},
                {"id":"9-25","parent":"9","text":"Create User"},
                {"id":"9-26","parent":"9","text":"Change Password"},


            ]
            },
        "checkbox": {
            "keep_selected_style": false
        },
        "plugins": ["wholerow", "checkbox"],
    });
    });

</script>