IMMREX7

@extends('schools.school_layout')
@section('content')
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
            <div class="header">
                <h2><strong>Pay Balance</strong></h2>
            </div>
            <div class="body table-responsive">
                {!! Form::open(['url' => 'school/invoices/paybalance', 'class' => 'form-horizontal','id'=>'form','files'=>true]) !!}
                <input type="hidden" name='idInvoice' value="{{$invoice->idInvoice}}">
                <table class="table table-bordered dataTable">
                    <thead>
                        <tr>
                            <th>S. No.</th>
                            <th>Item Details</th>
                            <th>Quantity</th>
                            <th>Rate</th>
                            <th>Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $i = 1; $totalamt = 0;?>
                        @foreach($invoice->details as $var)
                        <tr>
                            <th scope="row">{{$i}}</th>
                            <td>
                                {{$var->product->productName}}
                            </td>
                            <td>{{$var->quantity}}</td>
                            <td>{{$var->rate}}</td>
                            <td>{{$amount = $var->quantity *  $var->rate}}</td>
                        </tr>
                        <?php $i++; ?>
                        @endforeach
                    </tbody>
                </table>
                <hr><br>
               <div class="row clearfix">
                    <div class="col-sm-3 form-control-label">
                        <label for="classname">Financial Year</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                             <select class="form-control show-tick ms" name="idFinancialYear">
                                @php $fy = DB::table('financial_years')->where('idSchool', auth()->guard('school')->user()->idSchool)->get();@endphp
                                <option value="">Select a financial year</option>
                                @foreach($fy as $var)
                                    <option value="{{ $var->idFinancialYear }}" @if(Session::get('idFinancialYear') != "") @if(Session::get('idFinancialYear') == $var->idFinancialYear ) selected @endif @endif>{{ $var->financialYearName }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-3 form-control-label">
                        <label for="classname">Balance Amount</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                             <?php $balance = $invoice->amountPayable - $ip->amountPaid?>
                            {!! Form::text('balanceAmount',$balance,['class' => 'form-control','readonly'=>'readonly','id'=>'balance']) !!}
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-3 form-control-label">
                        <label for="classname">Payment Date</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::date('paymentDate',null,['class' => 'form-control']) !!}
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-3 form-control-label required">
                        <label for="classname">Pay Amount</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::text('paidAmount',null,['class' => 'form-control','id'=>'paidamt','onblur'=>'calculateBalance()','required'=>'required']) !!}
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-3 form-control-label required">
                        <label for="classname">Discount Amount</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::number('discount',null,['class' => 'form-control','id'=>'discountamt','onblur'=>'calculateBalance()','step' => '0.1']) !!}
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-3 form-control-label">
                        <label for="classname">Select Payment Mode</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::select('paymentMode',payMode(),null,['class' => 'form-control show-tick ms paymentMode','id'=>'paymode']) !!}
                        </div>
                    </div>
                </div>

                <div class="row clearfix">
                    <div class="col-sm-3 form-control-label required">
                        <label for="classname">Return Amount</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::text('returnAmount',null,['class' => 'form-control','id'=>'rtramt','readonly'=>'readonly']) !!}
                        </div>
                    </div>
                </div>

                <div class="row clearfix">
                    <div class="col-sm-3 form-control-label required">
                        <label for="classname">UTR Number</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::text('utr',null,['class' => 'form-control','required'=>'required']) !!}
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-sm-3 form-control-label">
                        <label for="classname">UTR Screenshot/File</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            {!! Form::file('utrFile',null,['class' => 'form-control']) !!}
                        </div>
                    </div>
                </div>
                <div class="row bankaccount"  style="display: none;">

                <div class="row clearfix cardpayment">
                    <div class="col-sm-3 form-control-label">
                        <label for="classname">CardNo./Trans ID</label>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <input type="text" name="cardNo" class="form-control">
                            <span id='cardnoerror'></span>
                        </div>
                    </div>
                </div>
                                <div class="col-sm-12">
                                    <div class="row clearfix">
                                        <div class="col-sm-3 form-control-label required">
                                            <label for="classname">Bank Accounts</label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                {!! Form::select('idAccount',fetchAccounts(),null,['class' => 'form-control show-tick ms select2']) !!}
                                                <span id='bankerror'></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                <div class="row otherpaymode">
                    <div class="col-sm-12">
                        <div class="row clearfix">
                            <div class="col-sm-3 form-control-label required">
                                <label for="classname">Bank</label>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    {!! Form::select('idBank',banks(),null,['class' => 'form-control show-tick ms select2']) !!}
                                    <span id='bankerror'></span>
                                </div>
                            </div>
                            <div class="col-sm-3 form-control-label required">
                                <label for="classname">Cheque No. / DD No.</label>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <input type="text" name="chequeNo" class="form-control">
                                    <span id='chequenoerror'></span>
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix">

                            <div class="col-sm-3 form-control-label required">
                                <label for="classname">Cheque / DD Date</label>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <input type="text" name="chequeDate" class="form-control datepicker">
                                    <span id='chequedateerror'></span>
                                </div>
                            </div>
                            <div class="col-sm-3 form-control-label required">
                                <label for="classname">Amount</label>
                            </div>
                            <div class="col-sm-3">
                                <div class="form-group">
                                    <input type="text" name="chequeAmount" class="form-control" onkeypress = 'return onlyNumbersandSpecialChar(event)'>
                                    <span id='amounterror'></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {!! Form::submit('SAVE',['class' => 'btn btn-raised btn-primary btn-round waves-effect','id'=>'submit-btn']) !!}
                {!! Form::close() !!} 
            </div>
        </div>
    </div>
</div>
@stop
@section('script')
<script>
$(document).ready(function(){
 $('.otherpaymode').hide(); 
 $('.cardpayment').hide();
 $('#paymode').change(function() {
        var val = $(this).val();
        $('.bankaccount').hide();
        if((val == 'Cheque')){
           $('.cardpayment').hide();
           $('.otherpaymode').show();
        }else if(val == 'DD'){
           $('.cardpayment').hide();
           $('.otherpaymode').show();
        }else if(val == 'Card'){
           $('.cardpayment').show();
           $('.otherpaymode').hide();
        }else if(val == 'IMPS'){
           $('.cardpayment').hide();
           $('.otherpaymode').hide();
           $('.bankaccount').show();
        }else{
            $('.otherpaymode').hide();
            $('.cardpayment').hide();
        }
    });
});
function calculateBalance(){
    var paid = parseInt($('#paidamt').val());
    var discount = $('#discountamt').val();
    if(isNaN(paid)) paid = 0;
    if(discount.length > 0){
        paid += parseInt(discount);
    } 
    var netamt = {{$invoice->amountPayable - $ip->amountPaid}};
    console.log(netamt);
    console.log(paid);
    var balance = netamt - paid;
    if(balance >= 0) {
        $('#rtramt').val('0.00');
        $('#balance').val(balance.toFixed(2));
    }
    else{
        var returnAmt = paid - netamt;
        $('#rtramt').val(returnAmt.toFixed(2));
        $('#balance').val('0');
    }
   
}
</script>
@stop