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

            <div class="heading-elements">

            </div>
        </div>
        {!! Form::open(array('url' => url('loan/loan_calculator/show'), 'method' => 'post', 'class' => 'form-horizontal',"enctype"=>"multipart/form-data")) !!}
        <div class="panel-body">
            <p class="bg-navy disabled color-palette">{{translate('loan term')}}
                ({{translate('required field')}}):</p>

            <p class="text-red"><b>{{translate('principal amount')}}:</b></p>


            <div class="form-group">
                {!! Form::label('principal',translate('principal').' '.translate('amount'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::text('principal',null, array('class' => 'form-control touchspin', 'placeholder'=>"",'required'=>'required')) !!}
                </div>
            </div>
            <hr>
            <p class="text-red"><b>{{translate('duration')}}:</b></p>

            <div class="form-group">
                {!! Form::label('loan_duration',translate('loan').' '.translate('duration'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-3">
                    {!! Form::number('loan_duration',null, array('class' => 'form-control', 'placeholder'=>"5",'required'=>'required','id'=>'loan_duration')) !!}
                </div>
                <div class="col-sm-3">
                    {!! Form::select('loan_duration_type',array('day'=>translate('day').'(s)','week'=>translate('week').'(s)','month'=>translate('month').'(s)','year'=>translate('year').'(s)'),null, array('class' => 'form-control',"id"=>"loan_duration_type",'required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                </div>
            </div>
            <hr>
            <p class="text-red"><b>{{translate('repayment')}}:</b></p>

            <div class="form-group">
                {!! Form::label('repayment_cycle',translate('repayment_cycle'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::select('repayment_cycle',array('daily'=>translate('daily'),'weekly'=>translate('weekly'),'monthly'=>translate('monthly'),'bi_monthly'=>translate('bi_monthly'),'quarterly'=>translate('quarterly'),'semi_annual'=>translate('semi_annually'),'annual'=>translate('annual')),null, array('class' => 'form-control',"id"=>"repayment_cycle",'required'=>'required')) !!}
                </div>
            </div>
            <hr>
            <div class="form-group">
                {!! Form::label('release_date',translate('expected').' '.translate('disbursement').' '.translate('date'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::text('release_date',date("Y-m-d"), array('class' => 'form-control date-picker', 'placeholder'=>"yyyy-mm-dd",'required'=>'required','id'=>'release_date')) !!}
                </div>
            </div>
            <p>{{translate('first_payment_date_optional')}}</p>

            <div class="form-group">
                {!! Form::label('first_payment_date',translate('first').' '.translate('repayment').' '.translate('date'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::text('first_payment_date',null, array('class' => 'form-control date-picker', 'placeholder'=>"yyyy-mm-dd",''=>'','id'=>'first_payment_date','required'=>'required')) !!}
                </div>
            </div>
            <hr>
            <p class="text-red"><b>{{translate('interest')}}:</b></p>

            <div class="form-group">
                {!! Form::label('interest_method',translate('interest').' '.translate('method'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::select('interest_method',array('flat_rate'=>translate('flat_rate'),'declining_balance_equal_installments'=>translate('declining_balance_equal_installments'),'declining_balance_equal_principal'=>translate('declining_balance_equal_principal'),'interest_only'=>translate('interest_only')),null, array('class' => 'form-control','required'=>'required')) !!}
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('interest_rate',translate('loan').' '.translate('interest').' %',array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-2">
                    {!! Form::text('interest_rate',null, array('class' => 'form-control touchspin', 'placeholder'=>"",'required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    {!! Form::select('interest_period',array('day'=>translate('per_day'),'week'=>translate('per_week'),'month'=>translate('per_month'),'year'=>translate('per_year')),null, array('class' => 'form-control', "id"=>"inputDefaultInterestPeriod",'required'=>'required')) !!}
                </div>
            </div>


            <div class="form-group">
                {!! Form::label('grace_on_interest_charged',translate('grace_on_interest'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::number('grace_on_interest_charged',null, array('class' => 'form-control', 'placeholder'=>"2")) !!}
                </div>

            </div>
            <hr>

            <p class="text-red"><b>{{translate('loan_due_heading')}}:</b></p>

            <p>{{translate('loan_decimal_msg')}}</p>

            <div class="form-group">
                {!! Form::label('decimal_places',translate('decimal_place'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::select('decimal_places',array('round_off_to_two_decimal'=>translate('round_off_to_two_decimal'),'round_off_to_integer'=>translate('round_off_to_integer')),null, array('class' => 'form-control',"id"=>"",'required'=>'required')) !!}
                </div>
            </div>
            <hr>

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

@endsection
@section('footer-scripts')
    <script>
        $(document).ready(function () {
            if ($('#override_interest').val() == 0) {
                $('#overrideDiv').hide();
                $('#override_interest_amount').removeAttr('required');
            }
            if ($('#override_interest').val() == 1) {
                $('#overrideDiv').show();
                $('#override_interest_amount').attr('required', 'required');
            }
            $('#override_interest').change(function (e) {
                if ($('#override_interest').val() == 0) {
                    $('#overrideDiv').hide();
                    $('#override_interest_amount').removeAttr('required');
                }
                if ($('#override_interest').val() == 1) {
                    $('#overrideDiv').show();
                    $('#override_interest_amount').attr('required', 'required');
                }
            })
            $('#loanProduct').change(function (e) {
                window.location = "{!! url('loan/create?product_id=') !!}" + $("#loanProduct").val();
            })
            /*$('#release_date').focusout(function(e){
             var releaseDate=$('#release_date').val();
             var duration=$('#loan_duration').val();
             var durationType=$('#loan_duration_type').val();
             var repaymentCycle=$('#repayment_cycle').val();
             var repaymentDate=moment(releaseDate, 'YYYY-MM-DD');
             if(repaymentCycle=='daily'){

             repaymentDate.add(1, 'days').format('YYYY-MM-DD');
             alert(repaymentDate);
             $('#first_payment_date').val(repaymentDate);

             }
             })*/
        });
    </script>
@endsection