@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;//set tbody to auto
    }
</style>
@endsection


@section('content')
<div class="container">
    @include('shared.messages')
    <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.users_arr.show.show_user')}}</h3>
                    <div class="pull-right">
                        @if(auth()->user()->id==$user->id || auth()->user()->can('user-route-edit'))
                                <a class="btn btn-warning" href="{{route('users.edit',$user->id)}}">{{__('texte.users_arr.show.change')}}</a>
                        @endif
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.users_arr.show.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.users_arr.show.name')}}: </strong>
                            {{ $user->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.users_arr.show.email')}}: </strong>
                            {{ $user->email }}
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.users_arr.show.phone')}}: </strong>
                            {{ $user->phone }}
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.users_arr.show.mobile')}}: </strong>
                            {{ $user->mobile }}
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.users_arr.show.fax')}}: </strong>
                            {{ $user->fax }}
                        </div>
                    </div>
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.users_arr.show.note')}}: </strong>
                            {{ $user->note }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.users_arr.show.active')}}: </strong>
                            {{ App\Model::ACTIVE[$user->active] }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
			<div class="form-group">
                            <strong>{{__('texte.users_arr.show.documents')}}: </strong>
                            @foreach ($user->documents as $document)
                                <a class="btn btn-info btn-xs" href="{{ route('documents.show', $document->id) }}">{{ $document->type->title }} # {{ $document->number }}</a>
                            @endforeach
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.users_arr.show.roles')}}: </strong>
                            @foreach ($user->roles as $role)
                                <label class="label label-success">{{ $role->title }}</label>
                            @endforeach
                        </div>
                    </div>

                    <div class="col-xs-8 col-sm-8 col-md-8">
                        <form method="POST" action="{{ route('users.show', $user->id) }}?page={{ request('page', 1) }}" class="form form-inline">
                            {{ method_field('PUT') }}
                            {{ csrf_field() }}

                            @permission('user-form-restrictions-read')
                                <div class="form-group" {{ $errors->has('permissions[]') ? ' has-error' : '' }} style="display:block;">
                                    <label for="permissions" class="control-label">{{__('texte.users_arr.show.individual_permissions')}}:</label>
                                    <div class="input-group" style="width:100%;">
                                        @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.users_arr.show.select_all')}}</button><button type="button" class='btn btn-warning' onclick="uncheck_all()">{{__('texte.users_arr.show.deselect_all')}}</button></th>
                                                <th style="text-align: center;">{{__('texte.users_arr.show.reading')}}</th>
                                                <th style="text-align: center;">{{__('texte.users_arr.show.creation')}}</th>
                                                <th style="text-align: center;">{{__('texte.users_arr.show.change_n')}}</th>
                                                <th style="text-align: center;">{{__('texte.users_arr.show.deletion')}}</th>
                                                <th style="text-align: center;">{{__('texte.users_arr.show.revisions')}}</th>
                                                <th style="text-align: center;">{{__('texte.users_arr.show.others')}}</th>
                                                <th style="text-align: center;">{{__('texte.users_arr.show.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',$userPermissions)) ? 'checked' : (!in_array($route->id,$all_permissions) ? 'disabled' : '')}} @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
                                                        </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',$userPermissions)) ? 'checked' : (!in_array($parent_group->permissions[$i]->id,$all_permissions) ? 'disabled' : '')}} @nonepermission('role-form-permissions-write') readonly @endnonepermission/></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}}" {{in_array($parent_group->permissions[$i+1]->id,old('permissions',$userPermissions)) ? 'checked' : (!in_array($parent_group->permissions[$i+1]->id,$all_permissions) ? 'disabled' : '')}} @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',$userPermissions)) ? 'checked' : (!in_array($route->id,$all_permissions) ? 'disabled' : '')}} @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
                                                                </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',$userPermissions)) ? 'checked' : (!in_array($group->permissions[$i]->id,$all_permissions) ? 'disabled' : '')}} @nonepermission('role-form-permissions-write') readonly @endnonepermission/></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}}" {{in_array($group->permissions[$i+1]->id,old('permissions',$userPermissions)) ? 'checked' : (!in_array($group->permissions[$i+1]->id,$all_permissions) ? 'disabled' : '')}} @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

                            @permission('user-route-edit')
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">{{__('texte.users_arr.show.change')}}</button>
                                </div>
                            @endpermission
                        </form>
                    </div>
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript" charset="utf-8">
    function check_all(){
        $('.ckbox:not(:disabled)').prop('checked',true);
    }
    function uncheck_all(){
        $('.ckbox:not(:disabled)').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