{!! Form::open(array('class' => 'stdform','id'=>'receipt_voucher_form','route'=>'recovery_vouchers.store')) !!}
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel"> RECEIPT VOUCHER - RECOVERY</h3>
</div>
<div class="modal-body">
    <input type="hidden" name="entry_type" value="LOSS_RECOVERY">
    <input type="hidden" name="loading_order_item_id" value="{{($loan_recovery_plan) ? $loan_recovery_plan->loanApplication->loadingOrderItemLoanApplication->loading_order_item_id : null }}">
    <input type="hidden" name="loan_recovery_plan_id" value="{{($loan_recovery_plan) ? $loan_recovery_plan->id : null}}">
    <div class="row-fluid" style="margin-top: 4px">
        <div class="span6">
            <label class="span4">Date</label>

            <div class="field span8">
                <select id="month" name="start_month" class="searchable_select"
                        style="width: 80px">
                    <option value="ALL">ALL</option>
                    <option value="12" {{ date('m') == 12 ? 'selected' : '' }}>Dec</option>
                    <option value="11" {{ date('m') == 11 ? 'selected' : '' }}>Nov</option>
                    <option value="10" {{ date('m') == 10 ? 'selected' : '' }}>Oct</option>
                    <option value="09" {{ date('m') == 9 ? 'selected' : '' }}>Sept</option>
                    <option value="08" {{ date('m') == 8 ? 'selected' : '' }}>Aug</option>
                    <option value="07" {{ date('m') == 7 ? 'selected' : '' }}>Jul</option>
                    <option value="06" {{ date('m') == 6 ? 'selected' : '' }}>Jun</option>
                    <option value="05" {{ date('m') == 5 ? 'selected' : '' }}>May</option>
                    <option value="04" {{ date('m') == 4 ? 'selected' : '' }}>Apr</option>
                    <option value="03" {{ date('m') == 3 ? 'selected' : '' }}>Mar</option>
                    <option value="02" {{ date('m') == 2 ? 'selected' : '' }}>Febr</option>
                    <option value="01" {{ date('m') == 1 ? 'selected' : '' }}>Jan</option>
                </select>
                <select id="start_day" name="start_day" class="searchable_select" style="width: 80px">
                    <option value="ALL">D</option>
                    @foreach($days as $day)
                        <option value="{{$day}}" {{ $day == \Carbon\Carbon::now()->format('d') ? 'selected' : '' }}>{{$day}}</option>
                    @endforeach
                </select>
                <select id="start_year" name="start_year" class="searchable_select" style="width: 80px">
                    <option value="ALL">Y</option>
                    @foreach($years as $year)
                        <option value="{{$year}}" {{ date('Y') == $year ? 'selected' : '' }}>{{$year}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="span6">
            <label class="span4">Reference Number</label>

            <div class="field span8">
                <input type="text" name="reference_number" class="span12" autocomplete="off" value="{{($loan_recovery_plan) ? $loan_recovery_plan->loanApplication->loadingOrderItemLoanApplication->loading_order_item_id  : null}}"/>
            </div>
        </div>

    </div>

    <div class="row-fluid" style="margin-top: 4px">
        <div class="span6">
            <label class="span4">Recovery For</label>

            <div class="field span8">
                <select name="cr_account_id" id="cr_account_id" class="searchable_select" style="width: 100%">
{{--                    <option value=""></option>--}}
                    @foreach($accounts as $account)
                        <option value="{{$account->id}}">{{$account->name}}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="span6">
            <label class="span4">Recovery Account</label>

            <div class="field span8">
                <select name="dr_account_id" class="searchable_select" style="width: 100%">
                    @foreach($dr_accounts as $account)
                        <option value="{{$account->id}}" {{($account->is_default) ? 'selected' : ''}}>{{$account->name}}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>

    <div class="row-fluid" style="margin-top: 4px">
        <div class="span6">
            <label class="span4">Currency </label>

            <span class="field span8">
                        <select name="currency_id" class="searchable_select" style="width: 100%" required>
                            @foreach($currencies as $currency)
                                <option value="{{$currency->id}}" {{($currency->is_default ==1 )? 'selected' : ''}}>{{$currency->code}}</option>
                            @endforeach
                        </select>
                    </span>
        </div>
        <div class="span6">
            <label class="span4">Exchange Rate</label>

            <div class="field span8">
                <input type="text" name="exchange_rate" class="span12" value="1" required autocomplete="off"/>
            </div>
        </div>
    </div>

    <div class="row-fluid" style="margin-top: 4px">
        <div class="span6">
            <label class="span4">Employee </label>

            <span class="field span8">
                <select name="employee_id" id="employee_id" data-placeholder="Employee" style="width: 100%"
                        class="searchable_select" required>
{{--                <option value=""></option>--}}
                    @foreach($employees as $employee)
                        <option value="{{$employee->employee_id}}">{{$employee->full_name}}</option>
                    @endforeach
            </select>
            </span>
        </div>
        <div class="span6">
            <label class="span4">Amount</label>

            <div class="field span8">
                <input type="text" name="amount" id="amount" placeholder="Received Amount"
                       class="span12 payment-voucher-amount" style="text-align: right" autocomplete="off" value="{{($loan_recovery_plan) ? $loan_recovery_plan->rate - $recovered_amount: ''}}"/>
            </div>
        </div>
    </div>
    <br>
    <div class="row-fluid" style="margin-top: 2px">
        <div class="span12">
            <label class="span2">Narration</label>

            <span class="field span10">
                   <textarea cols="80" rows="3" class="span12" name="remarks" required>{{($loan_recovery_plan) ? $loan_recovery_plan->loanApplication->reason : ''}}</textarea>
                </span>
        </div>
    </div>

</div>
<div class="modal-footer">
    <button class="btn btn-success" type="submit">RECEIVE PAYMENT(S)</button>
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
{!! Form::close() !!}

<script>
    $('.receive_payment_date').datepicker();
    $('.searchable_select').select2();
    $('input[name="amount"]').keyup(function (event) {
        // skip for arrow keys
        if (event.which >= 37 && event.which <= 40) return;
        // format number
        jQuery(this).val(function (index, value) {
            var parts = value.toString().split(".");

            parts[0] = parts[0].replace(/\D/g, "")
                .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
            return parts.join(".");
        });
    });
    jQuery('#sub_account_id').change(function () {
        var sub_account_id = jQuery(this).val();
        jQuery.ajax({
            type: "get",
            url: "{{route('financial_management.accounts_options.by_sub_account_id')}}",
            data: {
                sub_account_id: sub_account_id
            },
            // dataType: 'json',
            success: function (data) {
                //
                // var newOption = new Option(data.text, data.id, false, false);
                $('#cr_account_id').empty();
                $('#cr_account_id').append(data).trigger('change');
                $('#cr_account_id').select2();
            },
            error: function (data) {
            }
        });

    });


</script>