IMMREX7

@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <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\NorthTransactionReportController@transactionReport'], 'class' => 'form-horizontal']) !!}

                                    <div class="row clearfix">
                                        <div class="col-sm-2 form-control-label required">
                                                <label for="classname">Fee Type</label>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                {!! Form::select('feetype',['Student'=>'Student','Bus'=>'Bus','Hostel'=>'Hostel'],null,['class' => 'form-control show-tick ms']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <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>
                                        <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>
                                                    </div>
                                                </div>
                                            </div>

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

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row clearfix">
                                        <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">
                                                        {!! Form::text('ecNo',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">From Date</label>
                                                </div>
                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        {!! Form::text('fromDate',null,['class' => 'form-control datepicker']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="row clearfix">
                                                <div class="col-sm-3 form-control-label">
                                                    <label for="classname">To Date</label>
                                                </div>
                                                <div class="col-sm-7">
                                                    <div class="form-group">
                                                        {!! Form::text('toDate',null,['class' => 'form-control datepicker']) !!}
                                                    </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 class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="header">
                <h2><strong>Students Paid Data</strong></h2>
            </div>
            <div class="body table-responsive">
                @if(isset($transactions) && count($transactions)>0)
                <table class="table table-bordered table-striped table-hover js-exportable dataTable">
                    <thead>
                        <tr>
                            <th>Receipt No.</th>
                            <th>Date</th>
                            <th>Ec No.</th>
                            <th>Name</th>
                            <th>Class</th>
                            <th>Section</th>
                            <th>Mobile</th>
                            <th>Demand Name</th>
                            <th>Total Fee</th>
                            <th>Total Paid</th>
                            <th>Total Fine</th>
                            <th>Total Discount</th>
                            <th>Balance</th>
                            <th>Payment Mode</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($transactions as $var)
                        <tr>
                            <td>{{$var->receiptNo}}</td>
                            <td>{{$var->paymentDate}}</td>
                            <td>{{$var->ecNo}}</td>
                            <td>{{$var->firstName}} {{$var->middleName}} {{$var->lastName}}</td>
                            <td>{{$var->className}}</td>
                            <td>{{$var->sectionName}}</td>
                            <td>{{$var->father_mobile}}</td>
                            <td>{{$var->demandName}}</td>
                            <td>{{$var->amount}}</td>
                            <td>{{$var->totalpaid}}</td>
                            <td>{{$var->discountTotal}}</td>
                            <td>{{$var->fineTotal}}</td>
                            <td>{{$b = $var->amount - $var->totalpaid}}</td>
                            <td>{{$var->paymentMode}}</td>
                            <td>
                                <a href="{{url('school/north/stdfees/'.$var->idTransaction.'/print')}}" target="_blank" class="btn btn-sm btn-info">Re-Print</a>
                                <a href="{{url('school/stdtransaction/'.$var->idTransaction.'/cancelrcpt')}}" target="_blank" class="btn btn-sm btn-danger">Cancel Receipt</a>
                            </td>
                        
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                <p style="color:red;font-weight: bold">Select Demand Name to View the report</p>
                @endif
            </div>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
$(document).on('click', '.class_ids', function(){
    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;
        });
             var sectionIds = [];
    $("input:checkbox[name='sections[]']:checked").each(function () {
        sectionIds.push($(this).val());
    });
    if (sectionIds.length > 0) {
        $.ajax({
            url: "{{url('/school/sec') }}" + '/' + sectionIds + "/feedemands",
                type: "GET",
                dataType: "json",
                success:function(data) {
                    $('#idFeehead').empty();
                    $('#idFeehead').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-allfeehead"></div>');
                    $.each(data, function(key, value) {
                        $('#idFeehead').append('<div class="checkbox-inline" style="padding-left:10px;"><label style="margin-right:50px;">' + value + '</label><input type="checkbox" name="feeheads[]" value="' + key + '" class="feehead_allselect"></div>');
                    });
                }
        });
    }
    } else{
        $('.sectionclass').each(function () {
            this.checked = checkAll;
        });
         $('#idFeehead').empty();
    }
});
$(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 + "/feedemands",
                type: "GET",
                dataType: "json",
                success:function(data) {
                    $('#idFeehead').empty();
                    $('#idFeehead').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-allfeehead"></div>');
                    $.each(data, function(key, value) {
                        $('#idFeehead').append('<div class="checkbox-inline" style="padding-left:10px;"><label style="margin-right:50px;">' + value + '</label><input type="checkbox" name="feeheads[]" value="' + key + '" class="feehead_allselect"></div>');
                    });
                }
        });
    }else{
        $('#idFeehead').empty();
    }
});
$(document).on('click', '.select-allfeehead', function(){
    var checkAllstd = this.checked;
    if (checkAllstd === true){
    $("input:checkbox[name='feeheads[]']").each(function () {
        this.checked = checkAllstd;
    });
    } else{
        $('.feehead_allselect').each(function () {
            this.checked = checkAllstd;
        });
    }
});
</script>
@stop