@extends('layouts.master')
@push('style')
    <style>
        .main_active.active {
            background: #dc3545 !important;
            color: white !important;
        }
    </style>
@endpush
@section('title', __('accounting.recieve_payments'))
@section('content_title', __('accounting.recieve_payments'))
@section('content_summary', __('accounting.recieve_payments_summary'))

@section('main_content')

    @if (Session::has('success'))
        <div class="alert alert-success">
            {{ Session::get('success') }}
        </div>
    @endif
    @if (Session::has('error'))
        <div class="alert alert-danger">
            {{ Session::get('error') }}
        </div>
    @endif
    <div class="main-card mb-3 card">
        <div class="card-body">



            {{-- remove extra_form_code.txt --}}






            <form class="row g-3 mb-5 py-2 px-3" action="{{ route('accounting.transaction.store') }}" method="POST">
                @csrf
                <div class="my-3 card p-2">
                    <div class="card-body">
                        <div class="row justify-content-between">
                            {{-- <div class="col-lg-9 my-3" id="transaction_type_section">
                                <div class="form-group">
                                    <label for="note"
                                        class="form-label">{{ __('accounting.select_transaction_type') }}</label>
                                    <select name="transaction_type" id="transaction_type" class="form-select form-control">
                                        <option value="">{{ __('accounting.select_transaction_type') }}</option>
                                        @foreach ($paymentTypes as $item)
                                            <option value="{{ $item->id }}">{{ $item->transaction_type }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <input type="hidden" id="userId" name="user_id"
                                    value="{{ $feeInvoice->user_id ?? '' }}">
                            </div> --}}
                            {{-- <div class="col-3">
                                <div class="form-group">
                                    <label for="note"
                                        class="form-label">{{ __('accounting.select_transaction_type') }}</label>
                                    <select name="transaction_type" id="transaction_type" class="form-select form-control">
                                        <option value="">{{ __('accounting.select_transaction_type') }}</option>
                                        @foreach ($paymentTypes as $item)
                                            <option value="{{ $item->id }}">{{ $item->transaction_type }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div> --}}
                            <input type="hidden" id="business_id" value="{{ $feeInvoice->business_id }}">
                            {{-- <div class=" mb-3 col-lg-3">
                                <label for="payment_account_id" class="form-label">{{ __('accounting.payment_account') }} :
                                    * </label>
                                <select name="payment_account_id" class="form-select form-control" id="payment_account_id"
                                    required>
                                    <option value="">{{ __('core.please_select') }}</option>
                                </select>
                            </div>
                            <div class=" mb-3 col-lg-3">
                                <label for="payment_method" class="form-label">{{ __('accounting.payment_method') }} :
                                    * </label>
                                <select name="payment_method" class="form-select form-control" id="payment_method" required>
                                    <option value="">{{ __('core.please_select') }}</option>
                                    <option value="1">{{ __('accounting.cash') }}</option>
                                    <option value="2">{{ __('accounting.card') }}</option>
                                    <option value="3">{{ __('accounting.cheque') }}</option>
                                    <option value="4">{{ __('accounting.bank_transfer') }}</option>
                                    <option value="5">{{ __('accounting.other') }}</option>
                                </select>
                            </div> --}}
                            <div class=" mb-3 col-lg-3 text-right">
                                <label for="" class="form-label">{{ __('accounting.fee_invoice_date') }}</label>
                                <input id="" placeholder="" type="text"
                                    value="{{ \Carbon\Carbon::parse($feeInvoice->fee_invoice_date)->format('M-Y') }}"
                                    class="form-control" readonly>
                                {{-- <p class="mt-5 border p-1" style="text-align: right;"> <strong>Fee Invoice Date :</strong>
                                    {{ \Carbon\Carbon::parse($feeInvoice->fee_invoice_date)->format('M-Y') }}</p> --}}
                            </div>

                        </div>
                        @if ($type == 'invoice')
                            <table id="dataTable"
                                class="table table-hover table-bordered {{ $feeInvoice ? '' : 'd-none' }}">
                                <thead>
                                    <tr>
                                        <th>{{ __('accounting.fee_category') }}</th>
                                        <th>{{ __('accounting.payment_account') }}</th>
                                        <th>{{ __('accounting.payment_method') }}</th>
                                        <th>{{ __('accounting.amount') }}</th>
                                        <th>{{ __('accounting.discount') }}</th>
                                        <th>{{ __('accounting.fine') }}</th>
                                        <th>{{ __('accounting.payable') }}</th>
                                        <th>{{ __('accounting.recieve') }}</th>
                                        <th>{{ __('accounting.due') }}</th>
                                    </tr>
                                </thead>
                                <tbody id="tableBody">

                                    {{-- {{ $student['academicClass']['academicFeeSetUp'] }} --}}
                                    <!-- Dynamic rows will be added here -->

                                    @if ($type == 'invoice')
                                        {{-- {{ $feeInvoiceDetails }} --}}
                                        @foreach ($feeInvoiceDetails as $item)
                                            <tr>
                                                <td>
                                                    <div class="form-group">
                                                        <select class="form-control form-select" id="feeSubCategory"
                                                            readonly name="fee_category_id[]">
                                                            @foreach ($feeCategories as $feeCategory)
                                                                <option value="{{ $feeCategory->id }}"
                                                                    {{ $feeCategory->id == $item->fee_category_id ? 'selected' : '' }}>
                                                                    {{ $feeCategory->fee_category }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <select name="payment_account[]" class="form-select form-control"
                                                            required>
                                                            <option value="">{{ __('core.please_select') }}</option>
                                                            @foreach ($paymentAccounts as $paymentAccount)
                                                                <option value="{{ $paymentAccount->id }}"
                                                                    {{ $paymentAccount->id == getPaymentAccountFromFeeCategory($feeInvoice->business_id, $item->fee_category_id) ? 'selected' : '' }}>
                                                                    {{ $paymentAccount->account_name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <select name="payment_method[]" class="form-select form-control"
                                                            id="payment_method" required>
                                                            <option value="1">{{ __('accounting.cash') }}</option>
                                                            <option value="2">{{ __('accounting.card') }}</option>
                                                            <option value="3">{{ __('accounting.cheque') }}</option>
                                                            <option value="4">{{ __('accounting.bank_transfer') }}
                                                            </option>
                                                            <option value="5">{{ __('accounting.other') }}</option>
                                                        </select>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" value="{{ $item->amount }}" name="amount[]"
                                                            class="form-control trans_amount" readonly placeholder="amount">
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group d-flex gap-1">
                                                        @if ($item->discount_id)
                                                            @php
                                                                $discountValue;
                                                                if ($item->discount->discount_type == 1) {
                                                                    $discountValue = $item->discount->discount_amount;
                                                                } else {
                                                                    $discountValue = ceil(
                                                                        ($item->amount *
                                                                            $item->discount->discount_amount) /
                                                                            100,
                                                                    );
                                                                }
                                                            @endphp
                                                            <input type="text" class="form-control trans_discount"
                                                                readonly value="{{ $discountValue }}">
                                                            <input type="hidden" name="discount_id[]"
                                                                value="{{ $item->discount_id }}">
                                                            <input type="hidden" class="paid_amount"
                                                                value={{ $item->recieve }}>
                                                            <input type="hidden" class="previous_discount" readonly
                                                                value="{{ $item->extra_discount }}">

                                                            <input type="text" name="extra_discount[]"
                                                                class="form-control trans_extra_discount"
                                                                placeholder="extra discount" value="0">
                                                        @else
                                                            <input type="hidden" name="discount_id[]" class="form-control"
                                                                readonly value="0">

                                                            <input type="text" class="form-control trans_discount"
                                                                readonly value="0">
                                                            <input type="hidden" class="paid_amount"
                                                                value={{ $item->recieve }}>
                                                            <input type="hidden" class="previous_discount" readonly
                                                                value="{{ $item->extra_discount }}">
                                                            <input type="text" name="extra_discount[]"
                                                                class="form-control trans_extra_discount"
                                                                placeholder="extra discount" value="0">
                                                        @endif


                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" readonly class="form-control trans_fine"
                                                            value="{{ $item->fine_amount }}" placeholder="fine">
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group">
                                                        <input type="text" readonly class="form-control trans_recieve"
                                                            value="{{ $item->recieve }}" placeholder="recieve amount">
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="form-group"></div>
                                                    <input type="text" name="recieve[]"
                                                        class="form-control payableRecieve" placeholder="Recieve"
                                                        value="0">
                    </div>
                    </td>
                    <td>
                        <div class="form-group">
                            <input type="text" name="due[]" readonly class="form-control trans_due"
                                placeholder="due" value="0">
                        </div>
                    </td>
                    </tr>
                    @endforeach

                    <input type="hidden" id="feeInvoiceId" name="fee_invoice_id" value="{{ $feeInvoice->id }}">

                    <input type="hidden" name="business_id" value="{{ $feeInvoice->business_id }}">
                    <input type="hidden" name="user_id" value="{{ $feeInvoice->user_id }}">
                    @endif

                    </tbody>
                    <tfoot id="tableFooter">
                        <tr>
                            <th colspan="3">
                                Total
                            </th>
                            <th>
                                {{ __('accounting.total_amount') }}
                                <input type="text" class="form-control" id="totalAmount" name="total_amount"
                                    value="{{ $feeInvoice['total_amount'] }}" readonly>
                            </th>
                            <th>
                                {{ __('accounting.total_discount') }}
                                <input type="text" class="form-control" id="totalDiscount" name="total_discount"
                                    value="{{ $feeInvoice['total_discount'] }}" readonly>
                                <input type="hidden" name="extra_total_discount" id="extra_total_discount"
                                    value="0">
                            </th>
                            <th>
                                {{ __('accounting.total_fine') }}
                                <input type="text" name="total_fine" id="totalFine" class="form-control" readonly
                                    value="{{ $feeInvoice['total_fine'] }}">
                            </th>
                            <th>
                                {{ __('accounting.total_payable') }}
                                <input type="text" class="form-control" id="totalRecieve"
                                    value="{{ $feeInvoice['total_recieve'] }}" readonly>
                            </th>
                            <th>
                                {{ __('accounting.total_recieve') }}
                                <input type="text" class="form-control" id="totalPaybleRecieve" name="total_recieve"
                                    value="" readonly>
                            </th>
                            <th>
                                {{ __('accounting.total_due') }}
                                <input type="text" class="form-control" id="totalDue" name="total_due" readonly>
                            </th>
                        </tr>
                    </tfoot>
                    </table>
                @else
                    <table id="dataTable" class="table table-hover  table-bordered d-none">
                        <thead>
                            <tr>
                                <th>Fee category</th>
                                <th>amount</th>
                                <th>discount</th>
                                <th>Recieve</th>
                                <th>Due</th>
                            </tr>
                        </thead>
                        <tbody id="tableBody">


                        </tbody>
                        <tfoot id="tableFooter" class="d-none">
                            <tr>
                                <th>
                                    Total
                                </th>
                                <th>
                                    Total Amount
                                    <input type="text" class="form-control" id="totalAmount" name="total_amount"
                                        readonly>
                                </th>
                                <th>
                                    Total Discount
                                    <input type="text" class="form-control" id="totalDiscount" name="total_discount"
                                        readonly>
                                </th>

                                <th>
                                    Total Recieve
                                    <input type="text" class="form-control" id="totalRecieve" name="total_recieve"
                                        readonly>
                                </th>
                                <th>
                                    Total Due
                                    <input type="text" class="form-control" id="totalDue" name="total_due" readonly>
                                </th>
                            </tr>
                        </tfoot>
                    </table>
                    <input type="hidden" id="feeInvoiceId" name="fee_invoice_id">
                    @endif

                    {{-- <span id="addRowButton"  class="btn btn-primary d-none">Add Row</span> --}}



                    {{-- <input type="text" id="trans_business_id" name="business_id">
                    <input type="text" id=""  name="user_id" value="{{ $student->id }}">
                    <input type="text" id="trans_academic_year_id" name="academic_year_id" value="{{ $student->academic_year_id }}">
                    <input type="text" id="trans_academic_class_id" name="academic_class_id" value="{{ $getAcademicClassIdFromFeeSetup }}">
                    <input type="text" name="section_id"  id="trans_section_id" value="{{ $getAcademicSectionIdFromFeeSetup }}">
                    <input type="text" name="invoice_status" id="trans_invoice_status"> --}}
                </div>
        </div>
        <div class="col-lg-3">
            <button class="mt-4  btn btn-primary" type="submit"
                style="margin-top: 30px !important;">{{ __('Pay') }}</button>
        </div>
        </form>
    </div>
    </div>
@endsection

@push('script')
    <script>
        $(document).ready(function() {

            $('#trans_business_id').val($('#business').val());
            $('#trans_invoice_status').val($('#invoice_status').val());

            //calculate total recieve function
            function calculateTransTotalAmount() {
                var total_amount = 0;

                $('.trans_amount').each(function() {
                    let amount_value = parseFloat($(this).val());
                    if (!isNaN(amount_value)) {
                        total_amount += amount_value;
                    }
                });

                $('#totalAmount').val(total_amount.toFixed(2));
            }
            //calculate total discount function
            function calculateTransSelectedTotalDiscount() {
                var selected_total_discount = 0;

                $('.trans_discount').each(function(i) {
                    let selected_discount_value = parseFloat($(this).val());

                    if (selected_discount_value) {
                        if (!isNaN(selected_discount_value)) {
                            selected_total_discount += selected_discount_value;
                        }
                    }

                });


                return selected_total_discount;
            }
            //calculate total discount function
            function calculateTransExtraTotalDiscount() {
                var total_extra_discount = 0;
                var transAmounts = $('.trans_amount');
                var transRecieves = $('.trans_recieve');
                var selected_discount = $('.trans_discount');
                var previous_discount = $('.previous_discount');
                var paid_amount = $('.paid_amount');
                var trans_recieve = $('.trans_recieve');
                var payableRecieve = $('.payableRecieve');
                var trans_due = $('.trans_due');

                $('.trans_extra_discount').each(function(i) {
                    let extra_discount_value = parseFloat($(this).val()) ?? 0;
                    let amount_value = parseFloat(transAmounts[i].value);
                    let recieve_value = parseFloat(transRecieves[i].value);
                    let selected_discount_value = parseFloat(selected_discount[i].value);
                    let previous_discount_value = parseFloat(previous_discount[i].value);
                    let trans_recieve_value = parseFloat(trans_recieve[i].value);
                    let payableRecieve_value = parseFloat(payableRecieve[i].value);
                    let trans_due_value = parseFloat(trans_due[i].value);
                    let paid_amount_value = parseFloat(paid_amount[i].value);


                    // if(!extra_discount_value){
                    //     // $(this).val(0);
                    //     trans_recieve[i].value=amount_value - paid_amount_value-selected_discount_value  - previous_discount_value;
                    // }

                    trans_recieve[i].value = amount_value - paid_amount_value - selected_discount_value -
                        extra_discount_value - previous_discount_value;
                    payableRecieve[i].value = amount_value - paid_amount_value - selected_discount_value -
                        extra_discount_value - previous_discount_value;
                    // if(selected_discount_value && extra_discount_value){
                    //     transRecieves[i].value=amount_value - selected_discount_value - extra_discount_value
                    //     // calculateTotalRecieve();
                    // }else if(selected_discount_value && !extra_discount_value){
                    //     transRecieves[i].value=amount_value - selected_discount_value
                    //     // calculateTotalRecieve();
                    // }else if(!selected_discount_value && extra_discount_value){
                    //     transRecieves[i].value=amount_value - extra_discount_value
                    //     // calculateTotalRecieve();
                    // }else{
                    //     transRecieves[i].value=amount_value
                    //     // calculateTotalRecieve();
                    // }


                    if (!isNaN(extra_discount_value)) {
                        total_extra_discount += extra_discount_value;
                    }
                });

                return total_extra_discount

                // $('#totalExtraDiscount').val(total_extra_discount.toFixed(2));
            }
            //previous extra discount
            function previousExtraDiscount() {
                var total_extra_discount = 0;
                $(".previous_discount").each(function(i) {
                    let extra_discount_value = parseFloat($(this).val());
                    if (!isNaN(extra_discount_value)) {
                        total_extra_discount += extra_discount_value;
                    }
                })

                return total_extra_discount;
            }
            calculateTransTotalDiscount();
            //calculate total recieve function
            function calculateTransTotalDiscount() {
                var total_discount = calculateTransSelectedTotalDiscount();
                var total_extra_discount = calculateTransExtraTotalDiscount();
                var previous_extra_discount = previousExtraDiscount();
                let totalDiscount = total_discount + total_extra_discount + previous_extra_discount;
                // calculateTotalRecieve();
                $('#totalDiscount').val(totalDiscount.toFixed(2));
            }
            totalTransRecieve();

            function totalTransRecieve() {
                var total_trans_recieve = 0;
                var trans_amount = $('.trans_amount');
                var trans_discount = $('.trans_discount');
                var previous_discount = $('.previous_discount');
                var paid_amount = $('.paid_amount');
                var trans_extra_discount = $('.trans_extra_discount');

                $(".trans_recieve").each(function(i) {
                    let recieve_value = parseFloat($(this).val());
                    let amount_value = parseFloat(trans_amount[i].value);
                    let selected_discount_value = parseFloat(trans_discount[i].value);
                    let extra_discount_value = parseFloat(trans_extra_discount[i].value);
                    let previous_discount_value = parseFloat(previous_discount[i].value);
                    let paid_amount_value = parseFloat(paid_amount[i].value);


                    $(this).val(amount_value - selected_discount_value - extra_discount_value -
                        paid_amount_value - previous_discount_value);

                    if (!isNaN(recieve_value)) {
                        total_trans_recieve += recieve_value;
                    }
                });
                $('#totalRecieve').val(total_trans_recieve.toFixed(2));
            }

            totalPayableRecieve();
            //total payable recieve function
            function totalPayableRecieve() {
                var total_payable_recieve = 0;
                var trans_recieve = $('.trans_recieve');
                var trans_due = $('.trans_due');
                $('.payableRecieve').each(function(i) {
                    let payable_recieve_value = parseFloat($(this).val());
                    let trans_recieve_value = parseFloat(trans_recieve[i].value);
                    // console.log(trans_due[i])

                    trans_due[i].value = trans_recieve_value - payable_recieve_value;
                    if (!isNaN(payable_recieve_value)) {
                        total_payable_recieve += payable_recieve_value;
                    }
                })

                $('#totalPaybleRecieve').val(total_payable_recieve.toFixed(2));
            }

            totalDue();

            function totalDue() {
                var total_due = 0;
                $('.trans_due').each(function() {
                    let due_value = parseFloat($(this).val());
                    if (!isNaN(due_value)) {
                        total_due += due_value;
                    }
                });
                $('#totalDue').val(total_due.toFixed(2));
            }



            $(document).on("input", ".trans_extra_discount", function() {
                calculateTransTotalDiscount();
                totalTransRecieve();
                totalDue();
                $("#extra_total_discount").val(calculateTransExtraTotalDiscount());
            });

            $(document).on('input', '.payableRecieve', function() {
                totalPayableRecieve();
                totalDue();
            })


            //    function totalAmount(){
            //     let total_amount=$("#totalAmount").val();
            //     let total_fine=$("#totalFine").val();
            //     total_amount=parseFloat(total_amount)+parseFloat(total_fine);
            //     $("#totalAmount").val(total_amount);
            //     // console.log(total_amount)
            //    }
            //    totalAmount();


        });
    </script>
@endpush