@extends('layouts/microfin_layout')
@section('title', '| Add Product')
@section('content')
    <style type="text/css">
        #rootwizard .panel-body .row {
            margin-bottom: 10px;
        }

        #rootwizard,
        #rootwizard .form-control {
            font-size: 11px !important;
            padding: 5px !important;
        }

        /*#rootwizard input[type='text']{
                                height: 18px !important;
                              }*/
        #rootwizard label {
            margin-bottom: 0 !important;
            color: #555 !important;
        }

        .validate-has-error {
            color: #FF0000;
        }

        #savingInterestInformationTable {
            width: 100%;
            height: 100%;
            display: table;
            table-layout: fixed;
        }

        #savingInterestInformationTable thead tr th {
            line-height: 10px;
            padding: 1px;
            font-size: 10px;
        }

        #savingInterestInformationTable tbody tr td {
            line-height: 10px !important;
        }

        #savingInterestInformationTable tbody tr td>input {
            height: 18px;
            width: 100%;
        }

        #savingInterestInformationTable thead tr:nth-child(2) th:nth-child(3),
        #savingInterestInformationTable thead tr:nth-child(3) th:nth-child(5),
        #savingInterestInformationTable tbody tr td:nth-child(5) {
            min-width: 80px !important;
        }

        .error {
            color: red;
        }
    </style>

    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-10 col-md-offset-1 fullbody">
                <div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ url('viewMfnSavingsProductList/') }}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        Product List
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">New Savings Product</div>
                    </div>
                    <div class="panel-body">
                        <div class="row">

                            {!! Form::open([
                                'url' => '',
                                'role' => 'forl',
                                'id' => 'rootwizard',
                                'class' => 'form-horizontal form-groups',
                                'novalidate' => '',
                            ]) !!}


                            <div class="tab-content no-margin">
                                <div class="tab-pane with-bg active" id="fwv-1">
                                    <div class="panel panel-default" style="padding:0!important;">

                                        <div class="panel-body" style="padding:5px 10px;">
                                            <div class="row">
                                                <div class="col-xs-8">

                                                    <div class="form-group">
                                                        {!! Form::label('name', 'Name:', ['class' => 'col-sm-5 control-label']) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::text('name', null, ['class' => 'form-control', 'id' => 'name', 'autocomplete' => 'off']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        {!! Form::label('shortName', 'Short Name:', ['class' => 'col-sm-5 control-label']) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::text('shortName', null, ['class' => 'form-control', 'id' => 'shortName', 'autocomplete' => 'off']) !!}

                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        {!! Form::label('savingProductCode', 'Saving Product Code:', ['class' => 'col-sm-5 control-label']) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::text('savingProductCode', null, [
                                                                'class' => 'form-control',
                                                                'id' => 'savingProductCode',
                                                                'autocomplete' => 'off',
                                                            ]) !!}

                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        {!! Form::label('startDate', 'Start Date:', ['class' => 'col-sm-5 control-label']) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::text('startDate', null, [
                                                                'class' => 'form-control',
                                                                'id' => 'startDate',
                                                                'autocomplete' => 'off',
                                                                'readonly',
                                                                'style' => 'cursor:pointer;',
                                                            ]) !!}

                                                        </div>
                                                    </div>

                                                    @php
                                                        $depositTypeList =
                                                            ['' => 'Select'] +
                                                            DB::table('mfn_savings_deposit_type')
                                                                ->where('softDel', 0)
                                                                ->pluck('name', 'id')
                                                                ->toArray();
                                                    @endphp


                                                    <div class="form-group">
                                                        {!! Form::label('typeOfDeposit', 'Type Of Deposit:', ['class' => 'col-sm-5 control-label']) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::select('typeOfDeposit', $depositTypeList, null, [
                                                                'class' => 'form-control',
                                                                'id' => 'typeOfDeposit',
                                                                'autocomplete' => 'off',
                                                            ]) !!}

                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        {!! Form::label('savingsType', 'Savings Type/Segment:', ['class' => 'col-sm-5 control-label']) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::select('savingsType', $damageData['savingsType'], null, [
                                                                'class' => 'form-control',
                                                                'id' => 'savingsType',
                                                                'autocomplete' => 'off',
                                                            ]) !!}

                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="accountType">Account Type:</label>
                                                        <div class="col-sm-7">
                                                            <label class="radio-inline">
                                                                <input type="radio" name="accountType"
                                                                    value="1">Mandatory
                                                            </label>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="accountType" value="2"
                                                                    checked>Voluntary
                                                            </label>
                                                        </div>
                                                    </div>



                                                    {{--  <div class="form-group" id="weeklyDepositAmountDiv">
                            {!! Form::label('weeklyDepositAmount', 'Weekly Deposit Amount:', ['class' => 'col-sm-5 control-label']) !!}
                            <div class="col-sm-7">
                              {!! Form::text('weeklyDepositAmount',null, ['class' => 'form-control', 'id' => 'weeklyDepositAmount','autocomplete'=>'off']) !!}

                            </div>
                          </div>
                          <div class="form-group" id="monthlyDepositAmountDiv">
                            {!! Form::label('monthlyDepositAmount', 'Monthly Deposit Amount:', ['class' => 'col-sm-5 control-label']) !!}
                            <div class="col-sm-7">
                              {!! Form::text('monthlyDepositAmount',null, ['class' => 'form-control', 'id' => 'monthlyDepositAmount','autocomplete'=>'off']) !!}

                            </div>
                          </div> --}}

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="isMultipleSavingsAllowed">Is Multiple
                                                            Savings Allowed?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="isMultipleSavingsAllowed"
                                                                            @if ($k === 1) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    {{--  <div class="form-group">
                            {!! Form::label('isMultipleSavingsAllowed', 'Is Multiple Savings Allowed?:', ['class' => 'col-sm-5 control-label']) !!}
                            <div class="col-sm-7">
                              {!! Form::select('isMultipleSavingsAllowed',$damageData['toogleList'],null, ['class' => 'form-control', 'id' => 'isMultipleSavingsAllowed','autocomplete'=>'off']) !!}

                            </div>
                          </div> --}}

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="isNomineeRequired">Is Nominee
                                                            Required?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio" name="isNomineeRequired"
                                                                            @if ($k === 1) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>


                                                    {{-- <div class="form-group">
                            {!! Form::label('isNomineeRequired', 'Is Nominee Required?:', ['class' => 'col-sm-5 control-label']) !!}
                            <div class="col-sm-7">
                              {!! Form::select('isNomineeRequired',$damageData['toogleList'],null, ['class' => 'form-control', 'id' => 'isNomineeRequired','autocomplete'=>'off']) !!}

                            </div>
                          </div> --}}

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="isClosingChargeApplicable">Is Closing
                                                            Charge Applicable?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="isClosingChargeApplicable"
                                                                            @if ($k === 0) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>


                                                    {{--  <div class="form-group" id="isClosingChargeApplicableDiv">
                            {!! Form::label('isClosingChargeApplicable', 'Is Closing Charge Applicable?:', ['id'=>'isClosingChargeApplicableLabel','class' => 'col-sm-5 control-label']) !!}

                            <div class="col-sm-7">
                              {!! Form::select('isClosingChargeApplicable',$damageData['toogleList'], null, ['class' => 'form-control', 'id' => 'isClosingChargeApplicable','autocomplete'=>'off']) !!}

                            </div>
                          </div> --}}

                                                    <div class="form-group">
                                                        {!! Form::label('closingCharge', 'Closing Charge:', ['class' => 'col-sm-5 control-label']) !!}

                                                        <div class="col-sm-7">
                                                            {!! Form::text('closingCharge', null, [
                                                                'class' => 'form-control',
                                                                'id' => 'closingCharge',
                                                                'autocomplete' => 'off',
                                                                'placeholder' => 'Enter Closing Charge',
                                                            ]) !!}

                                                        </div>
                                                    </div>

                                                    @php
                                                        $interestCalMethodList = DB::table('mfn_savings_interest_cal_method')
                                                            ->where(['status' => 1, 'softDel' => 0])
                                                            ->get();
                                                    @endphp

                                                    {{-- <div class="form-group">
                          {!! Form::label('interestCalculationMethod', 'Interest Calculation Method:', ['class' => 'col-sm-5 control-label']) !!}
                          <div class="col-sm-7">
                            {!! Form::select('interestCalculationMethod',$interestCalMethodList,null, ['class' => 'form-control', 'id' => 'interestCalculationMethod','autocomplete'=>'off']) !!}

                          </div>
                        </div> --}}

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="interestCalculationMethod">Interest
                                                            Calculation Method?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($interestCalMethodList as $v)
                                                                <label class="radio-inline" id="interestCalculationMethod">
                                                                    <input type="radio" name="interestCalculationMethod"
                                                                        @if ($v->id === 3) checked @endif
                                                                        value="{{ $v->id }}">{{ $v->name }}
                                                                </label>
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    <div class="form-group"> {{-- Only Case of RS Without Day Basis RS --}}
                                                        {!! Form::label('autoProcessAmount', 'Default Auto Process Amount:', ['class' => 'col-sm-5 control-label']) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::text('autoProcessAmount', null, [
                                                                'class' => 'form-control',
                                                                'id' => 'autoProcessAmount',
                                                                'autocomplete' => 'off',
                                                                'placeholder' => 'Enter Default Auto Process Amount',
                                                            ]) !!}

                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="isProvisionApplicable">Is Provision
                                                            Applicable?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio" name="isProvisionApplicable"
                                                                            @if ($k === 0) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="provision_grace_period_field">Provision
                                                            Grace Period:</label>
                                                        <div class="col-sm-7">
                                                            <div class="input-group" id="provision_grace_period">
                                                                <input type="text" name="provision_grace_period"
                                                                    id="provision_grace_period_field" class="form-control"
                                                                    placeholder="Enter Month(s)"
                                                                    aria-describedby="basic-addon2">
                                                                <span class="input-group-addon"
                                                                    id="basic-addon2">Month(s)</span>
                                                            </div>
                                                        </div>
                                                    </div>



                                                    @php
                                                        $savingsCollectionFrequencyList =
                                                            ['' => 'Select'] +
                                                            DB::table('mfn_savings_collection_frequency')
                                                                ->where('softDel', 0)
                                                                ->orderBy('createdDate', 'asc')
                                                                ->pluck('name', 'id')
                                                                ->toArray();
                                                    @endphp

                                                    <div class="form-group">
                                                        {!! Form::label('savingCollectionFrequency', 'Saving Collection Frequency:', [
                                                            'class' => 'col-sm-5 control-label',
                                                        ]) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::select('savingCollectionFrequency', $savingsCollectionFrequencyList, null, [
                                                                'class' => 'form-control',
                                                                'id' => 'savingCollectionFrequency',
                                                                'autocomplete' => 'off',
                                                            ]) !!}

                                                        </div>
                                                    </div>

                                                    @php
                                                        $monthlyCollectionTypeList =
                                                            ['' => 'Select'] +
                                                            DB::table('mfn_saving_monthly_collection_type')
                                                                ->pluck('name', 'id')
                                                                ->toArray();
                                                    @endphp


                                                    <div class="form-group" id="">
                                                        {!! Form::label('monthlyCollectionType', 'Monthly Collection Type:', ['class' => 'col-sm-5 control-label']) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::select('monthlyCollectionType', $monthlyCollectionTypeList, null, [
                                                                'class' => 'form-control',
                                                                'id' => 'monthlyCollectionType',
                                                                'autocomplete' => 'off',
                                                            ]) !!}

                                                        </div>
                                                    </div>

                                                    @php
                                                        $monthlyCollectionTypeWeekList =
                                                            ['' => 'Select'] +
                                                            explode(
                                                                ',',
                                                                DB::table('mfn_saving_monthly_collection_type')
                                                                    ->where('id', 1)
                                                                    ->value('value'),
                                                            );
                                                    @endphp

                                                    <div class="form-group" id="">
                                                        {!! Form::label('monthlyCollectionWeekOrDay', 'Monthly Collection Week:', [
                                                            'id' => 'monthlyCollectionWeekOrDayLabel',
                                                            'class' => 'col-sm-5 control-label',
                                                        ]) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::select('monthlyCollectionWeekOrDay', $monthlyCollectionTypeWeekList, null, [
                                                                'class' => 'form-control',
                                                                'id' => 'monthlyCollectionWeekOrDay',
                                                                'autocomplete' => 'off',
                                                            ]) !!}

                                                        </div>
                                                    </div>


                                                    <div class="form-group">
                                                        <label class="col-md-5" for="interest_rate_eligible">Interest Rate
                                                            Eligible:</label>
                                                        <div class="col-sm-7">
                                                            <label class="radio-inline">
                                                                <input type="radio" name="interest_rate_eligible"
                                                                    checked value="1">On Account Opening Rate
                                                            </label>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="interest_rate_eligible"
                                                                    value="2">Updated Rate
                                                            </label>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="interest_calculation_on">Interest
                                                            Calculation On:</label>
                                                        <div class="col-sm-7">
                                                            <label class="radio-inline">
                                                                <input type="radio" name="interest_calculation_on"
                                                                    checked value="1">With Interest
                                                            </label>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="interest_calculation_on"
                                                                    value="2" checked>Without Interest
                                                            </label>
                                                        </div>
                                                    </div>

                                                    {{-- <div class="form-group" id="">
                            {!! Form::label('lateInstallmentCalMethod', 'Late Installment Cal Method:', ['class' => 'col-sm-5 control-label']) !!}
                            <div class="col-sm-7">
                              {!! Form::select('lateInstallmentCalMethod',[''=>'Select','1'=>'% Of INSTALLMENT AMOUNT','2'=>'Manual Amount'],null, ['class' => 'form-control', 'id' => 'lateInstallmentCalMethod','autocomplete'=>'off']) !!}

                            </div>
                          </div> --}}

                                                    {{-- <div class="form-group" id="">
                            {!! Form::label('lateInstallmentPenaltyAmount', 'Late Installment Penalty Amount:', ['class' => 'col-sm-5 control-label']) !!}
                            <div class="col-sm-7">
                              {!! Form::text('lateInstallmentPenaltyAmount',null, ['class' => 'form-control', 'id' => 'lateInstallmentPenaltyAmount','autocomplete'=>'off']) !!}

                            </div>
                          </div> --}}

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="partialWithdrawAllowId">Partial
                                                            Withdraw Allowed:</label>
                                                        <div class="col-sm-7">
                                                            <label class="checkbox-inline">
                                                                <input type="checkbox" name="partialWithdrawAllowId[]"
                                                                    class="partialWithdrawAllowId1" value="1">
                                                                Principal
                                                            </label>
                                                            <label class="checkbox-inline">
                                                                <input type="checkbox" name="partialWithdrawAllowId[]"
                                                                    class="partialWithdrawAllowId2" value="2">
                                                                Interest
                                                            </label>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        {!! Form::label(
                                                            'withdrawAllowInFiscalYearForInterest',
                                                            'Maximum Withdraw Allowed for Interest in a Fisacal Year:',
                                                            ['class' => 'col-sm-5 control-label'],
                                                        ) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::text('withdrawAllowInFiscalYearForInterest', null, [
                                                                'class' => 'form-control',
                                                                'id' => 'withdrawAllowInFiscalYearForInterest',
                                                                'autocomplete' => 'off',
                                                            ]) !!}
                                                            <small>Skip as Blank to N/A this Condition</small>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="withdraw_month_interest_allow">Is
                                                            Withdraw Month Interest Allow?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="withdraw_month_interest_allow"
                                                                            @if ($k === 1) checked @endif
                                                                            value="{{ $k }}"
                                                                            class="withdraw_month_interest_allow">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5"
                                                            for="month_closing_balance_zero_interest_allow">Is Allow
                                                            Interest for Month Closing Balance 0?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="month_closing_balance_zero_interest_allow"
                                                                            @if ($k === 0) checked @endif
                                                                            value="{{ $k }}"
                                                                            class="month_closing_balance_zero_interest_allow">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    {{-- <div class="form-group">
                            {!! Form::label('minSavingsBalance', 'Minimum Savings Balance:', ['class' => 'col-sm-5 control-label']) !!}
                            <div class="col-sm-7">
                              {!! Form::text('minSavingsBalance',null, ['class' => 'form-control', 'id' => 'minSavingsBalance','autocomplete'=>'off']) !!}

                            </div>
                          </div> --}}


                                                    <div class="form-group">
                                                        {!! Form::label(
                                                            'maximumAllowedMissingInstallments',
                                                            'Maximum Allowed Missing Installments for Interest in a Fiscal Year:',
                                                            ['class' => 'col-sm-5 control-label'],
                                                        ) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::text('maximumAllowedMissingInstallments', null, [
                                                                'class' => 'form-control',
                                                                'id' => 'maximumAllowedMissingInstallments',
                                                                'autocomplete' => 'off',
                                                            ]) !!}
                                                            <small>Skip as Blank to N/A this Condition</small>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        {!! Form::label('onClosingInterestEditable', 'On Closing Interest Editable:', [
                                                            'class' => 'col-sm-5 control-label',
                                                        ]) !!}
                                                        <div class="col-sm-7">
                                                            {!! Form::select('onClosingInterestEditable', $damageData['toogleList'], 1, [
                                                                'class' => 'form-control',
                                                                'id' => 'onClosingInterestEditable',
                                                                'autocomplete' => 'off',
                                                            ]) !!}
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="isEditableInterestDeduction">Is Allow
                                                            Deduction Generate Interest(On Closing)?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="isEditableInterestDeduction"
                                                                            @if ($k === 0) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="isAllowYearlyDisburse">Is Allow
                                                            Yearly Disburse?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio" name="isAllowYearlyDisburse"
                                                                            @if ($k === 0) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>


                                                    <div class="form-group">
                                                        <label class="col-md-5"
                                                            for="closingYearZeroBalanceInterestAllow">Is Allow Yearly
                                                            Disburse for Zero Balance?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="closingYearZeroBalanceInterestAllow"
                                                                            @if ($k === 0) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="isAllowMaturedDisburse">Is Allow
                                                            Matured Disburse?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="isAllowMaturedDisburse"
                                                                            @if ($k === 1) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="isAllowImmaturedInterest">Is Allow
                                                            Immatured Month Interest?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="isAllowImmaturedInterest"
                                                                            @if ($k === 0) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="is_loan_mortgage_elgible">Is Loan
                                                            Mortgage Eligible?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="is_loan_mortgage_elgible"
                                                                            @if ($k === 0) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-md-5" for="isAllowInterestForOverdue">Is Allow
                                                            Interest For Overdue?:</label>
                                                        <div class="col-sm-7">
                                                            @foreach ($damageData['toogleList'] as $k => $v)
                                                                @if ($k !== '')
                                                                    <label class="radio-inline">
                                                                        <input type="radio"
                                                                            name="isAllowInterestForOverdue"
                                                                            @if ($k === 1) checked @endif
                                                                            value="{{ $k }}">{{ $v }}
                                                                    </label>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>


                                                    <div class="form-group">
                                                        <label class="col-md-5" for="overdueGracePeriod">Overdue
                                                            Grace Period:</label>
                                                        <div class="col-sm-7">
                                                            <div class="input-group" >
                                                                <input type="text" name="overdueGracePeriod"
                                                                    id="overdueGracePeriod" class="form-control"
                                                                    placeholder="Enter Days(s)"
                                                                    aria-describedby="basic-addon2">
                                                                <span class="input-group-addon"
                                                                    id="basic-addon2">Day(s)</span>
                                                            </div>
                                                        </div>
                                                    </div>



                                                    <div class="form-group">
                                                        <label class="col-md-5" for="status">Status:</label>
                                                        <div class="col-sm-7">
                                                            <label class="radio-inline">
                                                                <input type="radio" name="status" checked
                                                                    value="1" checked>Active
                                                            </label>
                                                            <label class="radio-inline">
                                                                <input type="radio" name="status"
                                                                    value="0">Inactive
                                                            </label>
                                                        </div>
                                                    </div>

                                                    {{--  @php
                            $years = ['1'=>'5 years','2'=>'10 years', '3' => '15 years'];
                          @endphp --}}

                                                    {{-- <div class="form-group" id="repayYearsDiv">
                            {!! Form::label('repayYears', 'Select Repay Years:', ['class' => 'col-sm-5 control-label']) !!}
                            <div class="col-sm-7">
                              {!! Form::select('repayYears[]', $years, null, ['class' => 'form-control', 'id' => 'repayYears','autocomplete'=>'off', 'multiple' => 'multiple']) !!}
                            </div>
                          </div> --}}
                                                    {{-- <div class="form-group" id="repayYearsDiv" style="display: none;">
                            <label for="repayYears" class="col-sm-5 control-label">Add Repay Years</label>
                            <div class="col-sm-7">
                              <table class="table table-bordered" id="dynamic_field">
                                <tr>
                                  <td>
                                    <input type="number" name="repayYears[]" placeholder="Enter Year"
                                             class="form-control name_list"/>
                                  </td>
                                  <td>
                                    <button type="button" name="add" id="add" class="btn btn-success">Add Year</button>
                                  </td>
                                </tr>
                              </table>
                            </div>
                          </div>  --}}

                                                    <ul class="pager wizard pull-right">
                                                        {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                                    </ul>

                                                </div>{{-- End First Column --}}

                                                <div class="col-xs-4"
                                                    style="height: 80%;position: absolute;right: 0;bottom:100px;">
                                                    {{-- Second Coloum --}}
                                                    <img src="images/catalog/image15.png" width="90%" height=""
                                                        style="float:right;position: absolute; filter: opacity(30%);bottom: 0;">
                                                </div>{{-- End Second Coloum --}}

                                            </div>


                                        </div>
                                    </div>


                                </div>


                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- <script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script> --}}
    <script type="text/javascript">
        $(document).ready(function() {
            $("#startDate").datepicker({
                changeMonth: true,
                changeYear: true,
                yearRange: "2000:c",
                maxDate: "dateToday",
                dateFormat: 'dd-mm-yy',
                onSelect: function() {
                    $(this).closest('div').find('.error').remove();
                }
            });

            $('#autoProcessAmount, #closingCharge, #savingCollectionFrequency, #monthlyCollectionType, #monthlyCollectionWeekOrDay,  #lateInstallmentCalMethod, #lateInstallmentPenaltyAmount, #withdrawAllowInFiscalYearForInterest,  #maximumAllowedMissingInstallments, #interestCalculationMethod, #minSavingsBalance, #provision_grace_period_field, #overdueGracePeriod')
                .attr('disabled', 'disabled');

            /*validate Number Fileds*/
            $("#minSavingsBalance,#weeklyDepositAmount,#monthlyDepositAmount,#closingCharge,#lateInstallmentPenaltyAmount, #provision_grace_period_field")
                .on('input', function() {
                    this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
                });
            $("#maximumAllowedMissingInstallments,#savingProductCode, #withdrawAllowInFiscalYearForInterest").on(
                'input',
                function() {
                    this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
                });
            /*End validate Number Fileds*/

            $('form').submit(function(event) {
                event.preventDefault();
                $("#submit").prop('disabled', true);

                $.ajax({
                    type: 'post',
                    url: './storeMfnSavingsProduct',
                    data: $('form').serialize(),
                    dataType: 'json',
                    success: function(_response) {
                        $(".error").remove();
                        if (_response.errors) {
                            $("#submit").prop('disabled', false);
                            $.each(_response.errors, function(name, error) {
                                $("#" + name).after("<p class='error'>* " + _response
                                    .errors[name] + "</p>");
                            });
                        } else {
                            $("#rootwizard")[0].reset();
                            toastr.success(_response.responseText, _response.responseTitle,
                                opts);

                            setTimeout(function() {
                                window.location.href =
                                    "{{ url('viewMfnSavingsProductList/') }}";
                            }, 3000);
                        }
                    },
                    error: function(_response) {
                        alert("error");
                        $("#submit").prop('disabled', false);
                    }
                });

            }); /*form*/

            /* Show/Hide Divs According to Deposit Type */
            $("#typeOfDeposit").change(function() {
                var depositTypeId = $(this).val();
                $('#autoProcessAmount, #savingCollectionFrequency, #lateInstallmentCalMethod, #lateInstallmentPenaltyAmount, #maximumAllowedMissingInstallments, #interestCalculationMethod')
                    .attr('disabled', 'disabled');
                var isProvisionApplicable = $('input[name="isProvisionApplicable"]:checked').val();
                var interestCalculationMethod = $('input[name="interestCalculationMethod"]:checked').val();
                if (depositTypeId == 1 && interestCalculationMethod != 1) {
                    $('#autoProcessAmount').removeAttr('disabled', 'disabled');
                }

                if (depositTypeId == 1 || depositTypeId == 3) {
                    $('#savingCollectionFrequency,  #lateInstallmentCalMethod, #lateInstallmentPenaltyAmount, #interestCalculationMethod')
                        .removeAttr('disabled', 'disabled');
                }
                if (depositTypeId == 1) $('#maximumAllowedMissingInstallments').removeAttr('disabled',
                    'disabled');
                if (depositTypeId == 1 && interestCalculationMethod == 1) {
                    $('#savingCollectionFrequency').attr('disabled', 'disabled');
                }
                if (depositTypeId == 4 || (depositTypeId == 5 && interestCalculationMethod != 1) ||
                    depositTypeId == 3) { //Case of FDR or OTS or DPS
                    $('.partialWithdrawAllowId1').prop('checked', false).trigger('change');
                    $('.partialWithdrawAllowId1').attr('disabled', 'disabled');
                    //$("#withdrawAllowInFiscalYearForInterest").attr('disabled', 'disabled');
                    if (depositTypeId == 3) {
                        $('.partialWithdrawAllowId2').prop('checked', false);
                        $('.partialWithdrawAllowId2').attr('disabled', 'disabled');
                    }
                } else {
                    $('.partialWithdrawAllowId1').removeAttr('disabled', 'disabled');
                }
                if (depositTypeId != 3) $('.partialWithdrawAllowId2').removeAttr('disabled', 'disabled');
                $('#savingCollectionFrequency').trigger('change');
                $('input[type="radio"][name="isProvisionApplicable"]:checked').trigger('change');
            });
            /* End  Show/Hide Divs According to Deposit Type */


            /* Change monthlyCollectionWeekOrDayLabel and values */

            $("#monthlyCollectionType").change(function() {
                var monthlyCollectionTypeId = $(this).val();
                if (monthlyCollectionTypeId != '') {

                    var csrf = "{{ csrf_token() }}";

                    $.ajax({
                            url: './getMfnSavingsMonthlyCollectionType',
                            type: 'POST',
                            dataType: 'json',
                            data: {
                                monthlyCollectionTypeId: monthlyCollectionTypeId,
                                _token: csrf
                            },
                        })
                        .done(function(data) {
                            //alert(JSON.stringify(data));
                            $("#monthlyCollectionWeekOrDayLabel").text('Monthly Collection ' + data[
                                'label'] + ':');
                            $("#monthlyCollectionWeekOrDay").empty();
                            $("#monthlyCollectionWeekOrDay").append("<option value=''>Select</option>");
                            $.each(data['values'], function(index, value) {
                                $("#monthlyCollectionWeekOrDay").append("<option value='" +
                                    index + "'>" + value + "</option>");
                            });
                        })
                        .fail(function() {
                            console.log("error");
                        })
                        .always(function() {
                            console.log("complete");
                        });
                }


            });

            $('input[name="interestCalculationMethod"]').change(function() {
                var interestCalculationMethod = $(this).val();
                $(".withdraw_month_interest_allow").attr('disabled', 'disabled');
                $(".month_closing_balance_zero_interest_allow").attr('disabled', 'disabled');
                if (interestCalculationMethod == 3 || interestCalculationMethod ==
                    5) { //Case of Avg Balance, Balance Method
                    $(".withdraw_month_interest_allow").removeAttr('disabled', 'disabled');
                }
                if (interestCalculationMethod == 3) { //Case of Avg Balance
                    $(".month_closing_balance_zero_interest_allow").removeAttr('disabled', 'disabled');
                }
                $("#typeOfDeposit").trigger('change');
            });

            /* Show/Hide Divs According to Service Chrage Applicable or not */
            $('input[name="isClosingChargeApplicable"]').change(function() {
                var isClosingChargeApplicable = $(this).val();
                $("#closingCharge").attr('disabled', 'disabled');
                if (isClosingChargeApplicable == 1) {
                    $("#closingCharge").removeAttr('disabled', 'disabled');
                }
            });
            /* End Show/Hide Divs According to Service Chrage Applicable or not */


            $('input[name="isAllowInterestForOverdue"]').change(function() {
                var isAllowInterestForOverdue = $(this).val();
                $("#overdueGracePeriod").removeAttr('disabled', 'disabled');
                if (isAllowInterestForOverdue == 1) {
                    $("#overdueGracePeriod").attr('disabled', 'disabled');
                }
            });


            $('#lateInstallmentCalMethod').on('change', function() {
                var lateInstallmentCalMethod = $(this).val();
                $("#lateInstallmentPenaltyAmount").parents('.form-group').children('label').html(
                    'Late Installment Penalty Amount:');
                if (lateInstallmentCalMethod == 1) {
                    $("#lateInstallmentPenaltyAmount").parents('.form-group').children('label').html(
                        'Late Installment Penalty Rate(%):');
                }
            });


            $('input[name="isProvisionApplicable"]').change(function() {
                var isProvisionApplicable = $(this).val();
                var typeOfDeposit = $("#typeOfDeposit").val();
                $('#provision_grace_period_field').attr('disabled', 'disabled');
                if (isProvisionApplicable == 1 && (typeOfDeposit == 1 || typeOfDeposit ==
                        4)) { //allow grace period for fdr monthly provision
                    $('#provision_grace_period_field').removeAttr('disabled', 'disabled');
                }
            });

            $('#savingCollectionFrequency').change(function() {
                var savingCollectionFrequency = $(this).val();
                var typeOfDeposit = $("#typeOfDeposit").val();
                if (savingCollectionFrequency == 2 && typeOfDeposit > 0 && (typeOfDeposit == 1 ||
                        typeOfDeposit == 3)) {
                    $("#monthlyCollectionType, #monthlyCollectionWeekOrDay").removeAttr('disabled',
                        'disabled');
                } else {
                    $("#monthlyCollectionType, #monthlyCollectionWeekOrDay").attr('disabled', 'disabled');
                }
            });

            $('.partialWithdrawAllowId1').change(function() {
                $("#withdrawAllowInFiscalYearForInterest").attr('disabled', 'disabled');
                if ($('.partialWithdrawAllowId1').is(':checked')) {
                    $("#withdrawAllowInFiscalYearForInterest").removeAttr('disabled', 'disabled');
                }
            });



        }); /*End Ready*/
    </script>

@endsection