@extends('layouts.admin')
@section('title', 'Audit Log')
@section('users', 'active')
@section('users_add', 'active')
@section('content')

<section class="content-header">
    <h1>Audit Log</h1>
</section>

<section class="content">
    <form action="{{url('superadmin/users/'.$user->id)}}" method="post">
        @csrf
        <div class="row">
            <div class="col-md-12">
                <div class="box box-default">
                    <div class="box-header with-border">
                    </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" readonly>
                        </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" readonly>
                        </div>
                        <div class="form-group ic">
                            <label>IC No</label>
                            <input type="text" class="form-control {{$errors->has('username') ? 'is-invalid' : ''}}" id="username_1" name="username" value="{{$user->username}}" placeholder="Enter IC No" readonly>
                        </div>
                        <div class="form-group">
                            <label>Audit Log</label>
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered">
                                    <thead>
                                    <tr>
                                        <th width="10%">Bil</th>
                                        <th width="50%">Maklumat Kemaskini</th>
                                        <th>Tarikh Kemaskini</th>
                                        <th>Dikemaskini Oleh</th>
                                    </tr>
                                    </thead>
    
                                    <tbody>
                                    
                                    @foreach($audit as $key => $data)
                                            <tr>
                                                <td>
                                                    {{$key+1}}
                                                </td>
                                                <td>

                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            @foreach($ori[$key] as $index => $item)
                                                                @if(count($item) > 0)
                                                                <b>{{ $index }}</b> <br>
                                                                    @foreach($item as $index2 => $i)
                                                                        {{ $index2 }} : {{ $i }} <br>
                                                                    @endforeach
                                                                @endif
                                                                @if(count($ori[$key][$index]) <= 0 &&  count($new[$key][$index]) > 0)
                                                                <b>{{ $index }}</b> <br>
                                                                Tiada Maklumat
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                        <div class="col-md-1 p-0">→</div>
                                                        <div class="col-md-4">
                                                            @foreach($new[$key] as $index => $item)
                                                                @if(count($item) > 0)
                                                                <b>{{ $index }}</b> <br>
                                                                    @foreach($item as $index2 => $i)
                                                                        {{ $index2 }} : {{ $i }} <br>
                                                                    @endforeach
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>
                                                    {{ Carbon\Carbon::parse($audit[$key]->updated_at)->format('d/m/Y H:i')}}
                                                </td>
                                                <td>
                                                    {{App\User::find($audit[$key]->update_by)->name }}
                                                </td>
                                            </tr>
                                    @endforeach
                                    </tbody>
    
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                @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, .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 == 'super_admin' || selectedRole == 'principal_admin' || selectedRole == 'maker') {
            $('.ipr').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');
            $('.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') {
            $('.ipr').hide('slow');
            $('.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');
            $('.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');
            $('.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