@extends('adminlte::page')

@section('title', 'Edit Collection')

@section('plugins.Select2', true)

@section('content_header')

<div class="d-flex justify-content-between align-items-center flex-wrap">

    <h1>Edit Collection</h1>

    <a href="{{ route('collections.index') }}" class="btn btn-secondary">

        <i class="fas fa-arrow-left"></i>

        Back

    </a>

</div>

@stop

@section('css')

<style>
    .required {
        color: #dc3545;
    }

    .card {
        border-radius: 10px;
    }

    .card-header {
        font-weight: 600;
    }

    .select2-container {
        width: 100% !important;
    }

    .select2-container--default .select2-selection--single {

        height: 38px;

        border: 1px solid #ced4da;

        border-radius: 4px;

    }

    .select2-selection__rendered {

        line-height: 36px !important;

    }

    .select2-selection__arrow {

        height: 36px !important;

    }
</style>

@stop


@section('content')

@if ($errors->any())

<div class="alert alert-danger">

    <button class="close" data-dismiss="alert">&times;</button>

    <strong>Please fix the following errors</strong>

    <ul class="mb-0 mt-2">

        @foreach($errors->all() as $error)

        <li>{{ $error }}</li>

        @endforeach

    </ul>

</div>

@endif


<form action="{{ route('collections.update',$collection->id) }}"

    method="POST">

    @csrf

    @method('PUT')

    <input
        type="hidden"
        name="loan_id"
        id="loan_id"
        value="{{ $loan->id }}">


    <div class="card card-success card-outline shadow">

        <div class="card-header">

            <h3 class="card-title">

                <i class="fas fa-money-bill-wave"></i>

                Edit Collection

            </h3>

        </div>

        <div class="card-body">

            <div class="row">


                <div class="col-md-4">

                    <div class="form-group">

                        <label>

                            Receipt No

                        </label>

                        <input

                            type="text"

                            name="receipt_no"

                            class="form-control"

                            value="{{ $collection->receipt_no }}"

                            readonly>

                    </div>

                </div>



                <div class="col-md-4">
                    <div class="form-group">

                        <label>Account</label>

                        <input type="text"
                            class="form-control"
                            value="{{ $collection->account->account_no }} - {{ $collection->account->customer_name }} - {{ $collection->account->mobile }}"
                            readonly>

                        <input type="hidden"
                            name="account_id"
                            value="{{ $collection->account_id }}">

                    </div>
                </div>



                <div class="col-md-4">

                    <div class="form-group">

                        <label>

                            Collection Date

                            <span class="required">*</span>

                        </label>

                        <input

                            type="date"

                            name="collection_date"

                            class="form-control"

                            value="{{ old('collection_date',$collection->collection_date) }}"

                            required>

                    </div>

                </div>



                <div class="col-md-4">

                    <div class="form-group">

                        <label>

                            Collection Amount

                            <span class="required">*</span>

                        </label>

                        <input

                            type="number"

                            step="0.01"

                            name="collection_amount"

                            id="collection_amount"

                            class="form-control"

                            value="{{ old('collection_amount',$collection->collection_amount) }}"

                            required>

                    </div>

                </div>

                <hr class="w-100">

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Loan Amount</label>
                        <input type="text"
                            id="loan_amount"
                            class="form-control"
                            value="{{ $loan->loan_amount }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Interest Rate (%)</label>
                        <input type="text"
                            id="interest_rate"
                            class="form-control"
                            value="{{ $loan->interest_rate }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Loan Date</label>
                        <input type="text"
                            id="loan_date"
                            class="form-control"
                            value="{{ $loan->loan_start_date }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Collection Type</label>
                        <input type="text"
                            id="collection_type"
                            class="form-control"
                            value="{{ ucfirst($loan->collection_type) }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Total Interest</label>
                        <input type="text"
                            id="total_interest"
                            class="form-control"
                            value="{{ number_format($loan->total_interest,2) }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Total Payable</label>
                        <input type="text"
                            id="total_payable"
                            class="form-control"
                            value="{{ number_format($loan->total_payable,2) }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Principal EMI</label>
                        <input type="text"
                            id="principal_emi"
                            class="form-control"
                            value="{{ number_format($loan->principal_emi,2) }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Interest EMI</label>
                        <input type="text"
                            id="interest_emi"
                            class="form-control"
                            value="{{ number_format($loan->interest_emi,2) }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>EMI Amount</label>
                        <input type="text"
                            id="emi_amount"
                            class="form-control"
                            value="{{ number_format($loan->emi_amount,2) }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Paid EMI</label>
                        <input type="text"
                            id="paid_emi"
                            class="form-control"
                            value="{{ $loan->paid_emi_count }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Remaining EMI</label>
                        <input type="text"
                            id="remaining_emi"
                            class="form-control"
                            value="{{ $loan->remaining_emi_count }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Remaining Amount</label>

                        <input type="text"
                            id="remaining_amount"
                            class="form-control"
                            value="{{ number_format($loan->remaining_amount,2,'.','') }}"
                            readonly>

                        <input type="hidden"
                            id="original_remaining_amount"
                            value="{{ $loan->remaining_amount }}">

                    </div>
                </div>

                <hr class="w-100">

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Interest Amount</label>
                        <input type="text"
                            name="interest_amount"
                            id="interest_amount"
                            class="form-control"
                            value="{{ number_format($collection->interest_amount,2,'.','') }}"
                            readonly>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Principal Amount</label>
                        <input type="text"
                            name="principal_amount"
                            id="principal_amount"
                            class="form-control"
                            value="{{ number_format($collection->principal_amount,2,'.','') }}"
                            readonly>
                    </div>
                </div>

                <!-- <div class="col-md-4">
                    <div class="form-group">
                        <label>Payment Mode</label>

                        <select name="payment_mode"
                            class="form-control">

                            <option value="Cash"
                                {{ $collection->payment_mode=='Cash'?'selected':'' }}>
                                Cash
                            </option>

                            <option value="Online"
                                {{ $collection->payment_mode=='Online'?'selected':'' }}>
                                Online
                            </option>

                            <option value="Cheque"
                                {{ $collection->payment_mode=='Cheque'?'selected':'' }}>
                                Cheque
                            </option>

                        </select>

                    </div>
                </div> -->

                <div class="col-md-12">

                    <div class="form-group">

                        <label>Remarks</label>

                        <textarea
                            name="remarks"
                            rows="3"
                            class="form-control">{{ old('remarks',$collection->remarks) }}</textarea>

                    </div>

                </div>

            </div>

        </div>

        <div class="card-footer text-right">

            <button type="submit" class="btn btn-primary">

                <i class="fas fa-save"></i>

                Update Collection

            </button>

        </div>

    </div>

</form>

@stop

@section('js')

<script>
    $(document).ready(function() {

        $('.select2').select2({
            width: '100%'
        });

        function calculateCollection() {

            let collection = parseFloat($('#collection_amount').val()) || 0;

            let oldCollection = parseFloat($('#old_collection_amount').val()) || 0;

            let interestEmi = parseFloat($('#interest_emi').val()) || 0;

            let originalBalance = parseFloat($('#original_remaining_amount').val()) || 0;

            let principal = 0;

            let interest = 0;

            // Interest First
            if (collection >= interestEmi) {

                interest = interestEmi;

                principal = collection - interest;

            } else {

                interest = collection;

                principal = 0;

            }

            $('#interest_amount').val(interest.toFixed(2));

            $('#principal_amount').val(principal.toFixed(2));

            // Restore previous balance then apply new amount
            let balance = originalBalance + oldCollection - collection;

            if (balance < 0) {

                balance = 0;

            }

            $('#remaining_amount').val(balance.toFixed(2));

        }

        $('#collection_amount').on('keyup change', function() {

            calculateCollection();

        });

        calculateCollection();

    });
</script>

@stop