@extends('layouts.app')

@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;//set tbody to 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.create.add_role')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.roles_arr.create.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <form id="role_create" method="POST" action="{{ route('roles.store') }}" class="form-horizontal">
                        {{ 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.create.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') }}" placeholder="{{__('texte.roles_arr.create.name')}}" maxlength="255" autofocus 
                                    @nonepermission('role-form-name-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('name'))
                                        <span class="help-block"><strong>{{ $errors->first('name') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </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.create.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') }}" placeholder="{{__('texte.roles_arr.create.title')}}" maxlength="255"   
                                    @nonepermission('role-form-title-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('title'))
                                        <span class="help-block"><strong>{{ $errors->first('title') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </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.create.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') }}" placeholder="{{__('texte.roles_arr.create.description')}}" maxlength="255"   
                                    @nonepermission('role-form-description-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('description'))
                                        <span class="help-block"><strong>{{ $errors->first('description') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </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.create.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', 1) }}" placeholder="1"   
                                    @nonepermission('role-form-count-write')
                                            readonly 
                                    @endnonepermission
                                />
                                @if ($errors->has('count'))
                                    <span class="help-block"><strong>{{ $errors->first('count') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </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.create.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.create.select_all')}}</button><button type="button" class='btn btn-warning' onclick="uncheck_all()">{{__('texte.roles_arr.create.deselect_all')}}</button></th>
                                        <th style="text-align: center;">{{__('texte.roles_arr.create.reading')}}</th>
                                        <th style="text-align: center;">{{__('texte.roles_arr.create.creation')}}</th>
                                        <th style="text-align: center;">{{__('texte.roles_arr.create.change_n')}}</th>
                                        <th style="text-align: center;">{{__('texte.roles_arr.create.deletion')}}</th>
                                        <th style="text-align: center;">{{__('texte.roles_arr.create.revisions')}}</th>
                                        <th style="text-align: center;">{{__('texte.roles_arr.create.others')}}</th>
                                        <th style="text-align: center;">{{__('texte.roles_arr.create.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}}" {{ !empty(old('permissions')) && in_array($route->id,old('permissions')) ? 'checked' : ''}}/></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
                                                </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}}" {{!empty(old('permissions')) && in_array($parent_group->permissions[$i]->id,old('permissions')) ? 'checked' : ''}}/></td>
                                                        <td></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+1]->id}}" title="{{$parent_group->permissions[$i+1]->title}}" {{!empty(old('permissions')) && in_array($parent_group->permissions[$i+1]->id,old('permissions')) ? 'checked' : ''}}/></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}}" {{ !empty(old('permissions')) && in_array($route->id,old('permissions')) ? 'checked' : ''}}/></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
                                                        </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}}" {{!empty(old('permissions')) && in_array($group->permissions[$i]->id,old('permissions')) ? 'checked' : ''}}/></td>
                                                                <td></td>
                                                                <td style="text-align: center;"><input class="ckbox ckbox_permission" type="checkbox" data_group="{{$group->id}}" name="permissions[]" value="{{$group->permissions[$i+1]->id}}" title="{{$group->permissions[$i+1]->title}}" {{!empty(old('permissions')) && in_array($group->permissions[$i+1]->id,old('permissions')) ? 'checked' : ''}}/></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-create') disabled @endnonepermission>{{__('texte.roles_arr.create.add')}}</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[data_group="'+$(this).attr('data_group')+'"]').prop('checked', checked);
});

</script>
@endsection