@extends('admin.layouts.master')

@section('main-content')
	
	<section class="section">
        <div class="section-header">
            <h1>{{ __('Roles') }}</h1>
            {{ Breadcrumbs::render('role/view') }}
        </div>

        <div class="section-body">
        	<div class="row">
	   			<div class="col-12 col-md-12 col-lg-12">
				    <div class="card">
				    	<form action="{{ route('admin.role.save-permission', $role) }}" method="POST">
				    		@csrf
				    		<div class="card-header">
						        <h3>{{ __('Permission') }} - <span class="text-danger">( {{ $role->name }} )</span></h3>
						    </div>

						    <div class="card-body">
						        <table class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>{{ __('#') }}</th>
                                            <th>{{ __('Module Name') }}</th>
                                            <th>{{ __('Create') }}</th>
                                            <th>{{ __('Edit') }}</th>
                                            <th>{{ __('Delete') }}</th>
                                            <th>{{ __('Show') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                                                            </tbody>
                                </table>
						    </div>
						    
					        <div class="card-footer">
		                    	<button class="btn btn-primary mr-1" type="submit">{{ __('Submit') }}</button>
		                  	</div>
		                </form>
					</div>
				</div>
			</div>
        </div>
    </section>

@endsection

@section('scripts')
	<script>
	    $('.mainmodule').each(function() {
	        var mainmodule  = $(this).attr('id');

	        var mainidCreate    = mainmodule+"_create";
	        var mainidEdit   = mainmodule+"_edit";
	        var mainidDelete = mainmodule+"_delete";
	        var mainidShow   = mainmodule+"_show";

	        if (!$('#'+mainmodule).is(':checked')) {
	            $('#'+mainidCreate).prop('disabled', true);
	            $('#'+mainidCreate).prop('checked', false);
	        
	            $('#'+mainidEdit).prop('disabled', true);
	            $('#'+mainidEdit).prop('checked', false);
	        
	            $('#'+mainidDelete).prop('disabled', true);
	            $('#'+mainidDelete).prop('checked', false);
	        
	            $('#'+mainidShow).prop('disabled', true);
	            $('#'+mainidShow).prop('checked', false);
	        }
	    });

	    function processCheck(event) {
	        var mainmodule  = $(event).attr('id');

	        console.log(mainmodule);

	        var mainidCreate = mainmodule+"_create";
	        var mainidEdit   = mainmodule+"_edit";
	        var mainidDelete = mainmodule+"_delete";
	        var mainidShow   = mainmodule+"_show";

	        if($('#'+mainmodule).is(':checked')) {
	            $('#'+mainidCreate).prop('disabled', false);
	            $('#'+mainidCreate).prop('checked', true);

	            $('#'+mainidEdit).prop('disabled', false);
	            $('#'+mainidEdit).prop('checked', true);

	            $('#'+mainidDelete).prop('disabled', false);
	            $('#'+mainidDelete).prop('checked', true);

	            $('#'+mainidShow).prop('disabled', false);
	            $('#'+mainidShow).prop('checked', true);
	          } else {
	            $('#'+mainidCreate).prop('disabled', true);
	            $('#'+mainidCreate).prop('checked', false);
	        
	            $('#'+mainidEdit).prop('disabled', true);
	            $('#'+mainidEdit).prop('checked', false);
	        
	            $('#'+mainidDelete).prop('disabled', true);
	            $('#'+mainidDelete).prop('checked', false);
	        
	            $('#'+mainidShow).prop('disabled', true);
	            $('#'+mainidShow).prop('checked', false);
	        }
	    };
	</script>

@endsection