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

            <div class="heading-elements">

            </div>
        </div>
        {!! Form::open(array('url' => url('loan/loan_product/store'), 'method' => 'post', 'class' => 'form-horizontal')) !!}
        <div class="panel-body">
            <div class="form-group">
                {!! Form::label('name',translate('name')." *",array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::text('name',null, array('class' => 'form-control', 'placeholder'=>"",'required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip" title="The name of your loan product"></i>
                </div>
            </div>

            <div class="form-group">
                {!! Form::label('minimum_principal',translate('principal')." *",array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-9">
                    <div class="row">
                        <div class="col-md-3">
                            {!! Form::text('default_principal',null, array('class' => 'form-control touchspin', 'placeholder'=>translate('default') ,'required'=>'required')) !!}
                        </div>
                        <div class="col-md-3">
                            {!! Form::text('minimum_principal',null, array('class' => 'form-control touchspin', 'placeholder'=>translate('min'),'required'=>'required')) !!}
                        </div>
                        <div class="col-md-3">
                            {!! Form::text('maximum_principal',null, array('class' => 'form-control touchspin', 'placeholder'=>translate('max') ,'required'=>'required')) !!}
                        </div>
                        <div class="col-sm-3">
                            <i class="icon-info3" data-toggle="tooltip"
                               title="The default principal is the amount automatically shown to users when creating a new loan. By setting a minimum and maximum amount, you give users flexibility in determining the loan size. No user will be able to disburse loans with a principal outside of the minimum and maximum amounts."></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('default_loan_duration',translate('loan').' '.translate('term').' *',array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-3">
                    {!! Form::number('default_loan_duration',null, array('class' => 'form-control','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    {!! Form::select('default_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','required'=>'required',"id"=>"inputMaxInterestPeriod")) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="The default loan term is the amount automatically shown to users when creating a new loan."></i>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('repayment_cycle',translate('repayment_cycle').' *',array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! 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','required'=>'required',"id"=>"")) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="The frequency of loan instalments due on the loan"></i>
                </div>
            </div>

            <div class="form-group">
                {!! Form::label('default_interest_rate',translate('interest').' '.translate('rate')." *",array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-9">
                    <div class="row">
                        <div class="col-md-3">
                            {!! Form::text('default_interest_rate',null, array('class' => 'form-control touchspin', 'placeholder'=>translate('default') ,'required'=>'required')) !!}
                        </div>
                        <div class="col-md-3">
                            {!! Form::text('minimum_interest_rate',null, array('class' => 'form-control touchspin', 'placeholder'=>translate('min'),'required'=>'required')) !!}
                        </div>
                        <div class="col-md-3">
                            {!! Form::text('maximum_interest_rate',null, array('class' => 'form-control touchspin', 'placeholder'=>translate('max') ,'required'=>'required')) !!}
                        </div>
                        <div class="col-sm-3">
                            <i class="icon-info3" data-toggle="tooltip"
                               title="The default interest rate is the amount automatically shown to users when creating a new loan. By setting a minimum and maximum rate, you give users flexibility in determining the interest charged. No user will be able to disburse loans with an interest outside of the minimum and maximum rates."></i>
                            %
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('default_interest_rate',translate('interest').' '.translate('rate').' '.translate('period').' *',array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! 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','required'=>'required',"id"=>"inputDefaultInterestPeriod")) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Use this to specify  the interest rate set up"></i>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('interest_method',translate('interest').' '.translate('method').' *',array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! 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 class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Flat Interest loans charge equal interest amounts on each loan instalment, based on the original loan principal. Declining Balance Loans calculate the interest amount on each instalment based upon the outstanding balance of the loan (therefore the interest amount charged each instalment reduces as the loan is repaid)."></i>
                </div>
            </div>
            <!-- <div class="form-group">
                {!! Form::label('override_interest',translate('override').' '.translate('interest'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('override_interest',array('0'=>translate('no'),'1'=>translate('yes')),null, array('class' => 'form-control','id'=>'override_interest')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="{{translate('override_msg')}}"></i>
                </div>
            </div> -->

            <!-- <div class="form-group" id="overrideDiv">
                {!! Form::label('override_interest_amount',translate('override').' '.translate('interest').' '.translate('amount'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-5">
                    {!! Form::text('override_interest_amount',0, array('class' => 'form-control touchspin','id'=>'override_interest_amount')) !!}
                </div>

            </div> -->
            <div class="form-group">
                {!! Form::label('decimal_places',translate('decimal_place'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('decimal_places',array('round_off_to_two_decimal'=>'round off to 2 decimal places','round_off_to_integer'=>'Round off to integer'),"round_off_to_two_decimal", array('class' => 'form-control', 'placeholder'=>"","id"=>"")) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Enter the number of instalments you do not wish to charge or calculate any interest for"></i>
                </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-6">
                    {!! Form::number('grace_on_interest_charged',0, array('class' => 'form-control')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Number of periods before interest is charged."></i>
                </div>
            </div> -->
            <!-- <div class="form-group">
                {!! Form::label('late_repayment_penalty_grace_period',translate('late_repayment_penalty_grace_period'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::number('late_repayment_penalty_grace_period',0, array('class' => 'form-control')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Number of days before penalty is applied"></i>
                </div>
            </div> -->
            <!-- <div class="form-group">
                {!! Form::label('after_maturity_date_penalty_grace_period',translate('after_maturity_date_penalty_grace_period'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::number('after_maturity_date_penalty_grace_period',0, array('class' => 'form-control')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Number of days before penalty is applied"></i>
                </div>
            </div> -->
            <script>
                function up() {
                    var selectedOpts = $('#to option:selected');
                    if (selectedOpts.length == 0) {

                        alert("Select a column");

                        e.preventDefault();

                    }
                    var selected = $("#to").find(":selected");
                    var before = selected.prev();
                    if (before.length > 0)
                        selected.detach().insertBefore(before);
                }

                function down() {
                    var selectedOpts = $('#to option:selected');
                    if (selectedOpts.length == 0) {

                        alert("Select a column");

                        e.preventDefault();

                    }
                    var selected = $("#to").find(":selected");
                    var next = selected.next();
                    if (next.length > 0)
                        selected.detach().insertAfter(next);
                }
                function selectAll() {
                    var listbox = document.getElementById('to');
                    for (var count = 0; count < listbox.options.length; count++) {
                        listbox.options[count].selected = true;
                    }
                }
            </script>
            <div class="form-group">
                <label for="inputLoanRepaymentOrder"
                       class="col-md-3 control-label">{{translate('repayment order')}}
                    *</label>

                <div class="col-md-6">
                    {!! Form::select('repayment_order[]',array('penalty'=>translate('penalty'),'fees'=>translate('fee'),'interest'=>translate('interest'),'principal'=>translate('principal')),['penalty','fees','interest','principal'], array('class' => 'form-control', 'required'=>"required","multiple"=>"" ,"id"=>"to" ,"size"=>"7")) !!}
                    <input type="button" value="Up" onclick="up()">
                    <input type="button" value="Down" onclick="down()">
                </div>
                <div class="col-md-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="The Transaction Processing Strategy determines the order incoming payments are allocated between Interest, Principal, Penalties and Fees. the default setting is ‘Interest, Principal, Penalties, Fees’, which ensures that clients with an outstanding Penalty are still able to repay their full loan instalment. N.B. Make sure you select all options after you have done rearranging them. You can use Ctrl+Left Click"></i>
                </div>
            </div>
            <hr>
            <p class="bg-navy color-palette">{{translate('accounting')}}</p>
            <div class="form-group">
                {!! Form::label('accounting_rule',translate('accounting').' '.translate('rule'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('accounting_rule',['cash_based'=>translate('cash_based'),'accrual_periodic'=>translate('accrual_periodic'),'accrual_upfront'=>translate('accrual_upfront')],'cash_based', array('class' => 'form-control select2','required'=>'required','id'=>'accounting_rule')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="The accounting rule to be used."></i>
                </div>
            </div>
            <p class="text-red"><b>{{translate('asset')}}:</b></p>
            <div class="form-group">
                {!! Form::label('chart_fund_source_id',translate('fund_source'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_fund_source_id',$chart_assets,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="The Fund Source is the pool of funds used to disburse loans from (such as your bank account). This account is credited when the loan is disbursed and debited when a repayment is made."></i>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('chart_loan_portfolio_id',translate('loan').' '.translate('portfolio'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_loan_portfolio_id',$chart_assets,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="The account where you monitor all of your outstanding loans (such as Group Loans). This account is debited when the loan is disbursed and credited when the loan is repaid."></i>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('chart_receivable_interest_id',translate('interest').' '.translate('receivable'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_receivable_interest_id',$chart_assets,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">

                </div>
            </div>
            <div class="form-group">
                {!! Form::label('chart_receivable_fee_id',translate('fee').' '.translate('receivable'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_receivable_fee_id',$chart_assets,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">

                </div>
            </div>
            <div class="form-group">
                {!! Form::label('chart_receivable_penalty_id',translate('penalty').' '.translate('receivable'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_receivable_penalty_id',$chart_assets,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">

                </div>
            </div>
            <p class="text-red"><b>{{translate('liability')}}:</b></p>
            <div class="form-group">
                {!! Form::label('chart_loan_over_payments_id',translate('over_payment'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_loan_over_payments_id',$chart_liability,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="When a loan is overpaid, the amount overpaid is a Liability and is shown on your balance sheet in this account."></i>
                </div>
            </div>
            <p class="text-red"><b>{{translate('income')}}:</b></p>
            <div class="form-group">
                {!! Form::label('chart_income_interest_id',translate('income').' '.translate('for').' '.translate('interest'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_income_interest_id',$chart_income,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Any interest income (from loan repayments) is booked into this account."></i>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('chart_income_fee_id',translate('income').' '.translate('from').' '.translate('fee'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_income_fee_id',$chart_income,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Any income related to fees (related to a loan disbursement for example) is booked into this account."></i>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('chart_income_penalty_id',translate('income').' '.translate('from').' '.translate('penalty'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_income_penalty_id',$chart_income,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Any income from penalties is booked into this account."></i>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('chart_income_recovery_id',translate('income').' '.translate('from').' '.translate('recovery'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_income_recovery_id',$chart_income,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="Any income from recovery is booked into this account."></i>
                </div>
            </div>

            <p class="text-red"><b>{{translate('expense')}}:</b></p>
            <div class="form-group">
                {!! Form::label('chart_loans_written_off_id',translate('loan').' '.translate('written_off'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('chart_loans_written_off_id',$chart_expenses,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                </div>
                <div class="col-sm-3">
                    <i class="icon-info3" data-toggle="tooltip"
                       title="When you write off a loan, the outstanding balance is booked into this account."></i>
                </div>
            </div>

            <hr>
            <p class="bg-navy color-palette">{{translate('charge')}}</p>
            <div class="form-group">
                {!! Form::label('cha',translate('charge').' '.translate('string'),array('class'=>'col-sm-3 control-label')) !!}
                <div class="col-sm-6">
                    {!! Form::select('cha',$charges,null, array('class' => 'form-control select2','placeholder'=>translate('select').' '.translate('charge'),'id'=>'charges_dropdown')) !!}
                </div>
                <div class="col-sm-3">
                    <button type="button" id="chargesAdd"
                            class="btn btn-primary pull-right">{{translate('add')}}</button>
                </div>
            </div>
            <div class="form-group" id="chargesDiv">
                <div style="display: none;" id="saved_charges">
                </div>
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th>{{translate('name')}}</th>
                        <th>{{translate('amount')}}</th>
                        <th>{{translate('collected on')}}</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody id="charges_table">

                    </tbody>
                </table>
            </div>

        </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 -->

@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');
                }
            });
            $('#chargesAdd').click(function (e) {
                if ($('#charges_dropdown').val() == "") {
                    alert("Please select an item")
                } else {
                    //try to build table
                    var id = $('#charges_dropdown').val();
                    $.ajax({
                        type: 'GET',
                        url: "{{url('loan/loan_product/get_charge_detail')}}" + "/" + id,
                        dataType: "json",
                        success: function (data) {
                            $('#charges_table').append('<tr id="row' + id + '"><td>' + data.name + '</td><td>' + data.amount + '</td><td>' + data.collected_on + '</td><td><button type="button" class="btn btn-danger btn-xs" data-id="' + id + '" onclick="deleteCharge(this)"><i class="fa fa-trash"></i></button></td></tr>');
                            $('#saved_charges').append('<input name="charges[]" id="charge' + id + '" value="' + id + '">');

                        },
                        error: function (data) {
                            swal({
                                title: 'Error',
                                text: 'An Error occurred, please try again',
                                type: 'warning',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6',
                                cancelButtonColor: '#d33',
                                confirmButtonText: 'Ok',
                                timer: 2000
                            })
                        }
                    });
                }

            });
        });
        function deleteCharge(e) {
            swal({
                title: 'Are you sure?',
                text: '',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ok',
                cancelButtonText: 'Cancel'
            }).then(function () {
                $('#charge' + $(e).attr("data-id")).remove();
                $('#row' + $(e).attr("data-id")).remove();

            })


        }
    </script>
@endsection