@extends('admin::layouts.master')

@section('page_content')
    <form action="javascript:;" id="create_form">
        @csrf
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-sm-6">
                                <h4 class="header-title">Administrator | {{$record["name"]}}</h4>
                            </div>
                            <div class="col-sm-6">
                                <div class="float-right">
                                                                    </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-12">
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <script>
        function expandMod(systemSlug, modSlug) {
            $("#mod_" + systemSlug + "_" + modSlug).slideDown(300);
            $("#expand_mod_" + systemSlug + "_" + modSlug).slideUp(300, function () {

                $("#collapse_mod_" + systemSlug + "_" + modSlug).slideDown(1);
            });
        }

        function collapseMod(systemSlug, modSlug) {
            $("#mod_" + systemSlug + "_" + modSlug).slideUp(300);
            $("#collapse_mod_" + systemSlug + "_" + modSlug).slideUp(300, function () {

                $("#expand_mod_" + systemSlug + "_" + modSlug).slideDown(1);
            });
        }

        function expandGroup(systemSlug, modSlug, groupSlug) {
            $("#group_" + systemSlug + "_" + modSlug + "_" + groupSlug).slideDown(300);
            $("#expand_group_" + systemSlug + "_" + modSlug + "_" + groupSlug).slideUp(300, function () {

                $("#collapse_group_" + systemSlug + "_" + modSlug + "_" + groupSlug).slideDown(1);
            });
        }

        function collapseGroup(systemSlug, modSlug, groupSlug) {
            $("#group_" + systemSlug + "_" + modSlug + "_" + groupSlug).slideUp(300);
            $("#collapse_group_" + systemSlug + "_" + modSlug + "_" + groupSlug).slideUp(300, function () {

                $("#expand_group_" + systemSlug + "_" + modSlug + "_" + groupSlug).slideDown(1);
            });
        }

        function onChangePerm(systemId, module, group, initial) {
            triggerGroupCheck(systemId, module, group);
        }

        function triggerGroupCheck(systemId, module, group) {
            let groupChecked = false;

            //at least one permission is checked, then whole module will be displayed as checked
            let permElems = $("input[name='" + systemId + "_" + module + "_" + group + "_permissions[]']");
            if (permElems.length > 0) {
                $(permElems).each(function (index, pElem) {

                    let perm = $(this).val();
                    if ($("input[name='" + systemId + "_" + module + "_" + group + "_" + perm + "_checked']").prop("checked")) {
                        groupChecked = true;
                        return false;
                    }
                });
            }

            $("input[name='" + systemId + "_" + module + "_" + group + "_checked']").prop("checked", groupChecked);
            triggerModuleCheck(systemId, module);
        }

        function triggerModuleCheck(systemId, module) {
            let moduleChecked = false;

            //at least one group is checked, then whole module will be displayed as checked
            let groupElems = $("input[name='" + systemId + "_" + module + "_groups[]']");
            if (groupElems.length > 0) {
                $(groupElems).each(function (index, gElem) {

                    let group = $(this).val();
                    if ($("input[name='" + systemId + "_" + module + "_" + group + "_checked']").prop("checked")) {
                        moduleChecked = true;
                        return false;
                    }
                });
            }

            $("input[name='" + systemId + "_" + module + "_checked']").prop("checked", moduleChecked);
        }
    </script>
@endsection

@section('page_css')
@endsection

@section('page_js')
@endsection