@extends('layouts.master') @section('title'){{translate('add')}}
{{translate('pay_off')}} @endsection @section('content')
<div class="panel panel-white">         <div class="panel-heading">
<h6 class="panel-title">{{translate('add')}}
{{translate('pay_off')}}</h6>

            <div class="heading-elements">

            </div>
        </div>
        {!! Form::open(array('url' => url('loan/'.$loan->id.'/pay-off/store'), 'method' => 'post', 'class' => 'form-horizontal')) !!}
        <div class="panel-body">

            <div class="form-group">
                {!! Form::label('principal',translate('principal').' '.translate('principal'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::text('principal',$principal, array('id' => 'principal','class' => 'form-control touchspin', 'placeholder'=>"Number or decimal only",'required'=>'required')) !!}
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('payOffInterestRate',translate('interest').' '.translate('amount'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::text('payOffInterestRate',$payOffInterestRate, array('id' => 'interest','class' => 'form-control touchspin', 'placeholder'=>"Number or decimal only",'required'=>'required')) !!}
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('total',translate('total').' '.translate('amount'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::text('total',0, array('id' => 'total', 'class' => 'form-control touchspin', 'placeholder'=>"Number or decimal only",'required'=>'required', 'style'=>'background: #ff5722; color:black')) !!}
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('repayment_method_id',translate('pay_off').' '.translate('method'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::select('repayment_method_id',$repayment_methods,null, array('class' => ' form-control','required'=>'required','id'=>'loanProduct')) !!}
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('receipt',translate('receipt'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::text('receipt',null, array('class' => 'form-control', 'placeholder'=>"",''=>'required')) !!}
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('collection_date',translate('collection').' '.translate('date'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::text('collection_date',date("Y-m-d"), array('class' => 'form-control date-picker', 'placeholder'=>"",'required'=>'required')) !!}
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('notes',translate('description'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-9">
                    {!! Form::textarea('notes',null, array('class' => 'form-control', 'rows'=>"4")) !!}
                </div>
            </div>
            <p class="bg-navy disabled color-palette">{{translate('custom_field')}}</p>
            @foreach($custom_fields as $key)

                <div class="form-group">
                    {!! Form::label($key->id,$key->name,array('class'=>'')) !!}
                    @if($key->field_type=="number")
                        <input type="number" class="form-control" name="{{$key->id}}"
                               @if($key->required==1) required @endif>
                    @endif
                    @if($key->field_type=="textfield")
                        <input type="text" class="form-control" name="{{$key->id}}"
                               @if($key->required==1) required @endif>
                    @endif
                    @if($key->field_type=="date")
                        <input type="text" class="form-control date-picker" name="{{$key->id}}"
                               @if($key->required==1) required @endif>
                    @endif
                    @if($key->field_type=="textarea")
                        <textarea class="form-control" name="{{$key->id}}"
                                  @if($key->required==1) required @endif></textarea>
                    @endif
                    @if($key->field_type=="decimal")
                        <input type="text" class="form-control touchspin" name="{{$key->id}}"
                               @if($key->required==1) required @endif>
                    @endif
                </div>
            @endforeach

        </div>
        <!-- /.panel-body -->
        <div class="panel-footer">
            <div class="heading-elements">
                <button type="submit" class="btn btn-primary pull-right">{{translate('save')}}</button>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
    <!-- /.box -->
    <script>

            var principal = Math.round($('#principal').val() * 100) / 100;
            var interest = Math.round($('#interest').val() * 100) / 100;
            var rs = principal + interest;
            rs = Math.round(rs * 100) / 100;

        $('#interest').on('change', function(){
            var principal = Math.round($('#principal').val() * 100) / 100;
            var interest = Math.round($('#interest').val() * 100) / 100;
            var rs = principal + interest;
            rs = Math.round(rs * 100) / 100;
            $('#total').val(rs);
        })

        $('#interest').keyup(function(){
            var principal = Math.round($('#principal').val() * 100) / 100;
            var interest = Math.round($('#interest').val() * 100) / 100;
            var rs = principal + interest;
            rs = Math.round(rs * 100) / 100;
            $('#total').val(rs);
        })
    </script>
@endsection