@extends('layouts.main')

@push('styles')
<link href="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/elite/bower_components/datatables/jquery.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('elite/tables/css/buttons.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('elite/bower_components/select2/select2.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<div class="row bg-title">
    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title">{{ __('banking.bank_deposits') }}</h4>
    </div>
    <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('home') }}"><i class="fa fa-home"></i> {{ __('banking.home') }}</a></li>
            <li><a href="{{ route('finance') }}"><i class="fa fa-money"></i> {{ __('banking.finance_home') }}</a></li>
            <li class="active"><i class="fa fa-bank"></i> {{ __('banking.new_bank_deposit') }}</li>
        </ol>
    </div>
</div>
@php
$balance = 0;
@endphp

@include('flash::message')
<div class="row">
    <div class="col-md-12">
        <div class="panel full-wrapper">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="pull-left">
                            <a href="javascript:void(0)" class="text-center db">
                                @php $hospital_information = \Streamline\Models\HospitalInformation::first(); @endphp
                                <img src="{{ asset($hospital_information->logo) }}" style="max-height: 160px; margin: auto; max-width: 260px;" alt="Home" /><br />
                            </a>
                            <address>
                                <h3> &nbsp;<b class="text-danger">{{ $hospital_information->name }}</b></h3>
                                <p class="text-muted m-l-5">{{ $hospital_information->phone_number }}, {{ $hospital_information->email }},
                                    <br /> {{ get_name($hospital_information->sub_county,'id', 'name', 'subcounties') }}, {{ get_name($hospital_information->district,'id', 'name', 'districts') }},
                                    <br /> {{ $hospital_information->country }}.
                                </p>
                            </address>
                        </div>
                        <div class="pull-right text-right">
                            <address>
                                <p class="m-t-30"><b>{{ __('banking.deposit_date') }}</b> <i class="fa fa-calendar"></i> {{ streamline_date_time(\Carbon\Carbon::now()->toDateTimeString()) }}</p>
                            </address>
                        </div>
                    </div>
                </div>
                <br />
                {{ Form::open(['route' => 'banking.process_deposit', 'data-toggle' => 'validator']) }}
                <h2><strong>{{ __('banking.details') }}</strong></h2>
                <h5>{{ __('banking.deposit_to_account') }}</h5>
                <br />

                <table class="table color-bordered-table success-bordered-table">
                    <thead>
                        <tr>
                            <th>{{ __('banking.select_account') }}</th>
                            <th>{{ __('banking.deposit_date') }}</th>
                            <th>{{ __('banking.current_balance') }}</th>
                            <th>{{ __('banking.memo') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <div class="form-group">
                                    <select class="form-control compulsory required" name="deposit_to" id="deposit_to" required>
                                        <option value="">-select-</option>
                                        @foreach($bank_accounts as $item)
                                        <option value="{{ $item->id }}">{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </td>
                            <td>
                                <div class="form-group">
                                    <div class="input-group">
                                        {{ Form::text('deposit_date', '', ['class'=>'form-control required compulsory', 'readonly', 'id'=>'deposit_date']) }}
                                        <span class="input-group-addon"><i class="icon-calender"></i></span>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <input class="form-control" id="current_balance" readonly name="current_account_balance" type="text">
                            </td>
                            <td>
                                <div class="form-group">
                                    <div class="input-group">
                                        {{ Form::text('deposit_memo', '', ['class'=>'form-control required compulsory', 'id'=>'memo']) }}
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <hr />
                
                <h2><strong>{{ __('banking.deposit_details') }}</strong></h2>
                <h5>{{ __('banking.deposit_from_account') }}</h5>
                <br />

                @php
                $options = "<option value=''>--select--</option>";
                foreach ($income_accounts as $item){
                $options .= "<option value='$item->id'>$item->name</option>";
                }
                @endphp


                <div class="input_fields_wrap">
                    <div class="row">
                        <div class="span1"></div>
                        <div class="col-3">
                            <div class=" control-group">
                                <label class="control-label" for="item">{{ __('banking.from_account') }}</label>
                                <div class="form-group">
                                    <select name='account[]' id='account_0' class="form-control select">
                                        <option value=''>-Select An Income Account-</option>
                                        @foreach($income_accounts as $item)
                                        <option style='color: orange;' value='{{ $item->id }}'>{{ $item->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div><!-- From Account -->

                        @php
                        $options = "<option value=''>-Select An Income Account-</option>";
                        foreach ($income_accounts as $item){
                        $options .= "<option value='$item->id'>$item->name</option>";
                        }

                        $payment_method_options = "<select class='form-control' name='payment_method[]'>";
                        $payment_method_options .= "<option value=''>-Select-</option>";
                        foreach ($payment_methods as $key => $method):
                            $payment_method_options .= "<option value='$method->id'>$method->name</option>";
                        endforeach;
                        $payment_method_options .= "</select>";
                        @endphp

                        <div class='col-2'>
                            <div class="form-group">
                                <label class='control-label' class=''>Amount to Deposit</label>
                                <div class=''>
                                    <input type='number' value='0' name='amount[]' id='amount_0' class='form-control compulsory'>
                                </div>
                            </div>
                        </div>

                        <!-- <div class='col-2'>
                            <div class="form-group">
                                <label class='control-label' class=''>{{ __('banking.balance') }}</label>
                                <div class=''>
                                    <input type='number' name='balance[]' id='balance_0' class='form-control compulsory' readonly>
                                </div>
                            </div>
                        </div> -->

                        <div class="col-2">
                            <div class="form-group">
                                <label class="control-label">{{ __('banking.payment_method') }}</label>
                                <div class=''>
                                    @php echo $payment_method_options; @endphp
                                </div>
                            </div>
                        </div><!-- Payment Method -->

                        <div class='col-4'>
                            <div class="form-group">
                                <label class='control-label' class=''>{{ __('banking.memo') }}</label>
                                <div class=''>
                                    <textarea name='memo[]' id='memo_0' class='form-control' rows="3" cols="4"></textarea>
                                </div>
                            </div>
                        </div><!-- Memo -->

                        <div class="col-1">
                            <div class="form-group" style="margin-top: 22px; margin-left: 3px;">
                                <a class="btn btn-success add_item" style="color: white"><i class="fa fa-plus"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class='col-7'></div>
                    <div class='col-5'>
                        <div class="form-group-group">
                            <label class="control-label" for="tot">{{ __('banking.total') }}</label>
                            <div class="controls">
                                <input type="number" name="total_amount" value="0" id="total_amount" class="form-control compulsory" readonly />
                            </div>
                        </div>
                    </div>
                </div><!-- Total -->
                <br />
                <div class="row">
                    <div class='col-9'></div>
                    <div class='col-3'>
                        <div style="display: block">
                            <button type="submit" id="make_deposit" class="btn btn-block btn-success float-right">{{ __('banking.deposit') }}</button>
                        </div>
                    </div>
                </div><!-- Total -->

                {{ Form::close() }}
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')

<script src="{{ asset('elite/js/validator.js') }}"></script>
<script type="text/javascript" src="{{ asset('elite/bower_components/html5-editor/wysihtml5-0.3.0.js') }}"></script>
<script type="text/javascript" src="{{ asset('elite/bower_components/html5-editor/bootstrap-wysihtml5.js') }}"></script>
<script type="text/javascript" src="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>

<script type="text/javascript">
    function numberWithCommas(x) {
        return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }

    $('#register_donation_btn').click(function(e) {
        e.preventDefault();
        $('.register_donation').modal('show');
    });

    $('#save_new_donation').click(function(e) {
        e.preventDefault();
        let income_account = $('#income_account').val();
        let donation_date = $('#new_donation_date').val();
        let donation_amount = $('#new_donation_amount').val();
        let donation_memo = $('#new_donation_memo').val();

        $.ajax({
            method: 'POST',
            url: '/banking/store_other_income_deposit',
            data: {
                'income_account': income_account,
                'donation_date' : donation_date,
                'donation_amount' : donation_amount,
                'donation_memo' : donation_memo,
            },
            success: function(response) {
                $('.register_donation').modal('hide');
            },
            error: function(error) {
                console.log(error);
            }
        });
    });

    $('#deposit_date').change(function (){
        let bank = $('#deposit_to').val();
        let date = this.value;
        if(bank === ""){
            alert('Please select a bank account.')
        }
        else{
            $.ajax({
                method: 'POST',
                url: '/banking/get_current_account_balance_per_date',
                data: {
                    'bank': bank,
                    'date' : date
                },
                success: function(response) {
                    var acc_bal = 0;
                    if (response != "null") {
                        var bank_record = JSON.parse(response);
                        acc_bal = bank_record.account_balance;
                    }
                    $('#current_balance').val(numberWithCommas(acc_bal));
                },
                error: function(error) {
                    console.log(error);
                }
            });
        }
    });
</script>
<script type="text/javascript">
    jQuery('#deposit_date, #new_donation_date').datepicker({
        autoclose: true,
        todayHighlight: true,
        format: 'dd-mm-yyyy'
    });

    $(".input_fields_wrap").on('change', '.select', function() {

        var i = parseInt(this.id.substr(this.id.indexOf("_") + 1));
        var income_account = $("#account_" + i).val();
        var total_field = $("#total_amount");
        if (income_account === "") {
            alert("Please select an account please...!");
            return false;
        }
        var final_total = 0;
        $("[id^='amount_']").each(function() {
            final_total += Number($(this).val());
        });
        $('#total_amount').val(final_total);
        // $.ajax({
            //     method: 'POST',
            //     url: '/banking/get_other_income_account_balance',
            //     data: {
            //         'date': date,
            //         'income_account': income_account
            //     },
            //
            //     success: function(response) {
            //
            //         if(response != "null"){ // if response is not null
            //             let data = JSON.parse(response);
            //             balance.val(data['account_balance'])
            //         }else{
            //             balance.val(0)
            //             $('#amount_'+ i).val(0)
            //             $('#amount_'+ i).prop('disabled', true)
            //             $('#account_'+ i).prop('disabled', true)
            //             $('#memo_'+ i).prop('disabled', true)
            //         }
            //         var final_total = 0;
            //         $("[id^='amount_']").each(function() {
            //             final_total += Number($(this).val());
            //         });
            //         total_field.val(final_total);
            //     },
            //     error: function(error) {
            //         console.log(error);
            //     }
            // });
    });

    $(".full-wrapper").on('click', function () {
        var total_field = $("#total_amount");
        var final_total = 0;
        $("[id^='amount_']").each(function() {
            final_total += Number($(this).val());
        });
        $('#total_amount').val(final_total);
    });

    var max_fields = 20; //maximum input boxes allowed
    var wrapper = $(".input_fields_wrap"); //Fields wrapper
    var add_button = $(".add_item"); //Add button ID

    var x = 1; //initlal text box count

    $(add_button).click(function(e) { //on add input button click
        e.preventDefault();
        if (x < max_fields) { //max input box allowed
            x++; //text box increment
            $(wrapper).append("\
                <div class='row'>\n\
                    <div class='span1'></div>\n\
                    \n\
                    <div class='col-3'>\n\
                        <div class='form-group'>\n\
                            <div class='form-group'>\n\
                                <select name='account[]' id='account_" + x + "' class='form-control select'>\n\
                                    <?php echo $options; ?>\n\
                                </select>\n\
                            </div>\n\
                        </div>\n\
                    </div>\n\
                    \n\
                    <div class='col-2'>\n\
                        <div class='form-group'>\n\
                            <input type='number' min=0 value=0 name='amount[]' id='amount_" + x + "' class='form-control compulsory'>\n\
                        </div>\n\
                    </div>\n\
                    \n\
                    <div class='col-2'>\n\
                        <div class='form-group'>\n\
                            <div class='form-group'>\n\
                                <?php echo $payment_method_options; ?>\n\
                            </div>\n\
                        </div>\n\
                    </div>\n\
                    \n\
                    <div class='col-4'>\n\
                        <div>\n\
                            <div class='form-group'>\n\
                                <textarea name='memo[]'" + x + "' class='form-control' rows='3' cols='4'></textarea>\n\
                            </div>\n\
                        </div>\n\
                    </div>\n\
                    \n\
                    <div class='col-1'>\n\
                        <div class=''>\n\
                            <div class='form-group' style='margin-top: 5 px;'>\n\
                                &nbsp;<a href='# ' class='remove_field btn btn-danger' style='margin-top: 5 px;'><i class='fa fa-times'></i></a>\n\
                            </div>\n\
                        </div>\n\
                    </div>\n\
                </div>\n\
        "); //add input box
        }
    });

    $(wrapper).on("click", ".remove_field", function(e) { //user click on remove text
        e.preventDefault();
        $(this).parent('div').parent('div').parent('div').parent('div').remove();

        var final_total = 0;
        var total_field = $("#total_amount");

        $("[id^='amount_']").each(function() {
            final_total += Number($(this).val());
        });
        total_field.val(final_total);
        x--;
    });
</script>


@endpush