IMMREX7

@extends('superadmin.layout')
@section('content')
<div class="row clearfix">
    <div class="col-xl-12">
        <div class="card">
           <div class="header">Assign Access To : {{$school->name}}</div>
           <div class="body">
            {!! Form::open(['url' => 'admin/assignaccess','class'=>'form-horizontal']) !!}
            <input type="hidden" name="idSchoolUser" value="{{$school->idSchoolUser}}">
            @foreach($module as $var)
            <div class="col-xs-12" style="margin-top: 15px;">
                <strong> <input type="checkbox"  class="select-all" onclick="getScreens({{$var->idModule}})" id="selectall{{$var->idModule}}"> {{$var->moduleName}}</strong><br>
            </div>
            @if(count($var->submodules) > 0)
            @foreach($var->submodules as $val)
            <div class="row clearfix">
                <div class="col-xl-1"></div>
                <div class="col-xl-10">
                    @if($var->moduleName == $val->subModuleName)
                    @else
                    <input type="checkbox"   class="submodule{{$var->idModule}}" name="submodule[{{$val->idSubModule}}]" value="{{$val->idSubModule}}"> {{$val->subModuleName}}
                    @endif
                    @foreach($val->screens as $screen)
                    <div class="row clearfix">
                        <div class="col-xl-1"></div>
                        <div class="col-xl-9">
                            <?php $scrmap = \App\ScreenMapping::where('idSchoolUser','=',$school->idSchoolUser)->where('idScreen','=',$screen->idScreen)->first();?>
                            <input type="checkbox"   class="screen{{$var->idModule}}" name="screens[{{$screen->idScreen}}]" value="{{$screen->idScreen}}"@if(isset($scrmap)) checked @endif> {{$screen->screenName}}
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
            @endforeach
            @else
            @foreach($var->screens as $val)
            <div class="row clearfix">
                <div class="col-xl-1"></div>
                <div class="col-xl-10">
                    <div class="row clearfix">
                        <div class="col-xl-1"></div>
                        <div class="col-xl-9">
                            <?php $scrmap = \App\ScreenMapping::where('idSchoolUser','=',$school->idSchoolUser)->where('idScreen','=',$val->idScreen)->first();?>
                            <input type="checkbox"   class="screen{{$var->idModule}}" name="screens[{{$val->idScreen}}]" value="{{$val->idScreen}}"@if(isset($scrmap)) checked @endif> {{$val->screenName}}
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
            @endif

            @endforeach
            <div class="col-md-12 col-md-offset-4"  style="padding-top: 30px;">
                <button type="submit" class="btn btn-primary"><i class="fa fa-plus"></i> Give Screen Access</button>
            </div>
            {!! Form::close() !!}
           </div>
    </div>
</div>
</div>
@stop
@section('script')
<script>
 function getScreens(key) {
    //alert(key);
    var select_all = document.getElementById("selectall" + key);
    var checkboxes = document.getElementsByClassName("screen" + key);
    select_all.addEventListener("change", function(e){
        for (i = 0; i < checkboxes.length; i++) {
             checkboxes[i].checked = select_all.checked;
        }
    });
    for (var i = 0; i < checkboxes.length; i++) {
        checkboxes[i].addEventListener('change', function(e){ //".checkbox" change 
            //uncheck "select all", if one of the listed checkbox item is unchecked
            if (this.checked == false){
                select_all.checked = false;
            }
            //check "select all" if all checkbox items are checked
            if (document.querySelectorAll('.screen:checked').length == checkboxes.length){
                select_all.checked = true;
            }
        });
    }
}
</script>
@stop