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

@section('page_content')
    <div class="row">
        <div class="col-md-12 text-md">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-sm-12">
                            <h4 class="header-title">Grant Permissions</h4>
                        </div>
                    </div>
                </div>
                <div class="card-body">

                    <div class="row">
                        <div class="col-md-12">
                            <p class="text-muted">You can grant permissions to administrators apart from their admin role.</p>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-5">
                            <div class="form-group">
                                <label for="system">Select Administrator</label>
                                <hr class="mt-1 mb-2">
                                <input type="text" class="form-control" name="admin">
                            </div>
                        </div>

                        <div class="col-md-5">
                                                    </div>

                        <div class="col-md-2">
                            <div class="form-group" style="margin-top: 45px;">
                                <button type="button" disabled class="btn btn-success btn-add-row" onclick="return loadAdmin();">Load Permissions</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <input type="hidden" name="adminId">
    </div>

    <script>
        let admin_ms = null;
        window.onload = function()
        {
            admin_ms = $("input[name='admin']").magicSuggest({
                allowFreeEntries: false,
                toggleOnClick: true,
                maxSelection:1,
                data: "/admin/admin/search_data",
                dataUrlParams:{"_token":"{{ csrf_token() }}"}
            });

            $(admin_ms).on('selectionchange', function(){
                let admins = this.getValue();

                $("input[name='adminId']").val(admins[0]);
            });
        };

        function loadAdmin()
        {
            let adminId = $("input[name='adminId']").val();
            let system = $("select[name='system']").val();

            if(adminId !== "" && system !== "")
            {
                window.location = "/"+adminId+"/"+system;
            }
            else
            {
                let errorText=[];
                let errorData=[];

                errorText.push('Please select both admin & system to proceed with the permission management.');

                errorData.status="warning";
                errorData.notify=errorText;

                showNotifications(errorData)
            }
        }
    </script>
@endsection

@section('page_css')
@endsection

@section('page_js')
@endsection