IMMREX7

@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <!--<div class="card">-->
        <div class="body">
            <button class="btn btn-raised btn-warning btn-round waves-effect" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">Advance Search</button>

            <div class="collapse" id="collapseExample">
                <div class="well">
                    <div class="row clearfix">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="card">
                                <div class="header">
                                    <h2><strong>Advance Search</strong></h2>
                                </div>
                                <div class="body">
                                    {!! Form::open(['method' => 'GET',  'action' => ['School\Hostel\HosteliteController@index'], 'class' => 'form-horizontal']) !!}

                                    <div class="row clearfix">
                                        <div class="col-sm-4">
                                            <div class="row clearfix">
                                                <div class="col-sm-3 form-control-label">
                                                    <label for="classname">Class</label>
                                                </div>
                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        <div style="border:1px solid #ccc; width:250px; height: 150px; overflow-y: scroll;">
                                                            @foreach($classes as $key=>$value)
                                                            <div class="checkbox-inline" style="padding-left:10px;padding-top:5px;">
                                                                <input type="checkbox" name="classes[]" value="{{$key}}" class="class_ids">
                                                                <label>{{$value}}</label>
                                                            </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row clearfix">
                                                <div class="col-sm-3 form-control-label">
                                                    <label for="classname">Financial Year</label>
                                                </div>
                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                       {!! Form::select('idFinancialYear',fys(),null,['class' => 'form-control show-tick ms']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="row clearfix">
                                                <div class="col-sm-3 form-control-label">
                                                    <label for="classname">Section</label>
                                                </div>
                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        <div id="idSection" style="border:1px solid #ccc; width:250px; height: 150px; overflow-y: scroll;">

                                                        </div>
                                                        <!--<select name='idSection' id="idSection" class="form-control show-tick ms"></select>-->
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="col-sm-4">
                                            <div class="row clearfix">
                                                <div class="col-sm-3 form-control-label">
                                                    <label for="classname">EC No.</label>
                                                </div>
                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        <div id="idStudent" style="border:1px solid #ccc; width:250px; height: 150px; overflow-y: scroll;">

                                                        </div>
                                                        <!--<select name='idSection' id="idSection" class="form-control show-tick ms"></select>-->
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    
                                    <div class="row clearfix">
                                        <div class="col-sm-8 offset-sm-2">
                                            {!! Form::submit('SHOW',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                                            {!! Form::close() !!} 
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!--</div>-->
    </div>
</div>
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="header">
                {!! Form::open(['url' => 'school/hostelites','class' => 'form-horizontal']) !!}
                <div class="header">
                    <h2><strong>Hostelites</strong></h2>
                </div>

                <div class="body table-responsive">
                    <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                        <thead>
                            <tr>
                                <th>EC No.</th>
                                <th>Name</th>
                                <th>Father</th>
                                <th>Class</th>
                                <th>Section</th>
                                <th>Floor</th>
                                <th>Room</th>
                                <th>Bed</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($students as $var)
                            <tr>
                                <td>{{$var->ecNo}}</td>
                                <td>{{$var->firstName}} {{$var->middleName}} {{$var->lastName}}</td>
                                <td>{{$var->father_fname}} {{$var->father_lname}}</td>
                                <td>{{$var->className}}</td>
                                <td>{{$var->sectionName}}</td>
                                <td>{{$var->floorName}}</td>
                                <td>{{$var->roomName}}</td>
                                <td>{{$var->bedName}}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
$(document).on('click', '.class_ids', function(){
    //var checkAll = this.checked;
    var classIds = [];
    $("input:checkbox[name='classes[]']:checked").each(function () {
        classIds.push($(this).val());
    });
    if (classIds.length > 0) {
        $.ajax({
                url: "{{url('/school/schclass') }}" + '/' + classIds + "/sections",
                type: "GET",
                dataType: "json",
                success:function(data) {
                    $('#idSection').empty();
                    $('#idSection').append('<div class="checkbox-inline" style="padding-left:10px;padding-top:5px;"><input type="checkbox" class="select-all" id="selectall"><label><strong>Select All</label></strong></div>');
                    $.each(data, function(key, value) {
                         $('#idSection').append('<div class="checkbox-inline" style="padding-left:10px;"><input type="checkbox" name="sections[]" value="' + key + '" class="sectionclass"><label>' + value + '</label></div>');
                    });
                }
            });
        }
    });
$(document).on('click', '.select-all', function(){
    var checkAll = this.checked;
    if (checkAll === true){
        $('.sectionclass').each(function () {
            this.checked = checkAll;
        });
    } else{
        $('.sectionclass').each(function () {
            this.checked = checkAll;
        });
    }
});
$(document).on('click', '.sectionclass', function(){
    var sectionIds = [];
    $("input:checkbox[name='sections[]']:checked").each(function () {
        sectionIds.push($(this).val());
    });
    if (sectionIds.length > 0) {
        $.ajax({
            url: "{{url('/school/sec') }}" + '/' + sectionIds + "/students",
                    type: "GET",
                    dataType: "json",
                    success:function(data) {
                        $('#idStudent').empty();
                        $('#idStudent').append('<div class="checkbox-inline" style="padding-left:10px;padding-top:5px;"><label style="margin-right:42px;"><strong>Select All</label></strong><input type="checkbox" class="select-allstd" id="selectallstd"></div>');
                        $.each(data, function(key, value) {
                             $('#idStudent').append('<div class="checkbox-inline" style="padding-left:10px;"><label style="margin-right:50px;">' + value + '</label><input type="checkbox" name="students[]" value="' + key + '" class="stdallselect"></div>');
                        });
                    }
        });
    } else{
            $('#idStudent').empty();
        }
 });
$(document).on('click', '.select-allstd', function(){
        var checkAllstd = this.checked;
            if (checkAllstd === true){
                $("input:checkbox[name='students[]']").each(function () {
                    this.checked = checkAllstd;
                });
            } else{
                $('.stdallselect').each(function () {
                    this.checked = checkAllstd;
                });
        }
    });
</script>
@stop