@extends('layouts.admin')
@section('title', 'Create New User')
@section('users', 'active')
@section('users_add', 'active')
@section('content')

<section class="content-header">
    <h1>Create New User</h1>
</section>

<section class="content">
    <form action="{{url('superadmin/users/add')}}" method="post">
        @csrf
        <div class="row">
            <div class="col-md-6">
                <div class="box box-default">
                    <div class="box-header with-border">
                        <h3 class="box-title">Registration Form</h3>
                    </div>
                    <div class="box-body">
                        <div class="form-group">
                            <label>Name</label>
                            <input type="text" class="form-control {{$errors->has('name') ? 'is-invalid' : ''}}" name="name" value="{{old('name')}}" placeholder="Enter Name" required>
                        </div>
                        <div class="form-group">
                            <label>Email</label>
                            <input type="email" class="form-control {{$errors->has('email') ? 'is-invalid' : ''}}" name="email" value="{{old('email')}}" placeholder="Enter Email address" required>
                        </div>
                        <div class="form-group ic">
                            <label>IC No</label>
                            <div class="row">
                                <div class="col-md-4">
                                    <select name="ic_type" id="ic_type" class="form-control" required>
                                        <option value="" selected hidden>Select IC Type</option>
                                        <option value="1">No. Kad Pengenalan</option>
                                        <option value="2">No. Tentera</option>
                                        <option value="3">No. Polis</option>
                                    </select>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" class="form-control {{$errors->has('username') ? 'is-invalid': ''}}" id="username_1" name="username" value="{{old('username')}}" placeholder="Enter IC No">
                                </div>
                            </div>
                        </div>
                        <div class="form-group username">
                            <label>Username</label>
                            <input type="text" class="form-control {{$errors->has('username') ? 'is-invalid': ''}}" id="username_2" value="{{old('username')}}" placeholder="Enter Username" disabled>
                        </div>
                        <div class="form-group">
                            <label>Password</label>
                            <input type="password" class="form-control {{$errors->has('password') ? 'is-invalid': ''}}" name="password" required>
                        </div>
                        <div class="form-group">
                            <label>Confirm Password</label>
                            <input type="password" class="form-control" name="password_confirmation" required>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>Roles</label>
                                    @foreach($roles as $role)
                                    <div class="checkbox">
                                        <label>
                                            <input type="radio" value="{{$role->id}}" name="roles[]"> {{$role->display_name}}
                                        </label>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>Permission</label>
                                    @foreach($permissions as $perm)
                                    <div class="checkbox">
                                        <label id="{{str_replace(' ', '', $perm->display_name)}}">
                                            <input type="checkbox" value="{{$perm->id}}" name="permissions[]"> {{$perm->display_name}}
                                        </label>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label>Verify Email</label>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" value="yes" name="email_verified_at" checked> Yes
                                        </label>
                                    </div>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" value="no" name="email_verified_at"> No
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group ipr">
                                    <label>Admin for Ipr</label>
                                    @foreach($iprs as $key => $ipr)
                                    <div class="radio">
                                        <label>
                                            <input type="radio" value="{{$ipr->id}}" class="ipr_input" name="ipr_id" > {{$ipr->display_name}}
                                        </label>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group iprdun">
                                    <label>Dun for Ipr</label>
                                    @foreach($iprs as $key => $ipr)
                                        @if($ipr->name == 'kiss' || $ipr->name == 'baucer' || $ipr->name == 'pbss' || $ipr->name == 'blueprint' || $ipr->name == 'bbbr'|| $ipr->name == 'smue'|| 
                                            $ipr->name == 'tunas'|| $ipr->name == 'tawas'|| $ipr->name == 'sbap'|| $ipr->name == 'igems')
                                            <div class="mb-2">
                                                <div class="checkbox">
                                                    <label>
                                                        <input type="checkbox" value="{{$ipr->id}}" class="ipr_input" name="ipr_id[{{$key}}]"> 
                                                        <span style="margin-left: 5px;">{{$ipr->display_name}}</span>
                                                    </label>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group dun">
                                    <label for="sel1">Dun list:</label>
                                    <select class="form-control" id="dun" name="dun">
                                        <option value="">Pilih Dun...</option>
                                        @foreach($duns as $key => $dun)
                                            <option value="{{$dun->id}}" class="dun_input" name="dun" @if($key==0) checked @endif disabled >{{$dun->nama}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group daerah">
                                    <label for="sel1">Daerah list:</label>
                                    <select class="form-control" id="daerah" name="daerah">
                                        <option value="">Pilih Daerah...</option>
                                        @foreach($daerah as $key => $daerah)
                                            <option value="{{$daerah->id}}" class="daerah_input" name="daerah" @if($key==0) checked @endif disabled >{{$daerah->nama}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">
                    <i class="fa fa-save"></i> SUBMIT
                </button>
                <a class="btn btn-default" href="{{url('superadmin/users')}}">
                    <i class="fa fa-undo"> Back</i>
                </a>
            </div>
        </div>
    </form>
</section>

@endsection

@section('footerScripts')
<script>
    $(document).ready(() => {
        $('.ic, .username, .ipr, .iprdun, .dun, .daerah, #SUKApproval, #adminladang').hide();

        var selectedIpr = '';

        $('input[name="ipr_id"]').on('click', () => { //for admin role ipr
            var iprs = @json($iprs);
            var selectedIprid = $('input[name="ipr_id"]:checked').val();
            for (index = 0; index < iprs.length; ++index) {
                if(iprs[index]['id'] == selectedIprid) {
                    selectedIpr = iprs[index]['name'];
                    break;
                }
            }

            if (selectedIpr == 'ladang') {
                $('#SUKApproval').show('slow');
                $('#adminladang').show('slow');
            } else {
                $('#SUKApproval').hide('slow');
                $('#adminladang').hide('slow');
            }
        });

        $('input[name="roles[]"]').on('click', () => {
            var roles = @json($roles);
            var selectedRoleid = $('input[name="roles[]"]:checked').val();
            var selectedRole = '';
            for (index = 0; index < roles.length; ++index) {
                if(roles[index]['id'] == selectedRoleid) {
                    selectedRole = roles[index]['name'];
                    break;
                }
            }
                
            if (selectedRole == 'admin' && selectedIpr == 'ladang') {
                $('#SUKApproval').show('slow');
                $('#adminladang').show('slow');
            } else {
                $('#SUKApproval').hide('slow');
                $('#adminladang').hide('slow');
            };

            if (selectedRole == 'super_admin' || selectedRole == 'principal_admin' || selectedRole == 'maker') {
                $('.ipr').hide('slow');
                $('.iprdun').hide('slow');
                $('.ipr_input').attr('disabled', true);
                $('.dun').hide('slow');
                $('.dun_input').attr('disabled', true);
                $('.daerah').hide('slow');
                $('.daerah_input').attr('disabled', true);
                $('.username').show('slow');
                $('#username_2').attr('name', 'username');
                $('#username_2').attr('disabled', false);
                $('.ic').hide('slow');
                $('#username_1, #ic_type').val('');
                $('#username_1').attr('name', '');
                $('#username_1, #ic_type').attr('disabled', true);
            } else if (selectedRole == 'admin' || selectedRole == 'agency-admin') {
                $('.ipr').show('slow');
                $('.iprdun').hide('slow');
                $('.ipr_input').attr('disabled', false);
                $('.dun').hide('slow');
                $('.dun_input').attr('disabled', true);
                $('.daerah').hide('slow');
                $('.daerah_input').attr('disabled', true);
                $('.username').show('slow');
                $('#username_2').attr('name', 'username');
                $('#username_2').attr('disabled', false);
                $('.ic').hide('slow');
                $('#username_1, #ic_type').val('');
                $('#username_1').attr('name', '');
                $('#username_1, #ic_type').attr('disabled', true);
            } else if (selectedRole == 'dun') {
                $('.iprdun').show('slow');
                $('.ipr').hide('slow');
                $('.ipr_input').attr('disabled', false);
                $('.dun').show('slow');
                $('.dun_input').attr('disabled', false);
                $('.daerah').hide('slow');
                $('.daerah_input').attr('disabled', true);
                $('.username').show('slow');
                $('#username_2').attr('name', 'username');
                $('#username_2').attr('disabled', false);
                $('.ic').hide('slow');
                $('#username_1, #ic_type').val('');
                $('#username_1').attr('name', '');
                $('#username_1, #ic_type').attr('disabled', true);
            } else if (selectedRole == 'daerah') {
                $('.ipr').hide('slow');
                $('.iprdun').hide('slow');
                $('.ipr_input').attr('disabled', true);
                $('.dun').hide('slow');
                $('.dun_input').attr('disabled', true);
                $('.daerah').show('slow');
                $('.daerah_input').attr('disabled', false);
                $('.username').show('slow');
                $('#username_2').attr('name', 'username');
                $('#username_2').attr('disabled', false);
                $('.ic').hide('slow');
                $('#username_1, #ic_type').val('');
                $('#username_1').attr('name', '');
                $('#username_1, #ic_type').attr('disabled', true);
            } else if (selectedRole == 'icu_jpm') {
                $('.ipr').hide('slow');
                $('.iprdun').hide('slow');
                $('.ipr_input').attr('disabled', true);
                $('.dun').hide('slow');
                $('.dun_input').attr('disabled', false);
                $('.daerah').hide('slow');
                $('.daerah_input').attr('disabled', true);
                $('.username').show('slow');
                $('#username_2').attr('name', 'username');
                $('#username_2').attr('disabled', false);
                $('.ic').hide('slow');
                $('#username_1, #ic_type').val('');
                $('#username_1').attr('name', '');
                $('#username_1, #ic_type').attr('disabled', true);
            } else if (selectedRole == 'jmb') {
                $('.ipr').hide('slow');
                $('.iprdun').hide('slow');
                $('.ipr_input').attr('disabled', true);
                $('.username').show('slow');
                $('#username_2').attr('name', 'username');
                $('#username_2').attr('disabled', false);
                $('.ic').hide('slow');
                $('#username_1, #ic_type').val('');
                $('#username_1').attr('name', '');
                $('#username_1, #ic_type').attr('disabled', true);
            } else {
                $('.ipr').hide('slow');
                $('.iprdun').hide('slow');
                $('.ipr_input').attr('disabled', true);
                $('.dun').hide('slow');
                $('.dun_input').attr('disabled', true);
                $('.daerah').hide('slow');
                $('.daerah_input').attr('disabled', true);
                $('.username').hide('slow');
                $('#username_2').val('');
                $('#username_2').attr('name', '');
                $('#username_2').attr('disabled', false);
                $('.ic').show('slow');
                $('#username_1').attr('name', 'username');
                $('#username_1, #ic_type').attr('disabled', false);
            }
        });
    });
</script>
@endsection