@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/multiple-select.css') }}" rel="stylesheet">
@endsection

@section('style')
<style type="text/css">
    table thead tr{
        display:block;
        width:calc(100% - 17px);
    }
    
    table tbody tr{
        width:100%;
        display:inline-table;
    }
    
    table th:first-child{
        width:31.2%;
    }
    
    table th{
        width:10.8%;
    }
    
    table td:first-child{
        width:28.9%;
    }
    
    table td{
        width:10.3%;
    }

    table tbody{
      display:block;
      height:500px;
      overflow:auto;
    }
</style>
@endsection



@section('content')
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">{{__('texte.roles_arr.edit.change_role')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.roles_arr.edit.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <form id="role_edit" method="POST" action="{{ route('roles.update', $role->id) }}?page={{ request('page', 1) }}" class="form-horizontal">
			{{ method_field('PATCH') }}
                        {{ csrf_field() }}

                        @permission('role-form-name-read')
                        <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                            <label for="name" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.roles_arr.edit.name')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-knight"></i></span>
                                <input type="text" class="form-control" id="name" name="name" value="{{ old('name', $role->name) }}" placeholder="{{__('texte.roles_arr.edit.name')}}" maxlength="255" required autofocus 
                                    @nonepermission('role-form-name-write')
                                            readonly 
                                    @endnonepermission
                                    @if ($role->id <= config('sklad.roles'))
                                        readonly 
                                    @endif
                                />
                                @if ($errors->has('name'))
                                        <span class="help-block"><strong>{{ $errors->first('name') }}</strong></span>
                                @endif
                            </div>
                        </div>
                        @endpermission

                        @permission('role-form-title-read')
                        <div class="form-group{{ $errors->has('title') ? ' has-error' : '' }}">
                            <label for="title" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.roles_arr.edit.title')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-knight"></i></span>
                                <input type="text" class="form-control" id="title" name="title" value="{{ old('title', $role->title) }}" placeholder="{{__('texte.roles_arr.edit.title')}}" maxlength="255" required 
                                    @nonepermission('role-form-title-write')
                                            readonly 
                                    @endnonepermission
                                    @if ($role->id <= config('sklad.roles'))
                                        readonly 
                                    @endif
				/>
                                @if ($errors->has('title'))
                                    <span class="help-block"><strong>{{ $errors->first('title') }}</strong></span>
                                @endif
                            </div>
                        </div>
                        @endpermission

                        @permission('role-form-description-read')
                        <div class="form-group{{ $errors->has('description') ? ' has-error' : '' }}">
                            <label for="description" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.roles_arr.edit.description')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
                                <input type="text" class="form-control" id="description" name="description" value="{{ old('description', $role->description) }}" placeholder="{{__('texte.roles_arr.edit.description')}}" maxlength="255" required 
                                    @nonepermission('role-form-description-write')
                                            readonly 
                                    @endnonepermission
                                    @if ($role->id <= config('sklad.roles'))
                                        readonly 
                                    @endif
				/>
                                @if ($errors->has('description'))
                                    <span class="help-block"><strong>{{ $errors->first('description') }}</strong></span>
                                @endif
                            </div>
                        </div>
                        @endpermission

                        @permission('role-form-count-read')
                        <div class="form-group{{ $errors->has('count') ? ' has-error' : '' }}">
                            <label for="count" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.roles_arr.edit.users_count')}}</label>
                            <div class="input-group col-xs-8 col-sm-8 col-md-8">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-list-alt"></i></span>
                                <input type="number" min="1" class="form-control" id="count" name="count" value="{{ old('count', $role->count) }}" placeholder="1" required 
                                    @nonepermission('role-form-count-write')
                                            readonly 
                                    @endnonepermission
                                    @if ($role->id == 1)
                                        readonly 
                                    @endif
                                />
                                @if ($errors->has('count'))
                                        <span class="help-block"><strong>{{ $errors->first('count') }}</strong></span>
                                @endif
                            </div>
                        </div>
                        @endpermission

                        @permission('role-form-permissions-read')
                            <div class="form-group{{ $errors->has('permissions[]') ? ' has-error' : '' }}">
                                <label for="permissions" class="control-label col-xs-2 col-sm-2 col-md-2">{{__('texte.roles_arr.edit.permissions')}}</label>
                                <div class="input-group col-xs-8 col-sm-8 col-md-8">   
                                    @if ($errors->has('permissions[]'))
                                        <span class="help-block"><strong>{{ $errors->first('permissions[]') }}</strong></span>
                                    @endif
                                    <div class="errorBox"></div>
                                    <table id="myTable" class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                                        <thead>
                                            <th><button style="margin-right:5px;" type="button" class='btn btn-primary' onclick="check_all()">{{__('texte.roles_arr.edit.select_all')}}</button><button type="button" class='btn btn-warning' onclick="uncheck_all()">{{__('texte.roles_arr.edit.deselect_all')}}</button></th>
                                            <th style="text-align: center;">{{__('texte.roles_arr.edit.reading')}}</th>
                                            <th style="text-align: center;">{{__('texte.roles_arr.edit.creation')}}</th>
                                            <th style="text-align: center;">{{__('texte.roles_arr.edit.change_n')}}</th>
                                            <th style="text-align: center;">{{__('texte.roles_arr.edit.deletion')}}</th>
                                            <th style="text-align: center;">{{__('texte.roles_arr.create.revisions')}}</th>
                                            <th style="text-align: center;">{{__('texte.roles_arr.edit.others')}}</th>
                                            <th style="text-align: center;">{{__('texte.roles_arr.edit.authorise')}}</th>
                                        </thead>
                                        <tbody>
                                            @foreach($parent_groups as $parent_group)
                                                <tr>
                                                    <td colspan="8"><h3>{{$parent_group->name}}</h3></td>
                                                </tr>
                                                @if(count($parent_group->routes)>0 || count($parent_group->permissions)>0)
                                                    <tr>
                                                        <td><h4 style="text-align: center;">{{$parent_group->name}}</h4></td>                                                        
                                                        @foreach($parent_group->routes as $route)
                                                            <td style="text-align: center;"><input class="ckbox {{$route->route_order==3 ? 'route_edit' : ''}}" data_group="{{$parent_group->id}}" type="checkbox" name="permissions[]" value="{{$route->id}}" title="{{$route->title}}" {{ in_array($route->id,old('permissions',$rolePermissions)) ? 'checked' : ''}} @nonepermission('role-form-permissions-write') readonly @endnonepermission/></td>
                                                        @endforeach
                                                        @if(count($parent_group->routes)<7)                                                        
                                                            <td style="text-align: center;"></td>
                                                        @endif
                                                        @if(count($parent_group->routes)<6)                                                        
                                                            <td style="text-align: center;"></td>
                                                        @endif
                                                        @if(count($parent_group->routes)<5)                                                        
                                                            <td style="text-align: center;"></td>
                                                        @endif
                                                    </tr>
                                                    @for($i=0;$i<count($parent_group->permissions)-1;$i+=2)
                                                        <tr>
                                                            <td style="text-align: right;">{{$parent_group->permissions[$i]->short_title}}</td>
                                                            <td style="text-align: center;"><input class="ckbox ckbox_permission" type="checkbox" data_group="{{$parent_group->id}}" name="permissions[]" value="{{$parent_group->permissions[$i]->id}}" title="{{$parent_group->permissions[$i]->title}}" {{in_array($parent_group->permissions[$i]->id,old('permissions',$rolePermissions)) ? 'checked' : ''}} @nonepermission('role-form-permissions-write') readonly @endnonepermission/></td>
                                                            <td></td>
                                                            <td style="text-align: center;"><input class="ckbox ckbox_permission ckbox_permission_edit" type="checkbox" data_group="{{$parent_group->id}}" name="permissions[]" value="{{$parent_group->permissions[$i+1]->id}}" title="{{$parent_group->permissions[$i+1]->title}}" {{in_array($parent_group->permissions[$i+1]->id,old('permissions',$rolePermissions)) ? 'checked' : ''}} @nonepermission('role-form-permissions-write') readonly @endnonepermission/></td>
                                                            <td></td>
                                                            <td></td>
                                                            <td></td>
                                                            <td></td>
                                                        </tr>
                                                    @endfor
                                                @endif  
                                                @if(count($parent_group->children)>0)
                                                    @foreach($parent_group->children as $group)
                                                        @if(count($group->routes)>0 || count($group->permissions)>0)
                                                            <tr>
                                                                <td><h4 style="text-align: center;">{{$group->name}}</h4></td>                                                        
                                                                @foreach($group->routes as $route)
                                                                    <td style="text-align: center;"><input class="ckbox {{$route->route_order==3 ? 'route_edit' : ''}}" type="checkbox" data_group="{{$group->id}}" name="permissions[]" value="{{$route->id}}" title="{{$route->title}}" {{ in_array($route->id,old('permissions',$rolePermissions)) ? 'checked' : ''}} @nonepermission('role-form-permissions-write') readonly @endnonepermission/></td>
                                                                @endforeach
                                                                @if(count($group->routes)<7)                                                        
                                                                    <td style="text-align: center;"></td>
                                                                @endif
                                                                @if(count($group->routes)<6)                                                        
                                                                    <td style="text-align: center;"></td>
                                                                @endif
                                                                @if(count($group->routes)<5)                                                        
                                                                    <td style="text-align: center;"></td>
                                                                @endif
                                                            </tr>
                                                            @for($i=0;$i<count($group->permissions)-1;$i+=2)
                                                                <tr>
                                                                    <td style="text-align: right;">{{$group->permissions[$i]->short_title}}</td>
                                                                    <td style="text-align: center;"><input class="ckbox ckbox_permission" type="checkbox" data_group="{{$group->id}}" name="permissions[]" value="{{$group->permissions[$i]->id}}" title="{{$group->permissions[$i]->title}}" {{in_array($group->permissions[$i]->id,old('permissions',$rolePermissions)) ? 'checked' : ''}} @nonepermission('role-form-permissions-write') readonly @endnonepermission/></td>
                                                                    <td></td>
                                                                    <td style="text-align: center;"><input class="ckbox ckbox_permission ckbox_permission_edit" type="checkbox" data_group="{{$group->id}}" name="permissions[]" value="{{$group->permissions[$i+1]->id}}" title="{{$group->permissions[$i+1]->title}}" {{in_array($group->permissions[$i+1]->id,old('permissions',$rolePermissions)) ? 'checked' : ''}} @nonepermission('role-form-permissions-write') readonly @endnonepermission/></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                    <td></td>
                                                                </tr>
                                                            @endfor
                                                        @endif
                                                    @endforeach
                                                @endif
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        @endpermission

                        
                        <div class="form-group">
                            <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                <button type="submit" class="btn btn-primary" @nonepermission('role-route-edit') disabled @endnonepermission>{{__('texte.roles_arr.edit.change')}}</button>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>
<script type="text/javascript" charset="utf-8">

$(function() {
    $(':input[type="number"]').on('input', function() {
        $(this).val($(this).val().match(/^\d{1,}$/));
    });
});

function check_all(){
    $('.ckbox').prop('checked',true);
}
function uncheck_all(){
    $('.ckbox').prop('checked',false);
}

$('.route_edit').on('click',function(){
   var checked = $(this).is(':checked');
   $('.ckbox_permission_edit[data_group="'+$(this).attr('data_group')+'"]').prop('checked', checked);
});
</script>
@endsection