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

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

<section class="content">
    @if($user->roles->first()->name == 'rakyat')
    <form action="{{url('superadmin/users/'.$user->id)}}" method="post">
    @else
    <form action="{{url('superadmin/admin/'.$user->id)}}" method="post">
    @endif
        @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="{{$user->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="{{$user->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" @if($user->ic_type == 1) selected @endif>No. Kad Pengenalan</option>
                                        <option value="2" @if($user->ic_type == 2) selected @endif>No. Tentera</option>
                                        <option value="3" @if($user->ic_type == 3) selected @endif>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="{{$user->username}}" placeholder="Enter IC No" required>
                                </div>
                            </div>
                        </div>
                        <div class="form-group ic-admin">
                            <label>IC No</label>
                            <input type="text" class="form-control {{$errors->has('ic_admin') ? 'is-invalid' : ''}}" id="ic_admin" name="ic_admin" value="{{!empty($user->ProfileAdmin->ic_admin) ? $user->ProfileAdmin->ic_admin : '' }}" placeholder="Enter IC No" readonly>
                        </div>
                        <div class="form-group username">
                            <label>Username</label>
                            <input type="text" class="form-control {{$errors->has('username') ? 'is-invalid': ''}}" id="username_2" value="{{$user->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">
                        </div>
                        <div class="form-group">
                            <label>Confirm Password</label>
                            <input type="password" class="form-control" name="password_confirmation">
                        </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[]" @foreach($user->roles as $user_role)
                                            @if($user_role->id == $role->id)
                                            checked
                                            @endif
                                            @endforeach
                                            > {{$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[]" @foreach($user->permissions as $user_perm)
                                            @if($user_perm->id == $perm->id)
                                            checked
                                            @endif
                                            @endforeach
                                            > {{$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" @if($user->email_verified_at != '') checked @endif> Yes
                                        </label>
                                    </div>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" value="no" name="email_verified_at" @if($user->email_verified_at == '') checked @endif> 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>
                                            @php
                                                $iprArr = explode(",", $user->ipr_id);
                                            @endphp
                                            <input type="radio" value="{{$ipr->id}}" class="ipr_input" name="ipr_id" @if(in_array($ipr->id, $iprArr)) checked @endif)> {{$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>
                                                        @php
                                                            $iprArr = explode(",", $user->ipr_id);
                                                        @endphp
                                                        {{-- @php dd(in_array($ipr->id,$iprArr)) @endphp --}}
                                                        <input type="checkbox" value="{{$ipr->id}}" class="iprdun_input" name="ipr_id[]" @if(in_array($ipr->id, $iprArr)) checked @endif)> 
                                                        <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($dun->id==$user->dun) selected @endif>{{$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 $item)
                                            <option value="{{$item->id}}" class="daerah_input" name="daerah" @if($item->id == $user->daerah) selected @endif>{{$item->nama}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">
                    <i class="fa fa-save"></i> SUBMIT
                </button>

                @if($user->roles->first()->name == 'rakyat')
                <a class="btn btn-default" href="{{url('superadmin/users')}}">
                    <i class="fa fa-undo"> Back</i>
                </a>
                @else
                <a class="btn btn-default" href="{{url('superadmin/admin')}}">
                    <i class="fa fa-undo"> Back</i>
                </a>
                @endif
            </div>
        </div>
    </form>
</section>

@endsection

@section('footerScripts')
<script>
    $(document).ready(() => {
        $('.ic, .username, .ipr, .iprdun, .dun, .daerah, #SUKApproval, #adminladang').hide();
        getRoles($('input[name="roles[]"]:checked').val());
    
        $('input[name="roles[]"]').on('click', () => {
            var roles = @json($roles);
            var selectedRoleid = $('input[name="roles[]"]:checked').val();
            getRoles(selectedRoleid);
        });

        $('input[name="ipr_id"]').on('click', () => {
            var iprs = @json($iprs);
            var selectedIprid = $('input[name="ipr_id"]:checked').val();
            var selectedIpr = '';
            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');
            }
        });
    });

    function getRoles(x) {
        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;
            }
        }
        var iprs = @json($iprs);
        var selectedIprid = $('input[name="ipr_id"]:checked').val();
        var selectedIpr = '';
        for (index = 0; index < iprs.length; ++index) {
            if(iprs[index]['id'] == selectedIprid) {
                selectedIpr = iprs[index]['name'];
                break;
            }
        }
                
        if (selectedRole == 'admin' && selectedIpr == 'ladang') {
            $('#SUKApproval').show('slow');
            $('#adminladang').show('slow');
        } else {
            $('#SUKApproval').hide('slow');
            $('#adminladang').hide('slow');
        };

        if(selectedRole == 'rakyat'){
            $('.ic-admin').hide('slow');
            $('#ic_admin').attr('name', '');
        }else{
            $('.ic-admin').show('slow');
            $('#ic_admin').attr('name', 'ic_admin');
        }

        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);
            $('.iprdun_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 == 'dun') {
            $('.iprdun').show('slow');
            $('.ipr').hide('slow');
            $('.iprdun_input').attr('disabled', false);
            $('.ipr_input').attr('disabled', true);
            $('.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 {
            $('.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