@extends('layouts.master')
@section('content')
<div class="row page-titles">
	<div class="col-md-5 align-self-center">
	    <h4 class="text-themecolor">Edit Role Akses</h4>
	</div>
	<div class="col-md-7 align-self-center text-right">
	    <div class="d-flex justify-content-end align-items-center">	        
	    </div>
	</div>
</div>
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="form-group row">
                    <label class="col-md-3 col-form-label" for="namaunit"> Nama Role</label>
                    <div class="col-md-9">
                        <input class="form-control" name="role" value="{{$role->nama}}" type="text" readonly>
                    </div>
                </div>
                <div class="table-responsive col-12">
                    <table id="" class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th width="5%">No</th>
                                <th>Modul</th>
                                <th>Parent Modul</th>
                                <th>Akses</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                            $no=1;
                            @endphp
                            @foreach($modul_master as $row)
                                <tr>
                                    <td>{{ $no++ }}</td>
                                    <td>{{ ($row->idparent != 0)? $row->nama_modul  : $row->head_modul  }}</td>
                                    <td>{{ ($row->idparent != 0)? $row->ParentModul->head_modul : '-' }}</td>
                                    <td>
                                        <input type="checkbox" name="active" class="js-switch switch-input set_permission" data-size="small" data-color="#28a745" data-secondary-color="#a9a9a9" data-switchery="true" class="form-control" {{ ($role->getPermission($row->id) == 1)?"checked='checked'":'' }} data-idrole="{{ $role->id }}" data-idmodul="{{ $row->id }}">  
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    var token = $("meta[name='csrf-token']").attr("content");
    var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
    $('.js-switch').each(function() {
        new Switchery($(this)[0], $(this).data());
    });

    $('.set_permission').each(function(i, el) {
        el.onchange = function() {
            var idrole  = el.getAttribute('data-idrole');
            var idmodul = el.getAttribute('data-idmodul');
            var status  = el.checked;
            var url     = '{{ url('master/role-akses/manage_permission') }}'
            if(status == true)
            {
            //set permission
            $.post(url , 
                {
                idrole        : idrole,
                idmodul       : idmodul,
                task          : 'add_permission',
                _token        : token
                }, 
                function(response){
                if(response.status == true){
                    $.toast({
                        heading: 'Enabled',
                        text: response.messages,
                        icon: 'success',
                        loader: true,        // Change it to false to disable loader
                        loaderBg: '#9EC600',  // To change the background
                        hideAfter: 5000,
                        position: 'top-right',
                    });
                }else{
                    $.toast({
                    heading: 'Upsss...',
                    text: response.messages,
                    icon: 'warning',
                    loader: true,        // Change it to false to disable loader
                    loaderBg: '#9EC600',  // To change the background
                    hideAfter: 7000,
                    position: 'top-right',
                });
                }

                });
            }
            else
            {
            // delete permission
            $.post(url, 
                {
                idrole        : idrole,
                idmodul       : idmodul,
                task          : 'delete_permission',
                _token        : token
                }, 
                function(response){
                $.toast({
                        heading: 'Disabled',
                        text: response.messages,
                        icon: 'error',
                        loader: true,        // Change it to false to disable loader
                        loaderBg: '#595959',
                        bgColor: '#a9a9a9',
                        textColor: '#ffffff' , // To change the background
                        hideAfter: 5000,
                        position: 'top-right',
                    });

                });
            }
        };
    });
</script>
@endsection