@extends('m3::liberty-theme.layout.main')
@section('title')
    Solon Sentinel Portal - User Control
@endsection
@section('content')
    <!-- /.row -->
    <div class="container-fluid px-4">
        <h1 class="mt-4">User Control</h1>

        <div class="card mb-4">
            <!-- Add to class the justify content between and align items center -->
            <div class="card-header d-flex justify-content-between align-items-center">
                @if($power_user[0]->R428PWRUSR=="Y")
                <button name="userAdd" type="button" class="btn btn-sm btn-info userAdd_click" id="userAdd_click" title="Add new user">Add User</button>
                @endif
                <!-- Status Filter Dropdown -->
                <div class="filter-container">
                    <label for="statusFilter">Filter by Status:</label>
                    <select id="statusFilter" class="status-filter">
                        <option value="">All Records</option>
                        <option value="Active" selected>Active Only</option>
                        <option value="Inactive">Inactive Only</option>
                    </select>
                </div>
            </div>

            <div class="card-body">
                <div class="table-responsive">

                <table class="table table-striped table-bordered table-hover table-sm" id="datatablesSimple5" style="width:100%">
                    <thead>
                        <tr>
                            <th></th>
                            <th style="width:100px"></th>
                            <th style="width:100px">Div-Plt-Whs</th>
                            <th>Plant name</th>
                            <th>Status</th>
                            <th>User profile</th>
                            <th>First name</th>
                            <th>Family name</th>
                            <th>Empl code</th>
                            <th>Admin user</th>
                            <th>Power user</th>
                            <th>CSR</th>
                            <th>Exec.</th>
                            <th>Inventory Options</th>
                            <th>Replenishment</th>
                            <th>Document Reprints</th>
                            <th>Loading</th>
                            <th>Main menu</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($ICM428M as $key=>$val)
                            <tr>
                                <td></td>
                                <td>
                                    @if($power_user[0]->R428PWRUSR=="Y" && trim($val->R428US)!="TWOSHIP" && trim($val->R428US)!="TWOSHIP303" && trim($val->R428US)!="TWOSHIP322")

                                        @foreach($USER_INFO as $key2=>$val2)
                                            @if(trim($val2->USERPRF)==trim($val->R428US))
                                                {{-- @if((trim($val2->STATUS)=="*DISABLED") ||
                                                    (substr($val2->DATE_EXPIRED,0,10)!=NULL && substr($val2->DATE_EXPIRED,0,10)<=date('Y-m-d'))
                                                    || trim($val2->EXPIRED=='YES')) --}}

                                                    <button name="userPassword{{trim($val->R428US)}}" type="submit" class="btn btn-sm btn-info userPassword_click"
                                                    id="userPassword_click"
                                                    title="Re-enable or Unexpire user {{trim($val->R428US)}}" data-R428US_PWD="{{trim($val->R428US)}}">
                                                    <i class="fas fa-lg fa-unlock-alt"></i></button>
                                                    @break
                                                {{-- @elseif(trim($val2->STATUS)=="*DISABLED")
                                                    <a href="userControl/callCL?ACTION=R&USERID={{trim($val->R428US)}}">
                                                    <button name="userCallCLR{{trim($val->R428US)}}" type="submit" class="btn btn-sm btn-info userCallCL_click"
                                                    title="Re-enable user {{trim($val->R428US)}}"
                                                    ><i class="fas fa-lg fa-unlock-alt"></i></button></a>
                                                    @break  --}}
                                                {{-- @endif --}}
                                            @endif
                                        @endforeach

                                        <button name="userEdit{{trim($val->R428US)}}" type="submit" class="btn btn-sm btn-info userEdit_click" id="userEdit_click"
                                        data-R428STS="{{$val->R428STS}}" data-R428US="{{trim($val->R428US)}}" data-R428FIRST="{{trim($val->R428FIRST)}}"
                                        data-R428FAMILY="{{trim($val->R428FAMILY)}}" data-R428EMAIL="{{trim(strtoLower($val->R428EMAIL))}}"
                                        data-R428EMPCDE="{{trim($val->R428EMPCDE)}}" data-R428ADMUSR="{{$val->R428ADMUSR}}" data-R428PWRUSR="{{$val->R428PWRUSR}}"
                                        data-R42811A="{{$val->R42811A}}"
                                        data-R42821A="{{$val->R42821A}}"
                                        data-R428DPW="{{$val->R428CO.$val->R428PL.$val->R428WH}}"
                                        data-MENU2OPT1="{{$val->MENU2OPT[0]}}" data-MENU2OPT2="{{$val->MENU2OPT[1]}}"
                                        data-MENU2OPT3="{{$val->MENU2OPT[2]}}" data-MENU2OPT4="{{$val->MENU2OPT[3]}}"
                                        data-MENU2OPT5="{{$val->MENU2OPT[4]}}" data-MENU2OPT6="{{$val->MENU2OPT[5]}}"
                                        data-MENU2OPT7="{{$val->MENU2OPT[6]}}" data-MENU2OPT8="{{$val->MENU2OPT[7]}}"
                                        data-MENU3OPT1="{{$val->MENU3OPT[0]}}" data-MENU3OPT2="{{$val->MENU3OPT[1]}}"
                                        data-MENU4OPT1="{{$val->MENU4OPT[0]}}" data-MENU4OPT2="{{$val->MENU4OPT[1]}}"
                                        data-MENU4OPT3="{{$val->MENU4OPT[2]}}"
                                        data-MENU5OPT1="{{$val->MENU5OPT[0]}}" data-MENU5OPT2="{{$val->MENU5OPT[1]}}"
                                        data-MENU5OPT3="{{$val->MENU5OPT[2]}}" data-MENU5OPT5="{{$val->MENU5OPT[4]}}"
                                        data-MENU6OPT1="{{$val->MENU6OPT[0]}}" data-MENU6OPT2="{{$val->MENU6OPT[1]}}"
                                        data-MENU6OPT3="{{$val->MENU6OPT[2]}}"
                                        title="Edit user {{trim($val->R428US)}} information">
                                        <i class="fas fa-edit " aria-hidden="true"></i></button>
                                    @endif
                                </td>
                                <td> {{ $val->R428CO }} {{ $val->R428PL }} {{ $val->R428WH }} </td>
                                <td>
                                    @foreach ($IC670M as $key => $IC670MR)
                                        @if($IC670MR->WDCO==$val->R428CO && $IC670MR->WDPL==$val->R428PL && $IC670MR->WDWHS==$val->R428WH)
                                            {{ trim(Str::upper($IC670MR->WDWNAM)) }}
                                            @break
                                        @endif
                                    @endforeach
                                </td>
                                <td> {{ $val->R428STS=="A"?"Active":"Inactive" }} </td>
                                <td> {{ $val->R428US }} </td>
                                <td> {{ $val->R428FIRST }} </td>
                                <td> {{ $val->R428FAMILY }} </td>
                                <td> {{ $val->R428EMPCDE }} </td>
                                <td> {{ $val->R428ADMUSR }} </td>
                                <td> {{ $val->R428PWRUSR }} </td>
                                <td> {{ $val->R42811A }} </td>
                                <td> {{ $val->R42821A }} </td>
                                <td><pre><span style="font-size: 1.25rem"> {{ str_replace("N"," ",$val->MENU2OPT) }} </span></pre></td>
                                <td><pre><span style="font-size: 1.25rem"> {{ str_replace("N"," ",$val->MENU3OPT) }} </span></pre></td>
                                <td><pre><span style="font-size: 1.25rem"> {{ str_replace("N"," ",$val->MENU4OPT) }} </span></pre></td>
                                <td><pre><span style="font-size: 1.25rem"> {{ str_replace("N"," ",$val->MENU5OPT) }} </span></pre></td>
                                <td><pre><span style="font-size: 1.25rem"> {{ str_replace("N"," ",$val->MENU6OPT) }} </span></pre></td>
                            </tr>
                        @endforeach
<!--                    endif-->
                    </tbody>
                </table>
                </div>
            </div>
        </div>

    </div>
    <!-- /.row -->
    @include('m3::liberty-theme.partials.modals.blank')
    @include('m3::liberty-theme.partials.modals.userAdd')
    @include('m3::liberty-theme.partials.modals.userEdit')
    @include('m3::liberty-theme.partials.modals.userPassword')

@endsection

@section('scripts')
<script>

    $(document).ready(function() {

        // DataTable init
        var myTable = $('#datatablesSimple5').DataTable({
            "aaSorting": [],
            "lengthMenu": [ [10,25,50,-1], [10,25,50,"All"] ],
            "sPaginationType": "full_numbers",
            "dom": 'Bfrtip',        // Needs button container
            "responsive": true,
            "orderCellsTop": true,
            "order": [ [1, 'desc'] ],
            "pageLength": 10,
            "columnDefs": [
                {
                    orderable: true,
                    searchable: true,
                    targets: -1
                }
            ],
            // MAK
            "initComplete": function() {
                // Apply initial filter for Active records only
                this.api().column(4).search('^Active$', true, false).draw();
            }
        });

        // MAK
        // Status filter dropdown change event
        $('#statusFilter').on('change', function() {
            var selectedStatus = $(this).val();

            if (selectedStatus == '') {
                // Show all records
                myTable.column(4).search('').draw();
            } else {
                // Filter by selected status
                myTable.column(4).search('^' + selectedStatus + '$', true, false).draw();
            }
        });

        // myTable
        //     .column(4)
        //     .search('Active', {exact: true } )
        //     .draw();

        // const inactive = document.querySelector('#inactive_btn');
        // const active   = document.querySelector('#active_btn');

        // Click will trigger a redraw to update the table
        // inactive.addEventListener('click', function () {
        //     myTable.column(4).search('Inactive', {
        //         exact: true
        //     });
        //     myTable.draw();
        // });
        // active.addEventListener('click', function () {
        //     myTable.column(4).search('Active', {
        //         exact: true
        //     });
        //     myTable.draw();
        // });

        //
        // Open Modal User Edit
        //
        $(document).on('click', '#userEdit_click', function() {
            //console.log($(this));
            $("#R428CO").val($(this).data("r428co"));
            $("#R428PL").val($(this).data("r428pl"));
            $("#R428WH").val($(this).data("r428wh"));
            $("#R428DPW").val($(this).data("r428dpw"));
            $("#R428STS").val($(this).data("r428sts"));
            $("#R428US").val($(this).data("r428us"));
            $("#R428FIRST").val($(this).data("r428first"));
            $("#R428FAMILY").val($(this).data("r428family"));
            $("#R428EMAIL").val($(this).data("r428email"));
            $("#R428EMPCDE").val($(this).data("r428empcde"));
            $("#R428ADMUSR").val($(this).data("r428admusr"));
            $("#R428PWRUSR").val($(this).data("r428pwrusr"));
            $("#R42811A").val($(this).data("r42811a"));
            $("#R42821A").val($(this).data("r42821a"));
            // $("#MENU2OPT1").val($(this).data("menu2opt1"));
            // $("#MENU2OPT2").val($(this).data("menu2opt2"));
            $("#MENU2OPT3").val($(this).data("menu2opt3"));
            // $("#MENU2OPT4").val($(this).data("menu2opt4"));
            // $("#MENU2OPT5").val($(this).data("menu2opt5"));
            // $("#MENU2OPT6").val($(this).data("menu2opt6"));
            $("#MENU2OPT7").val($(this).data("menu2opt7"));
            $("#MENU2OPT8").val($(this).data("menu2opt8"));
            $("#MENU3OPT1").val($(this).data("menu3opt1"));
            $("#MENU3OPT2").val($(this).data("menu3opt2"));
            $("#MENU4OPT1").val($(this).data("menu4opt1"));
            $("#MENU4OPT2").val($(this).data("menu4opt2"));
            $("#MENU4OPT3").val($(this).data("menu4opt3"));
            $("#MENU5OPT1").val($(this).data("menu5opt1"));
            $("#MENU5OPT2").val($(this).data("menu5opt2"));
            $("#MENU5OPT3").val($(this).data("menu5opt3"));
            $("#MENU5OPT5").val($(this).data("menu5opt5"));
            $("#MENU6OPT1").val($(this).data("menu6opt1"));
            $("#MENU6OPT2").val($(this).data("menu6opt2"));
            $("#MENU6OPT3").val($(this).data("menu6opt3"));
            $("#OLD_R428CO").val($(this).data("r428co"));
            $("#OLD_R428PL").val($(this).data("r428pl"));
            $("#OLD_R428WH").val($(this).data("r428wh"));
            $("#OLD_R428DPW").val($(this).data("r428dpw"));
            $("#OLD_R428STS").val($(this).data("r428sts"));
            $("#OLD_R428US").val($(this).data("r428us"));
            $("#OLD_R428FIRST").val($(this).data("r428first"));
            $("#OLD_R428FAMILY").val($(this).data("r428family"));
            $("#OLD_R428EMAIL").val($(this).data("r428email"));
            $("#OLD_R428EMPCDE").val($(this).data("r428empcde"));
            $("#OLD_R428ADMUSR").val($(this).data("r428admusr"));
            $("#OLD_R428PWRUSR").val($(this).data("r428pwrusr"));
            $("#OLD_R42811A").val($(this).data("r42811a"));
            $("#OLD_R42821A").val($(this).data("r42821a"));
            // $("#OLD_MENU2OPT1").val($(this).data("menu2opt1"));
            // $("#OLD_MENU2OPT2").val($(this).data("menu2opt2"));
            $("#OLD_MENU2OPT3").val($(this).data("menu2opt3"));
            // $("#OLD_MENU2OPT4").val($(this).data("menu2opt4"));
            // $("#OLD_MENU2OPT5").val($(this).data("menu2opt5"));
            // $("#OLD_MENU2OPT6").val($(this).data("menu2opt6"));
            $("#OLD_MENU2OPT7").val($(this).data("menu2opt7"));
            $("#OLD_MENU2OPT8").val($(this).data("menu2opt8"));
            $("#OLD_MENU3OPT1").val($(this).data("menu3opt1"));
            $("#OLD_MENU3OPT2").val($(this).data("menu3opt2"));
            $("#OLD_MENU4OPT1").val($(this).data("menu4opt1"));
            $("#OLD_MENU4OPT2").val($(this).data("menu4opt2"));
            $("#OLD_MENU4OPT3").val($(this).data("menu4opt3"));
            $("#OLD_MENU5OPT1").val($(this).data("menu5opt1"));
            $("#OLD_MENU5OPT2").val($(this).data("menu5opt2"));
            $("#OLD_MENU5OPT3").val($(this).data("menu5opt3"));
            $("#OLD_MENU5OPT5").val($(this).data("menu5opt5"));
            $("#OLD_MENU6OPT1").val($(this).data("menu6opt1"));
            $("#OLD_MENU6OPT2").val($(this).data("menu6opt2"));
            $("#OLD_MENU6OPT3").val($(this).data("menu6opt3"));

            if($(this).data("r428sts")=='A') {
                $("#R428STS").prop("checked", true);
            } else {
                $("#R428STS").prop("checked", false);
            }
            if($(this).data("r428admusr")=='Y') {
                $("#R428ADMUSR").prop("checked", true);
            } else {
                $("#R428ADMUSR").prop("checked", false);
            }
            if($(this).data("r428pwrusr")=='Y') {
                $("#R428PWRUSR").prop("checked", true);
            } else {
                $("#R428PWRUSR").prop("checked", false);
            }
            if($(this).data("r42811a")=='C') {
                $("#R42811A").prop("checked", true);
            } else {
                $("#R42811A").prop("checked", false);
            }
            if($(this).data("r42821a")=='Y') {
                $("#R42821A").prop("checked", true);
            } else {
                $("#R42821A").prop("checked", false);
            }
            // if($(this).data("menu2opt1")=='Y') {
            //     $("#MENU2OPT1").prop("checked", true);
            // } else {
            //     $("#MENU2OPT1").prop("checked", false);
            // }
            // if($(this).data("menu2opt2")=='Y') {
            //     $("#MENU2OPT2").prop("checked", true);
            // } else {
            //     $("#MENU2OPT2").prop("checked", false);
            // }
            if($(this).data("menu2opt3")=='Y') {
                $("#MENU2OPT3").prop("checked", true);
            } else {
                $("#MENU2OPT3").prop("checked", false);
            }
            // if($(this).data("menu2opt4")=='Y') {
            //     $("#MENU2OPT4").prop("checked", true);
            // } else {
            //     $("#MENU2OPT4").prop("checked", false);
            // }
            // if($(this).data("menu2opt5")=='Y') {
            //     $("#MENU2OPT5").prop("checked", true);
            // } else {
            //     $("#MENU2OPT5").prop("checked", false);
            // }
            // if($(this).data("menu2opt6")=='Y') {
            //     $("#MENU2OPT6").prop("checked", true);
            // } else {
            //     $("#MENU2OPT6").prop("checked", false);
            // }
            if($(this).data("menu2opt7")=='Y') {
                $("#MENU2OPT7").prop("checked", true);
            } else {
                $("#MENU2OPT7").prop("checked", false);
            }
            if($(this).data("menu2opt8")=='Y') {
                $("#MENU2OPT8").prop("checked", true);
            } else {
                $("#MENU2OPT8").prop("checked", false);
            }
            if($(this).data("menu3opt1")=='Y') {
                $("#MENU3OPT1").prop("checked", true);
            } else {
                $("#MENU3OPT1").prop("checked", false);
            }
            if($(this).data("menu3opt2")=='Y') {
                $("#MENU3OPT2").prop("checked", true);
            } else {
                $("#MENU3OPT2").prop("checked", false);
            }
            if($(this).data("menu4opt1")=='Y') {
                $("#MENU4OPT1").prop("checked", true);
            } else {
                $("#MENU4OPT1").prop("checked", false);
            }
            if($(this).data("menu4opt2")=='Y') {
                $("#MENU4OPT2").prop("checked", true);
            } else {
                $("#MENU4OPT2").prop("checked", false);
            }
            if($(this).data("menu4opt3")=='Y') {
                $("#MENU4OPT3").prop("checked", true);
            } else {
                $("#MENU4OPT3").prop("checked", false);
            }
            if($(this).data("menu5opt1")=='Y') {
                $("#MENU5OPT1").prop("checked", true);
            } else {
                $("#MENU5OPT1").prop("checked", false);
            }
            if($(this).data("menu5opt2")=='Y') {
                $("#MENU5OPT2").prop("checked", true);
            } else {
                $("#MENU5OPT2").prop("checked", false);
            }
            if($(this).data("menu5opt3")=='Y') {
                $("#MENU5OPT3").prop("checked", true);
            } else {
                $("#MENU5OPT3").prop("checked", false);
            }
            if($(this).data("menu5opt5")=='Y') {
                $("#MENU5OPT5").prop("checked", true);
            } else {
                $("#MENU5OPT5").prop("checked", false);
            }
            if($(this).data("menu6opt1")=='Y') {
                $("#MENU6OPT1").prop("checked", true);
            } else {
                $("#MENU6OPT1").prop("checked", false);
            }
            if($(this).data("menu6opt2")=='Y') {
                $("#MENU6OPT2").prop("checked", true);
            } else {
                $("#MENU6OPT2").prop("checked", false);
            }
            if($(this).data("menu6opt3")=='Y') {
                $("#MENU6OPT3").prop("checked", true);
            } else {
                $("#MENU6OPT3").prop("checked", false);
            }

            $('#userEdit').modal('show');
        });

        //
        // Open Modal User Add
        //
        $(document).on('click', '#userAdd_click', function() {
            $('#userAdd').modal('show');
        });

        // #765
        //
        // Open Modal User Password
        //
        $(document).on('click', '#userPassword_click', function() {
            //console.log('Aaa');
            $("#R428US_PWD").val($(this).data("r428us_pwd"));
            $('#userPassword').modal('show');
            $('#NEW_PASSWORD').focus();
        });


        // Change Status switch values (Edit)
        $("#R428STS").change(function() {
            if(this.checked) {
                $("#R428STS").val("A");
            } else {
                $("#R428STS").val("I");
            }
        });

        // Change Admin user switch values (Edit)
        $("#R428ADMUSR").change(function() {
            if(this.checked) {
                $("#R428ADMUSR").val("Y");
            } else {
                $("#R428ADMUSR").val("N");
            }
        });

        // Change Power user switch values (Edit)
        $("#R428PWRUSR").change(function() {
            if(this.checked) {
                $("#R428PWRUSR").val("Y");
            } else {
                $("#R428PWRUSR").val("N");
            }
        });
        $("#R42811A").change(function() {
            if(this.checked) {
                $("#R42811A").val("C");
            } else {
                $("#R42811A").val("");
            }
        });

        $("#R42821A").change(function() {
            if(this.checked) {
                $("#R42821A").val("Y");
            } else {
                $("#R42821A").val("N");
            }
        });

        $("#MENU2OPT3").change(function() {
            if(this.checked) {
                $("#MENU2OPT3").val("Y");
            } else {
                $("#MENU2OPT3").val("N");
            }
        });

        $("#MENU2OPT7").change(function() {
            if(this.checked) {
                $("#MENU2OPT7").val("Y");
            } else {
                $("#MENU2OPT7").val("N");
            }
        });

        $("#MENU2OPT8").change(function() {
            if(this.checked) {
                $("#MENU2OPT8").val("Y");
            } else {
                $("#MENU2OPT8").val("N");
            }
        });

        // Change Menu 3 Option switch values (Edit)
        $("#MENU3OPT1").change(function() {
            if(this.checked) {
                $("#MENU3OPT1").val("Y");
            } else {
                $("#MENU3OPT1").val("N");
            }
        });

        $("#MENU3OPT2").change(function() {
            if(this.checked) {
                $("#MENU3OPT2").val("Y");
            } else {
                $("#MENU3OPT2").val("N");
            }
        });

        // Change Menu 4 Option switch values (Edit)
        $("#MENU4OPT1").change(function() {
            if(this.checked) {
                $("#MENU4OPT1").val("Y");
            } else {
                $("#MENU4OPT1").val("N");
            }
        });

        $("#MENU4OPT2").change(function() {
            if(this.checked) {
                $("#MENU4OPT2").val("Y");
            } else {
                $("#MENU4OPT2").val("N");
            }
        });

        $("#MENU4OPT3").change(function() {
            if(this.checked) {
                $("#MENU4OPT3").val("Y");
            } else {
                $("#MENU4OPT3").val("N");
            }
        });

        // Change Menu 5 Option switch values (Edit)
        $("#MENU5OPT1").change(function() {
            if(this.checked) {
                $("#MENU5OPT1").val("Y");
            } else {
                $("#MENU5OPT1").val("N");
            }
        });

        $("#MENU5OPT2").change(function() {
            if(this.checked) {
                $("#MENU5OPT2").val("Y");
            } else {
                $("#MENU5OPT2").val("N");
            }
        });

        $("#MENU5OPT3").change(function() {
            if(this.checked) {
                $("#MENU5OPT3").val("Y");
            } else {
                $("#MENU5OPT3").val("N");
            }
        });

        $("#MENU5OPT5").change(function() {
            if(this.checked) {
                $("#MENU5OPT5").val("Y");
            } else {
                $("#MENU5OPT5").val("N");
            }
        });

        // Change Menu 6 Option switch values (Edit)
        $("#MENU6OPT1").change(function() {
            if(this.checked) {
                $("#MENU6OPT1").val("Y");
            } else {
                $("#MENU6OPT1").val("N");
            }
        });
        $("#MENU6OPT2").change(function() {
            if(this.checked) {
                $("#MENU6OPT2").val("Y");
            } else {
                $("#MENU6OPT2").val("N");
            }
        });
        $("#MENU6OPT3").change(function() {
            if(this.checked) {
                $("#MENU6OPT3").val("Y");
            } else {
                $("#MENU6OPT3").val("N");
            }
        });

        // Change Menu 2 Option switch values (Add)
        $("input[name=R428STS]").change(function() {
            if(this.checked) {
                $("input[name=R428STS]").val("A");
            } else {
                $("input[name=R428STS]").val("I");
            }
        });

        $("input[name=R428ADMUSR]").change(function() {
            if(this.checked) {
                $("input[name=R428ADMUSR]").val("Y");
            } else {
                $("input[name=R428ADMUSR]").val("N");
            }
        });

        $("input[name=R428PWRUSR]").change(function() {
            if(this.checked) {
                $("input[name=R428PWRUSR]").val("Y");
            } else {
                $("input[name=R428PWRUSR]").val("N");
            }
        });

        $("input[name=R42811A]").change(function() {
            if(this.checked) {
                $("input[name=R42811A]").val("C");
            } else {
                $("input[name=R42811A]").val("");
            }
        });
        $("input[name=R42821A]").change(function() {
            if(this.checked) {
                $("input[name=R42821A]").val("Y");
            } else {
                $("input[name=R42821A]").val("N");
            }
        });

        $("input[name=MENU2OPT3]").change(function() {
            if(this.checked) {
                $("input[name=MENU2OPT3]").val("Y");
            } else {
                $("input[name=MENU2OPT3]").val("N");
            }
        });

        $("input[name=MENU2OPT7]").change(function() {
            if(this.checked) {
                $("input[name=MENU2OPT7]").val("Y");
            } else {
                $("input[name=MENU2OPT7]").val("N");
            }
        });

        $("input[name=MENU2OPT8]").change(function() {
            if(this.checked) {
                $("input[name=MENU2OPT8]").val("Y");
            } else {
                $("input[name=MENU2OPT8]").val("N");
            }
        });

        $("input[name=MENU3OPT1]").change(function() {
            if(this.checked) {
                $("input[name=MENU3OPT1]").val("Y");
            } else {
                $("input[name=MENU3OPT1]").val("N");
            }
        });

        $("input[name=MENU3OPT2]").change(function() {
            if(this.checked) {
                $("input[name=MENU3OPT2]").val("Y");
            } else {
                $("input[name=MENU3OPT2]").val("N");
            }
        });

        $("input[name=MENU4OPT1]").change(function() {
            if(this.checked) {
                $("input[name=MENU4OPT1]").val("Y");
            } else {
                $("input[name=MENU4OPT1]").val("N");
            }
        });

        $("input[name=MENU4OPT2]").change(function() {
            if(this.checked) {
                $("input[name=MENU4OPT2]").val("Y");
            } else {
                $("input[name=MENU4OPT2]").val("N");
            }
        });

        $("input[name=MENU4OPT3]").change(function() {
            if(this.checked) {
                $("input[name=MENU4OPT3]").val("Y");
            } else {
                $("input[name=MENU4OPT3]").val("N");
            }
        });

        $("input[name=MENU5OPT1]").change(function() {
            if(this.checked) {
                $("input[name=MENU5OPT1]").val("Y");
            } else {
                $("input[name=MENU5OPT1]").val("N");
            }
        });

        $("input[name=MENU5OPT2]").change(function() {
            if(this.checked) {
                $("input[name=MENU5OPT2]").val("Y");
            } else {
                $("input[name=MENU5OPT2]").val("N");
            }
        });

        $("input[name=MENU5OPT3]").change(function() {
            if(this.checked) {
                $("input[name=MENU5OPT3]").val("Y");
            } else {
                $("input[name=MENU5OPT3]").val("N");
            }
        });

        $("input[name=MENU5OPT5]").change(function() {
            if(this.checked) {
                $("input[name=MENU5OPT5]").val("Y");
            } else {
                $("input[name=MENU5OPT5]").val("N");
            }
        });

        $("input[name=MENU6OPT1]").change(function() {
            if(this.checked) {
                $("input[name=MENU6OPT1]").val("Y");
            } else {
                $("input[name=MENU6OPT1]").val("N");
            }
        });
        $("input[name=MENU6OPT2]").change(function() {
            if(this.checked) {
                $("input[name=MENU6OPT2]").val("Y");
            } else {
                $("input[name=MENU6OPT2]").val("N");
            }
        });
        $("input[name=MENU6OPT3]").change(function() {
            if(this.checked) {
                $("input[name=MENU6OPT3]").val("Y");
            } else {
                $("input[name=MENU6OPT3]").val("N");
            }
        });


        $("#R428EMAIL").change(function() {
            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            const isValidEmail = emailRegex.test($("#R428EMAIL").val()); // true
            if(!isValidEmail) {
                $("#R428EMAIL").focus();
                alert("Email address is invalid");
            }
        });

        $("input[name=R428EMAIL]").change(function() {
            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            const isValidEmail = emailRegex.test($("input[name=R428EMAIL]").val()); // true
            if(!isValidEmail) {
                $("input[name=R428EMAIL]").focus();
                alert("Email address is invalid");
            }
        });

        // Clear values on Edit form when Close is clicked
        $(document).on('click', '#closeEdit', function() {
            document.getElementById("frmEdit").reset();
        });

        // Clear values on Add form when Close is clicked
        $(document).on('click', '#closeAdd', function() {
            document.getElementById("frmAdd").reset();
        });

        $(document).on('click', '#closePassword', function() {
            document.getElementById("frmPassword").reset();
        });

        //
        // Save User Edit
        //
        $(document).on('click', '#submitUserEdit', function() {

            var changes_detected = 0;

            // Retrieve the values we need to pass on
            // R428DV R428PL R428WHS R428STS R428US R428FIRST R428FAMILY R428EMPCDE R428ADMUSR R428PWRUSR MENU2OPT -->
            var NEW_R428CO     = $("#R428DPW").val().substring(0,3);
            var NEW_R428PL     = $("#R428DPW").val().substring(3,6);
            var NEW_R428WH     = $("#R428DPW").val().substring(6,9);
            var NEW_R428DPW    = $("#R428DPW").val();

            var NEW_R428STS    = $("#R428STS").val();
            var NEW_R428US     = $("#R428US").val();
            var NEW_R428FIRST  = $("#R428FIRST").val();
            var NEW_R428FAMILY = $("#R428FAMILY").val();
            var NEW_R428EMAIL  = $("#R428EMAIL").val();
            var NEW_R428EMPCDE = $("#R428EMPCDE").val();
            var NEW_R428ADMUSR = $("#R428ADMUSR").val();
            var NEW_R428PWRUSR = $("#R428PWRUSR").val();
            var NEW_R42811A    = $("#R42811A").val();
            var NEW_R42821A    = $("#R42821A").val();

            // var NEW_MENU2OPT1  = $("#MENU2OPT1").val();
            // var NEW_MENU2OPT2  = $("#MENU2OPT2").val();
            var NEW_MENU2OPT3  = $("#MENU2OPT3").val();
            // var NEW_MENU2OPT4  = $("#MENU2OPT4").val();
            // var NEW_MENU2OPT5  = $("#MENU2OPT5").val();
            // var NEW_MENU2OPT6  = $("#MENU2OPT6").val();
            var NEW_MENU2OPT7  = $("#MENU2OPT7").val();
            var NEW_MENU2OPT8  = $("#MENU2OPT8").val();

            var NEW_MENU3OPT1  = $("#MENU3OPT1").val();
            var NEW_MENU3OPT2  = $("#MENU3OPT2").val();

            var NEW_MENU4OPT1  = $("#MENU4OPT1").val();
            var NEW_MENU4OPT2  = $("#MENU4OPT2").val();
            var NEW_MENU4OPT3  = $("#MENU4OPT3").val();

            var NEW_MENU5OPT1  = $("#MENU5OPT1").val();
            var NEW_MENU5OPT2  = $("#MENU5OPT2").val();
            var NEW_MENU5OPT3  = $("#MENU5OPT3").val();
            var NEW_MENU5OPT5  = $("#MENU5OPT5").val();

            var NEW_MENU6OPT1  = $("#MENU6OPT1").val();
            var NEW_MENU6OPT2  = $("#MENU6OPT2").val();
            var NEW_MENU6OPT3  = $("#MENU6OPT3").val();

            // Retrieve old values
            var OLD_R428CO     = $("#OLD_R428CO").val();
            var OLD_R428PL     = $("#OLD_R428PL").val();
            var OLD_R428WH     = $("#OLD_R428WH").val();
            var OLD_R428DPW    = $("#OLD_R428DPW").val();
            var OLD_R428STS    = $("#OLD_R428STS").val();
            var OLD_R428US     = $("#OLD_R428US").val();
            var OLD_R428FIRST  = $("#OLD_R428FIRST").val();
            var OLD_R428FAMILY = $("#OLD_R428FAMILY").val();
            var OLD_R428EMAIL  = $("#OLD_R428EMAIL").val();
            var OLD_R428EMPCDE = $("#OLD_R428EMPCDE").val();
            var OLD_R428ADMUSR = $("#OLD_R428ADMUSR").val();
            var OLD_R428PWRUSR = $("#OLD_R428PWRUSR").val();
            var OLD_R42811A    = $("#OLD_R42811A").val();
            var OLD_R42821A    = $("#OLD_R42821A").val();

            // var OLD_MENU2OPT1  = $("#OLD_MENU2OPT1").val();
            // var OLD_MENU2OPT2  = $("#OLD_MENU2OPT2").val();
            var OLD_MENU2OPT3  = $("#OLD_MENU2OPT3").val();
            // var OLD_MENU2OPT4  = $("#OLD_MENU2OPT4").val();
            // var OLD_MENU2OPT5  = $("#OLD_MENU2OPT5").val();
            // var OLD_MENU2OPT6  = $("#OLD_MENU2OPT6").val();
            var OLD_MENU2OPT7  = $("#OLD_MENU2OPT7").val();
            var OLD_MENU2OPT8  = $("#OLD_MENU2OPT8").val();

            var OLD_MENU3OPT1  = $("#OLD_MENU3OPT1").val();
            var OLD_MENU3OPT2  = $("#OLD_MENU3OPT2").val();

            var OLD_MENU4OPT1  = $("#OLD_MENU4OPT1").val();
            var OLD_MENU4OPT2  = $("#OLD_MENU4OPT2").val();
            var OLD_MENU4OPT3  = $("#OLD_MENU4OPT3").val();

            var OLD_MENU5OPT1  = $("#OLD_MENU5OPT1").val();
            var OLD_MENU5OPT2  = $("#OLD_MENU5OPT2").val();
            var OLD_MENU5OPT3  = $("#OLD_MENU5OPT3").val();
            var OLD_MENU5OPT5  = $("#OLD_MENU5OPT5").val();

            var OLD_MENU6OPT1  = $("#OLD_MENU6OPT1").val();
            var OLD_MENU6OPT2  = $("#OLD_MENU6OPT2").val();
            var OLD_MENU6OPT3  = $("#OLD_MENU6OPT3").val();

            // test fields that are not supposed to be blank/empty
            if (NEW_R428US=="" || NEW_R428FIRST=="" || NEW_R428FAMILY=="" || NEW_R428EMAIL=="" ) {
                //$('.blank-body').html("There are fields that are blank that must be populated.");
                //$('#blank-submit').addClass('close-modal2');
                //$('#blank-submit').html('Close');
                //$('#blank-close').addClass('close-modal3');
                //$('#blank-close').html('Back');
                //$('#blank-modal').modal('show');
                $('#userEdit').modal('show');
                if (NEW_R428EMAIL=="") {
                    $('#R428EMAIL').focus();
                }
                if (NEW_R428FAMILY=="") {
                    $('#R428FAMILY').focus();
                }
                if (NEW_R428FIRST=="") {
                    $('#R428FIRST').focus();
                }
                if (NEW_R428US=="") {
                    $('#R428US').focus();
                }
                alert("There are fields that are blank that must be populated.");

            } else {
                // Compare the new and the old value before submitting
                if(NEW_R428STS!=OLD_R428STS) {
                    changes_detected = 1;
                    //alert("sts");
                }
                if(NEW_R428US!=OLD_R428US) {
                    changes_detected = 1;
                    //alert("us");
                }
                if(NEW_R428FIRST!=OLD_R428FIRST) {
                    changes_detected = 1;
                    //alert("first");
                }
                if(NEW_R428FAMILY!=OLD_R428FAMILY) {
                    changes_detected = 1;
                    //alert("family");
                }
                if(NEW_R428EMAIL!=OLD_R428EMAIL) {
                    changes_detected = 1;
                    //alert("email");
                }
                if(NEW_R428EMPCDE!=OLD_R428EMPCDE) {
                    changes_detected = 1;
                    //alert("emp");
                }
                if(NEW_R428ADMUSR!=OLD_R428ADMUSR) {
                    changes_detected = 1;
                    //alert("adm");
                }
                if(NEW_R428PWRUSR!=OLD_R428PWRUSR) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_R42811A!=OLD_R42811A) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_R42821A!=OLD_R42821A) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU2OPT3!=OLD_MENU2OPT3) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU2OPT7!=OLD_MENU2OPT7) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU2OPT8!=OLD_MENU2OPT8) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU3OPT1!=OLD_MENU3OPT1) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU3OPT2!=OLD_MENU3OPT2) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU4OPT1!=OLD_MENU4OPT1) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU4OPT2!=OLD_MENU4OPT2) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU4OPT3!=OLD_MENU4OPT3) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU5OPT1!=OLD_MENU5OPT1) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU5OPT2!=OLD_MENU5OPT2) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU5OPT3!=OLD_MENU5OPT3) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU5OPT5!=OLD_MENU5OPT5) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_R428DPW!=OLD_R428DPW) {
                    changes_detected = 1;
                    //alert("dpw");
                }
                if(NEW_MENU6OPT1!=OLD_MENU6OPT1) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU6OPT2!=OLD_MENU6OPT2) {
                    changes_detected = 1;
                    //alert("pwr");
                }
                if(NEW_MENU6OPT3!=OLD_MENU6OPT3) {
                    changes_detected = 1;
                    //alert("pwr");
                }

                // If we have no changes we let the user know in a blank modal
                //alert(changes_detected);
                if (changes_detected==0) {
                    $('#userEdit').modal('show');
                    alert("No changes have been detected. Please try again");

                // Send ajax request
                } else {

                    var csrf = document.querySelector('meta[name="csrf-token"]').content;

                    // console.log(NEW_R42821A); return false;

                    $.ajax({
                        type:'POST',
                        url:'/userControl/saveUserEdit',
                        data: {
                            'R428CO':     NEW_R428CO,
                            'R428PL':     NEW_R428PL,
                            'R428WH':     NEW_R428WH,
                            'R428STS':    NEW_R428STS,
                            'R428US':     NEW_R428US,
                            'R428FIRST':  NEW_R428FIRST,
                            'R428FAMILY': NEW_R428FAMILY,
                            'R428EMAIL':  NEW_R428EMAIL,
                            'R428EMPCDE': NEW_R428EMPCDE,
                            'R428ADMUSR': NEW_R428ADMUSR,
                            'R428PWRUSR': NEW_R428PWRUSR,
                            'R42811A':    NEW_R42811A,
                            'R42821A':    NEW_R42821A,
                            // 'MENU2OPT1' : NEW_MENU2OPT1,
                            // 'MENU2OPT2' : NEW_MENU2OPT2,
                            'MENU2OPT3' : NEW_MENU2OPT3,
                            // 'MENU2OPT4' : NEW_MENU2OPT4,
                            // 'MENU2OPT5' : NEW_MENU2OPT5,
                            // 'MENU2OPT6' : NEW_MENU2OPT6,
                            'MENU2OPT7' : NEW_MENU2OPT7,
                            'MENU2OPT8' : NEW_MENU2OPT8,
                            'MENU3OPT1' : NEW_MENU3OPT1,
                            'MENU3OPT2' : NEW_MENU3OPT2,
                            'MENU4OPT1' : NEW_MENU4OPT1,
                            'MENU4OPT2' : NEW_MENU4OPT2,
                            'MENU4OPT3' : NEW_MENU4OPT3,
                            'MENU5OPT1' : NEW_MENU5OPT1,
                            'MENU5OPT2' : NEW_MENU5OPT2,
                            'MENU5OPT3' : NEW_MENU5OPT3,
                            'MENU5OPT5' : NEW_MENU5OPT5,
                            'MENU6OPT1' : NEW_MENU6OPT1,
                            'MENU6OPT2' : NEW_MENU6OPT2,
                            'MENU6OPT3' : NEW_MENU6OPT3,
                            '_token': csrf
                        },
                        success:function(data) {
                            if (data=="success") {
                                //$('#blank-modal').modal('hide');
                                $('#userEdit').modal('hide');
                                // alert("should reload here");
                                location.reload();
                            } else {
                                $("#R428CO").val(NEW_R428CO);
                                $("#R428PL").val(NEW_R428PL);
                                $("#R428WH").val(NEW_R428WH);
                                $("#R428DPW").val(NEW_R428DPW);
                                $("#R428STS").val(NEW_R428STS);
                                $("#R428US").val(NEW_R428US);
                                $("#R428FIRST").val(NEW_R428FIRST);
                                $("#R428FAMILY").val(NEW_R428FAMILY);
                                $("#R428EMAIL").val(NEW_R428EMAIL);
                                $("#R428EMPCDE").val(NEW_R428EMPCDE);
                                $("#R428ADMUSR").val(NEW_R428ADMUSR);
                                $("#R428PWRUSR").val(NEW_R428PWRUSR);
                                $("#R42811A").val(NEW_R42811A);
                                $("#R42821A").val(NEW_R42821A);
                                // $("#MENU2OPT1").val(NEW_MENU2OPT1);
                                // $("#MENU2OPT2").val(NEW_MENU2OPT2);
                                $("#MENU2OPT3").val(NEW_MENU2OPT3);
                                // $("#MENU2OPT4").val(NEW_MENU2OPT4);
                                // $("#MENU2OPT5").val(NEW_MENU2OPT5);
                                // $("#MENU2OPT6").val(NEW_MENU2OPT6);
                                $("#MENU2OPT7").val(NEW_MENU2OPT7);
                                $("#MENU2OPT8").val(NEW_MENU2OPT8);
                                $("#MENU3OPT1").val(NEW_MENU3OPT1);
                                $("#MENU3OPT2").val(NEW_MENU3OPT2);
                                $("#MENU4OPT1").val(NEW_MENU4OPT1);
                                $("#MENU4OPT2").val(NEW_MENU4OPT2);
                                $("#MENU4OPT3").val(NEW_MENU4OPT3);
                                $("#MENU5OPT1").val(NEW_MENU5OPT1);
                                $("#MENU5OPT2").val(NEW_MENU5OPT2);
                                $("#MENU5OPT3").val(NEW_MENU5OPT3);
                                $("#MENU5OPT5").val(NEW_MENU5OPT5);
                                $("#MENU6OPT1").val(NEW_MENU6OPT1);
                                $("#MENU6OPT2").val(NEW_MENU6OPT2);
                                $("#MENU6OPT3").val(NEW_MENU6OPT3);
                                $("#OLD_R428CO").val(OLD_R428CO);
                                $("#OLD_R428PL").val(OLD_R428PL);
                                $("#OLD_R428WH").val(OLD_R428WH);
                                $("#OLD_R428DPW").val(OLD_R428DPW);
                                $("#OLD_R428STS").val(OLD_R428STS);
                                $("#OLD_R428US").val(OLD_R428US);
                                $("#OLD_R428FIRST").val(OLD_R428FIRST);
                                $("#OLD_R428FAMILY").val(OLD_R428FAMILY);
                                $("#OLD_R428EMAIL").val(OLD_R428EMAIL);
                                $("#OLD_R428EMPCDE").val(OLD_R428EMPCDE);
                                $("#OLD_R428ADMUSR").val(OLD_R428ADMUSR);
                                $("#OLD_R428PWRUSR").val(OLD_R428PWRUSR);
                                $("#OLD_R42811A").val(OLD_R42811A);
                                $("#OLD_R42821A").val(OLD_R42821A);
                                // $("#OLD_MENU2OPT1").val(OLD_MENU2OPT1);
                                // $("#OLD_MENU2OPT2").val(OLD_MENU2OPT2);
                                $("#OLD_MENU2OPT3").val(OLD_MENU2OPT3);
                                // $("#OLD_MENU2OPT4").val(OLD_MENU2OPT4);
                                // $("#OLD_MENU2OPT5").val(OLD_MENU2OPT5);
                                // $("#OLD_MENU2OPT6").val(OLD_MENU2OPT6);
                                $("#OLD_MENU2OPT7").val(OLD_MENU2OPT7);
                                $("#OLD_MENU2OPT8").val(OLD_MENU2OPT8);
                                $("#OLD_MENU3OPT1").val(OLD_MENU3OPT1);
                                $("#OLD_MENU3OPT2").val(OLD_MENU3OPT2);
                                $("#OLD_MENU4OPT1").val(OLD_MENU4OPT1);
                                $("#OLD_MENU4OPT2").val(OLD_MENU4OPT2);
                                $("#OLD_MENU4OPT3").val(OLD_MENU4OPT3);
                                $("#OLD_MENU5OPT1").val(OLD_MENU5OPT1);
                                $("#OLD_MENU5OPT2").val(OLD_MENU5OPT2);
                                $("#OLD_MENU5OPT3").val(OLD_MENU5OPT3);
                                $("#OLD_MENU5OPT5").val(OLD_MENU5OPT5);
                                $("#OLD_MENU6OPT1").val(OLD_MENU6OPT1);
                                $("#OLD_MENU6OPT2").val(OLD_MENU6OPT2);
                                $("#OLD_MENU6OPT3").val(OLD_MENU6OPT3);

                                if (data=="error profile") {
                                    //$('#blank-modal').modal('show');
                                    $("#R428US").val("");
                                    $('#userEdit').modal('show');
                                    $('#R428US').focus();
                                    alert("User profile entered does not exist, please try again.");
                                }
                                if (data=="error empcd") {
                                    $("#R428EMPCDE").val(0);
                                    $('#userEdit').modal('show');
                                    $('#R428EMPCDE').focus();
                                    alert("Employee code entered does not exist, please try again.");
                                }
                            }
                        }
                    });
                }
            }
        });

        //
        // Save User Add
        //
        $(document).on('click', '#submitUserAdd', function() {

            // Retrieve the values we need to pass on
            // R428DV R428PL R428WHS R428STS R428US R428FIRST R428FAMILY R428EMPCDE R428ADMUSR R428PWRUSR  -->
            var NEW_R428DPW = "";
            if($("#R428DPW1").val()!=null) {
                var NEW_R428CO = ($("#R428DPW1").val()).substring(0,3);
                var NEW_R428PL = ($("#R428DPW1").val()).substring(3,6);
                var NEW_R428WH = ($("#R428DPW1").val()).substring(6,9);
                var NEW_R428DPW = $("#R428DPW1").val();
            }
            var NEW_R428STS     = $("input[name=R428STS]").val();
            var NEW_R428US      = $("input[name=R428US]").val();
            var NEW_R428FIRST   = $("input[name=R428FIRST]").val();
            var NEW_R428FAMILY  = $("input[name=R428FAMILY]").val();
            var NEW_R428EMAIL   = $("input[name=R428EMAIL]").val();
            var NEW_R428EMPCDE  = $("input[name=R428EMPCDE]").val();
            var NEW_R428ADMUSR  = $("input[name=R428ADMUSR]").val();
            var NEW_R428PWRUSR  = $("input[name=R428PWRUSR]").val();
            var NEW_R42811A     = $("input[name=R42811A]").val();
            var NEW_R42821A     = $("input[name=R42821A]").val();
            var NEW_MENU2OPT3   = $("input[name=MENU2OPT3]").val();
            var NEW_MENU2OPT7   = $("input[name=MENU2OPT7]").val();
            var NEW_MENU2OPT8   = $("input[name=MENU2OPT8]").val();
            var NEW_MENU3OPT1   = $("input[name=MENU3OPT1]").val();
            var NEW_MENU3OPT2   = $("input[name=MENU3OPT2]").val();
            var NEW_MENU4OPT1   = $("input[name=MENU4OPT1]").val();
            var NEW_MENU4OPT2   = $("input[name=MENU4OPT2]").val();
            var NEW_MENU4OPT3   = $("input[name=MENU4OPT3]").val();
            var NEW_MENU5OPT1   = $("input[name=MENU5OPT1]").val();
            var NEW_MENU5OPT2   = $("input[name=MENU5OPT2]").val();
            var NEW_MENU5OPT3   = $("input[name=MENU5OPT3]").val();
            var NEW_MENU5OPT5   = $("input[name=MENU5OPT5]").val();
            var NEW_MENU6OPT1   = $("input[name=MENU6OPT1]").val();
            var NEW_MENU6OPT2   = $("input[name=MENU6OPT2]").val();
            var NEW_MENU6OPT3   = $("input[name=MENU6OPT3]").val();

            // test fields that are not supposed to be blank/empty
            if (NEW_R428US=="" || NEW_R428FIRST=="" || NEW_R428FAMILY=="" || NEW_R428EMAIL=="" || NEW_R428DPW=="") {
                alert("There are fields that are blank that must be populated.");
                $('#userAdd').modal('show');
                if (NEW_R428DPW=="") {
                    $('#R428DPW1').focus();
                }
                if (NEW_R428EMAIL=="") {
                    $('#R428EMAIL').focus();
                }
                if (NEW_R428FAMILY=="") {
                    $('#R428FAMILY').focus();
                }
                if (NEW_R428FIRST=="") {
                    $('#R428FIRST').focus();
                }
                if (NEW_R428US=="") {
                    $('#R428US').focus();
                }

            } else {

                var csrf = document.querySelector('meta[name="csrf-token"]').content;

                $.ajax({
                    type:'POST',
                    url:'/userControl/saveUserAdd',
                    data: {
                        'R428CO':     NEW_R428CO,
                        'R428PL':     NEW_R428PL,
                        'R428WH':     NEW_R428WH,
                        'R428STS':    NEW_R428STS,
                        'R428US':     NEW_R428US,
                        'R428FIRST':  NEW_R428FIRST,
                        'R428FAMILY': NEW_R428FAMILY,
                        'R428EMAIL':  NEW_R428EMAIL,
                        'R428EMPCDE': NEW_R428EMPCDE,
                        'R428ADMUSR': NEW_R428ADMUSR,
                        'R428PWRUSR': NEW_R428PWRUSR,
                        'R42811A':    NEW_R42811A,
                        'R42821A':    NEW_R42821A,
                        'MENU2OPT3' : NEW_MENU2OPT3,
                        'MENU2OPT7' : NEW_MENU2OPT7,
                        'MENU2OPT8' : NEW_MENU2OPT8,
                        'MENU3OPT1' : NEW_MENU3OPT1,
                        'MENU3OPT2' : NEW_MENU3OPT2,
                        'MENU4OPT1' : NEW_MENU4OPT1,
                        'MENU4OPT2' : NEW_MENU4OPT2,
                        'MENU4OPT3' : NEW_MENU4OPT3,
                        'MENU5OPT1' : NEW_MENU5OPT1,
                        'MENU5OPT2' : NEW_MENU5OPT2,
                        'MENU5OPT3' : NEW_MENU5OPT3,
                        'MENU5OPT5' : NEW_MENU5OPT5,
                        'MENU6OPT1' : NEW_MENU6OPT1,
                        'MENU6OPT2' : NEW_MENU6OPT2,
                        'MENU6OPT3' : NEW_MENU6OPT3,
                        '_token': csrf
                    },
                    success:function(data) {
                        // If no errors load the next checkbox
                        if (data=="success") {
                            $('#blank-modal').modal('hide');
                            $('#userAdd').modal('hide');
                            location.reload();
                        } else {
                            $("#R428CO").val(NEW_R428CO);
                            $("#R428PL").val(NEW_R428PL);
                            $("#R428WH").val(NEW_R428WH);
                            $("#R428DPW").val(NEW_R428DPW);
                            $("#R428STS").val(NEW_R428STS);
                            $("#R428US").val(NEW_R428US);
                            $("#R428FIRST").val(NEW_R428FIRST);
                            $("#R428FAMILY").val(NEW_R428FAMILY);
                            $("#R428EMAIL").val(NEW_R428EMAIL);
                            $("#R428EMPCDE").val(NEW_R428EMPCDE);
                            $("#R428ADMUSR").val(NEW_R428ADMUSR);
                            $("#R428PWRUSR").val(NEW_R428PWRUSR);
                            $("#R42811A").val(NEW_R42811A);
                            $("#R42821A").val(NEW_R42821A);
                            $("#MENU2OPT3").val(NEW_MENU2OPT3);
                            $("#MENU2OPT7").val(NEW_MENU2OPT7);
                            $("#MENU2OPT8").val(NEW_MENU2OPT8);
                            $("#MENU3OPT1").val(NEW_MENU3OPT1);
                            $("#MENU3OPT2").val(NEW_MENU3OPT2);
                            $("#MENU4OPT1").val(NEW_MENU4OPT1);
                            $("#MENU4OPT2").val(NEW_MENU4OPT2);
                            $("#MENU4OPT3").val(NEW_MENU4OPT3);
                            $("#MENU5OPT1").val(NEW_MENU5OPT1);
                            $("#MENU5OPT2").val(NEW_MENU5OPT2);
                            $("#MENU5OPT3").val(NEW_MENU5OPT3);
                            $("#MENU5OPT5").val(NEW_MENU5OPT5);
                            $("#MENU6OPT1").val(NEW_MENU6OPT1);
                            $("#MENU6OPT2").val(NEW_MENU6OPT2);
                            $("#MENU6OPT3").val(NEW_MENU6OPT3);

                            if (data=="success2") {
                                $('#blank-modal').modal('hide');
                                $('#userAdd').modal('hide');
                                alert('User profile was created on the system with default password.');
                                location.reload();
                            }
                            if (data=="error profile") {
                                //$('#blank-modal').modal('show');
                                $("input[name=R428US]").val('');
                                $('#userAdd').modal('show');
                                $("input[name=R428US]").focus();
                                alert("User profile entered does not exist, please try again.");
                            }
                            if (data=="error profile2") {
                                //$('#blank-modal').modal('show');
                                $("input[name=R428US]").val('');
                                $('#userAdd').modal('show');
                                $("input[name=R428US]").focus();
                                alert("User profile entered was not added. Program ICMUSRPRF error.");
                            }
                            if (data=="error profile3") {
                                //$('#blank-modal').modal('show');
                                $("input[name=R428US]").val('');
                                $('#userAdd').modal('show');
                                $("input[name=R428US]").focus();
                                alert("Could not connect to system due to wrong user or password. Please contact IT.");
                            }
                            if (data=="error profile4") {
                                //$('#blank-modal').modal('show');
                                $("input[name=R428US]").val('');
                                $('#userAdd').modal('show');
                                $("input[name=R428US]").focus();
                                alert("Database not found. Try WRKRDBDIRE to check.");
                            }
                            if (data=="error profile5") {
                                //$('#blank-modal').modal('show');
                                $("input[name=R428US]").val('');
                                $('#userAdd').modal('show');
                                $("input[name=R428US]").focus();
                                alert("Could not connect. Error: ' . $code . ' ' . $msg");
                            }
                            if (data=="error empcd") {
                                //$('#blank-modal').modal('show');
                                $("input[name=R428EMPCDE]").val(0);
                                $('#userAdd').modal('show');
                                $("input[name=R428EMPCDE]").focus();
                                alert("Employee code entered does not exist, please try again.");
                            }
                            if (data=="error exists") {
                                //$('#blank-modal').modal('show');
                                $("input[name=R428US]").val('');
                                $('#userAdd').modal('show');
                                $("input[name=R428US]").focus();
                                alert("User profile entered already exists in this file, please try again.");
                            }
                        }
                    }
                });
            }
        });


        document.getElementById('frmPassword').addEventListener('submit', function(event) {
            event.preventDefault();
            // Handle form submission here
            //console.log('Form submitted');
            // You can add your own logic here, such as sending data to a server
            // After submission, you may want to close the modal
            //var modal = bootstrap.Modal.getInstance(document.getElementById('exampleModal'));
            //modal.hide();
            $( "#submitUserPassword").trigger( "click" );
        });

        //
        // Save User Password
        //
        $(document).on('click', '#submitUserPassword', function() {
//console.log('Bbb');
            var changes_detected = 0;

            // Retrieve the values we need to pass on
            var NEW_PASSWORD    = $("#NEW_PASSWORD").val();
            var R428US_PWD      = $("#R428US_PWD").val();
            var form_post = {
                    'NEW_PASSWORD': NEW_PASSWORD,
                    'R428US_PWD':   R428US_PWD,
                    _token      : '{{ csrf_token() }}' };
//console.log(form_post);
            //return false;
            // test fields that are not supposed to be blank/empty
            if (NEW_PASSWORD=="") {
                $('#userPassword').modal('show');
                alert("A password must be entered.");
                $('#NEW_PASSWORD').focus();
            }
//console.log('B2');
            var csrf = document.querySelector('meta[name="csrf-token"]').content;
//console.log('B3');

            $.ajax({
                type:'POST',
                url:"{{ route('m3.savePassword') }}",
                data: {
                    'NEW_PASSWORD': NEW_PASSWORD,
                    'R428US_PWD':   R428US_PWD,
                    '_token': csrf
                },
                success:function(data) {
                    if (data=="success") {
                        $('#blank-modal').modal('hide');
                        $('#userPassword').modal('hide');
                        alert("User "+R428US_PWD+" has been re-enabled successfully");
                        location.reload();
                    } else {
                        $("#NEW_PASSWORD").val("");

                        if (data=="error pwd") {
                            //$('#blank-modal').modal('show');
                            $("#NEW_PASSWORD").val("");
                            $('#userPassword').modal('show');
                            $('#NEW_PASSWORD').focus();
                            alert("Password entered is not valid, please try again.");
                        }
                    }
                }
            });
        });

    });

    //});

</script>
@endsection