IMMREX7

@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
    <div class="col-sm-5">
        <div class="card">
            <div class="header">
                <h2><strong>Payment To Staff</strong></h2>
            </div>
            <div class="body" style="padding-top:1px;">
                {!! Form::open(['url' => 'school/emppayments', 'class' => 'form-horizontal']) !!}
                <div class="row clearfix">
                    <div class="col-sm-5 form-control-label">
                        <label for="classname">Enrollment No</label>
                    </div>
                    <div class="col-sm-7">
                        <div class="form-group">
                            {!! Form::select('idTeacher',$teachers,null,['class' => 'form-control show-tick ms select2']) !!}
                            @if ($errors->has('idTeacher'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('idTeacher') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                   <div class="col-sm-3 form-control-label">
                        <label for="classname">Basic Salary</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <p class="form-control-static" id='basic_salary'></p>
                            <p class="hiddeninput"></p>
                        </div>
                    </div>
                    <div class="col-sm-3 form-control-label">
                        <label for="classname">VDA</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <p class="form-control-static" id='vda'></p>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                   <div class="col-sm-3 form-control-label">
                        <label for="classname">HRA</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <p class="form-control-static" id='hra'></p>
                        </div>
                    </div>
                    <div class="col-sm-3 form-control-label">
                        <label for="classname">CONV</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <p class="form-control-static" id='conv'></p>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-5 form-control-label">
                        <label for="classname">Advance Salary</label>
                    </div>
                    <div class="col-sm-7">
                        <div class="form-group">
                            {!! Form::text('advance',null,['class' => 'form-control']) !!}
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-5 form-control-label">
                        <label for="classname">Deducation Salary</label>
                    </div>
                    <div class="col-sm-7">
                        <div class="form-group">
                            {!! Form::text('deduction',null,['class' => 'form-control']) !!}
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-5 form-control-label">
                        <label for="classname">Deducation Remarks</label>
                    </div>
                    <div class="col-sm-7">
                        <div class="form-group">
                            {!! Form::text('deduction',null,['class' => 'form-control']) !!}
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                   <div class="col-sm-3 form-control-label">
                        <label for="classname">EPF (%)</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <p class="form-control-static" id='epf'></p>
                        </div>
                    </div>
                    <div class="col-sm-3 form-control-label">
                        <label for="classname">ESI(%)</label>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <p class="form-control-static" id='esi'></p>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-5 form-control-label">
                        <label for="classname">Payment Month</label>
                    </div>
                    <div class="col-sm-7">
                        <div class="form-group">
                            {!! Form::select('idMonth',getMonths(),null,['class' => 'form-control show-tick ms']) !!}
                            @if ($errors->has('idMonth'))
                            <label id="minmaxlength-error" class="error" for="minmaxlength">
                                <strong>{{ $errors->first('idMonth') }}</strong>
                            </label>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                        <div class="col-sm-8 offset-sm-2">
                            {!! Form::submit('SAVE',['class' => 'btn btn-raised btn-primary btn-round waves-effect']) !!}
                            {!! Form::close() !!} 
                        </div>
                    </div>
            </div>
        </div>
    </div>
    <div class="col-sm-7">
        <div class="card">
            <div class="header">
                <h2><strong>View Payments</strong></h2>
            </div>
            <div class="body" style="padding-top:1px;">
                <div class="body table-responsive">
                <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                    <thead>
                        <tr>
                            <th>S. No.</th>
                            <th>Staff Name</th>
                            <th>Enrollment No </th>
                            <th>Basic Salary</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $i=1; ?>
                        @foreach($emppayments as $var)
                        <tr>
                            <th scope="row">{{$i}}</th>
                            <td>{{$var->employee->firstName}} {{$var->employee->firstName}}</td>
                            <td>{{$var->employee->enrollmentNo}}</td>
                            <td>{{$var->salstr->basicSalary}}</td>
                            <td>
                                <a href="{{ url('school/emppayments/' . $var->idEmpPayment . '/edit') }}"  class="btn btn-raised btn-info waves-effect btn-round">Edit </a>
                                <!--<button class="btn btn-raised btn-danger waves-effect btn-round js-sweetalert" data-id="{{$var->idEmpPayment}}" data-type="confirm">DELETE</button>-->
                            </td>
                        </tr>
                        <?php $i++;?>
                        @endforeach
                    </tbody>
                </table>
            </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
$(document).ready(function() {
    $('select[name="idTeacher"]').on('change', function() {
            var teacherID = $(this).val();
            if(teacherID) {
                $.ajax({
                    url: "{{url('/school/employee') }}"+'/' +teacherID + '/salary',
                    type: "GET",
                    dataType: "json",
                    success:function(data) {
                        $('#basic_salary').empty();
                        $('#vda').empty();
                        $('#hra').empty();
                        $('#conv').empty();
                        $('#epf').empty();
                        $('#esi').empty();
                        $('.hiddeninput').empty();
                        
                        $('#basic_salary').append('<strong>'+data['basicSalary']+'</strong>');
                        $('#vda').append('<strong>'+data['vda']+'</strong>');
                        $('#hra').append('<strong>'+data['hra']+'</strong>');
                        $('#conv').append('<strong>'+data['conv']+'</strong>');
                        $('#epf').append('<strong>'+data['epf']+'</strong>');
                        $('#esi').append('<strong>'+data['esi']+'</strong>');
                        $('.hiddeninput').append('<input type="hidden" name="idSalaryStr" value="'+data['idSalaryStr']+'">');
                    }
                });
            }
        });
});
</script>
@stop