@php
    use Carbon\Carbon;
@endphp
@extends('layouts.master')

@section('title', __('accounting.eduself_manage_salary_invoice_title'))

@section('content_title', __('accounting.pay_salary'))

@section('content_summary', 'accounting summary')

@section('content_taskbar')
    <li class="nav-item">
        <a href="{{ route('accounting.salary_invoice.index') }}" class="nav-link">
            <i class="nav-link-icon pe-7s-plus"></i>
            <span>{{ __('core.view') }}</span>
        </a>
    </li>
@endsection

@section('main_content')
    <div class="main-card mb-3">
        <div class="card mb-3">
            <div class="card-body">
                <div class="card-title">{{ __('accounting.pay_salary') }}</div>
                <form method="post" action="{{ route('accounting.salary_invoice.single_pay', [$salary_invoice->id]) }}"
                    id="salary_invoice_form">
                    @php
                        $paid_amounts = 0;
                        $bonus_paid = 0;
                        if ($salary_invoice->salary_transaction && count($salary_invoice->salary_transaction) > 0) {
                            foreach ($salary_invoice->salary_transaction as $key => $value) {
                                $paid_amounts += $value->amount + $value->bonus_amount;
                                $bonus_paid += $value->bonus_amount;
                            }
                        }
                    @endphp
                    <input type="hidden" name="business_id" value="{{ $salary_invoice->business_id }}">
                    <input type="hidden" name="total_amount"
                        value="{{ $salary_invoice->amount + $salary_invoice->total_bonus - $paid_amounts }}">
                    <div class="row">
                        <div class="d-flex col-12 gap-3">
                            <input type="hidden" id="business_id" value="{{ $salary_invoice->business_id }}">
                            <div class="flex-fill mb-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="flex-fill mb-3">
                                <label for="payment_method" class="form-label">{{ __('accounting.payment_account') }} :
                                    *
                                </label>
                                <select name="payment_method" class="form-select form-control" id="payment_method" required>
                                    {{-- 1-cash, 2-card, 3-cheque, 4-bank_transfer, 5-other --}}
                                    <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="flex-fill mb-3">
                                <label for="" class="form-label">{{ __('core.username') }}</label>
                                <input type="text" class="form-control" name="username" readonly
                                    value="{{ $salary_invoice->user->username }}">
                            </div>
                            @php
                                $salary = 0;
                                if (floatval($salary_invoice->amount) > $paid_amounts) {
                                    $salary -= $paid_amounts;
                                }
                            @endphp
                            <div class="flex-fill mb-3">
                                <label for="" class="form-label">{{ __('accounting.monthly_salary') }}</label>
                                <input type="hidden" class="form-control amount" id="totalAmount" name="amount"
                                    value="{{ $salary }}" readonly="">
                                <input type="number" class="form-control " id="totalAmount" name="amount"
                                    value="{{ $salary_invoice->amount }}" readonly="">
                            </div>
                            <div class="flex-fill mb-3">
                                <label for="" class="form-label">{{ __('accounting.salary_month') }}</label>
                                <input type="month" class="form-control" readonly name="salary_invoice_date"
                                    value="{{ Carbon::parse($salary_invoice->salary_invoice_date)->format('Y-m') }}">
                            </div>
                        </div>
                        <div class="col-12">
                            <table class="table table-hover  table-bordered">
                                <thead>
                                    <tr>
                                        <th>{{ __('accounting.bonus') }}</th>
                                        <th>{{ __('accounting.extra_bonus') }}</th>
                                        <th>{{ __('accounting.bonus_due') }}</th>
                                        <th>{{ __('accounting.bonus_pay') }}</th>
                                    </tr>
                                </thead>
                                <tbody class="parent_div">
                                    @if (count($salary_invoice->salary_invoice_details) > 0)
                                        @foreach ($salary_invoice->salary_invoice_details as $key => $value)
                                            <tr>
                                                <td>
                                                    <input type="hidden" class="salary_invoice_details_id"
                                                        name="salary_invoice_details_id[]" value="{{ $value['id'] }}">
                                                    <select class="form-select bonus_id" name="bonus_id[]" id="bonus_id">
                                                        <option value="{{ $value->bonus_id }}">
                                                            {{ $value->bonus->bonus_name }}
                                                        </option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control extra_bonus"
                                                        name="extra_bonus[]" readonly value="{{ $value->extra_bonus }}"
                                                        placeholder="Extra bonus">
                                                </td>
                                                @php
                                                    $max_bonus_due = 0;
                                                    if ($value->bonus->bonus_type == 2) {
                                                        $max_bonus_due =
                                                            $salary_invoice->amount *
                                                                ($value->bonus->bonus_amount / 100) +
                                                            $value->extra_bonus -
                                                            $value->paid;
                                                    } else {
                                                        $max_bonus_due =
                                                            $value->bonus->bonus_amount +
                                                            $value->extra_bonus -
                                                            $value->paid;
                                                    }
                                                @endphp
                                                <td>
                                                    <input type="number" class="form-control bonus_due" name="bonus_due[]"
                                                        readonly min="0" max="{{ $max_bonus_due }}"
                                                        value="{{ $max_bonus_due }}">
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control bonus_paid"
                                                        name="bonus_paid[]" min="0" max="{{ $max_bonus_due }}"
                                                        value="0">
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>

                                            <td class="text-center" colspan="4">
                                                No bonus added
                                            </td>

                                        </tr>
                                    @endif

                                    {{-- <tr>

                                    <td>
                                        <select class="form-select bonus_id" name="bonus_id[]" id="bonus_id">
                                            <option selected>Please Select</option>
                                        </select>
                                    </td>
                                    <td>
                                        <input type="number" class="form-control extra_bonus" name="extra_bonus[]"
                                            placeholder="Extra bonus">
                                    </td>
                                    <td><button type="button" class="btn btn-primary btn-sm add_bonus">Add</button>
                                    </td>
                                </tr> --}}
                                </tbody>
                                <tfoot id="tableFooter" style="">
                                    <tr>
                                        <th>
                                            Total

                                        </th>

                                        <th>
                                            Total Bonus
                                            <input type="number" class="form-control total_bonus" id="totalDiscount"
                                                name="total_bonus" value="{{ $salary_invoice->total_bonus }}"
                                                readonly="">
                                        </th>
                                        <th>
                                            Total Due
                                            <input type="number"
                                                value="{{ $salary_invoice->amount + $salary_invoice->total_bonus - $paid_amounts }}"
                                                min="0"
                                                max="{{ $salary_invoice->amount + $salary_invoice->total_bonus - $paid_amounts }}"
                                                class="form-control total_due" id="totalRecieve" name="total_due"
                                                readonly="">
                                        </th>
                                        <th>
                                            Total Paid
                                            <input type="number" min="0"
                                                max="{{ $salary_invoice->amount + $salary_invoice->total_bonus - $paid_amounts }}"
                                                value="0" required class="form-control total_paid" id="totalRecieve"
                                                name="total_paid">
                                        </th>
                                    </tr>


                                </tfoot>
                            </table>
                        </div>
                        <div class="col-12 text-center">
                            <button class="btn btn-success" type="submit">{{ __('accounting.pay') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script>
        $(document).ready(function() {
            var businessId = $('#business_id').val();
            loadPaymentAccount(businessId);

            function loadPaymentAccount(businessId) {
                $.ajax({
                    method: 'GET',
                    url: "{{ route('accounting.payment_fee_schedules.load_payment_account') }}",
                    data: {
                        business_id: businessId
                    },
                    success: function(response) {
                        $('#payment_account_id').html(response.data);
                    },
                    error: function(error) {}
                });
            }


            $(".total_paid").on("input", function() {
                if (!$(this).val()) {
                    $(this).val(0);
                }
                let total_paid = parseFloat($(this).val());
                let totalAmount = parseFloat($(this).attr("max"));

                let total_due = totalAmount - total_paid;
                $(".total_due").val(total_due).trigger("input");
                let amount = parseFloat($(".amount").val());
                if (total_paid < totalAmount) {

                    if ($(".bonus_paid")) {
                        if (total_paid > amount) {
                            let left_amount = total_paid - amount; // Remaining amount to distribute

                            $(".bonus_paid").each(function() {
                                const $ele = $(this); // Current bonus_paid input
                                let bonus_max = parseFloat($ele.attr(
                                    "max")); // Max value for this input

                                if (left_amount > 0) {
                                    if (left_amount >= bonus_max) {
                                        // Fill this input completely to its max
                                        $ele.val(bonus_max).trigger("input");
                                        $ele.closest("tr").find(".bonus_due").val(0).trigger(
                                            "input");
                                        left_amount -=
                                            bonus_max; // Deduct the max value from left_amount
                                    } else {
                                        // Fill this input partially with the remaining left_amount
                                        $ele.val(left_amount).trigger("input");
                                        $ele.closest("tr").find(".bonus_due").val(bonus_max -
                                            left_amount).trigger("input");
                                        left_amount = 0; // No amount left to distribute
                                        return false; // Exit the loop
                                    }
                                } else {
                                    return false; // Exit the loop if left_amount is zero
                                }
                            });

                        } else {
                            $(".bonus_paid").each(function() {
                                const $ele = $(this); // Current bonus_paid input
                                let bonus_max = parseFloat($ele.attr(
                                    "max")); // Max value for
                                $ele.closest("tr").find(".bonus_due").val(bonus_max);
                            })
                            $(".bonus_paid").val("0");
                        }
                    }
                } else {
                    $(".bonus_paid").each(function() {
                        $(this).val($(this).attr('max')).trigger("input");
                    })
                    $(".bonus_due").val(0);
                }


            })

            $(".bonus_paid").on("input", function() {
                if (!$(this).val()) {
                    $(this).val(0)
                }
                if (parseFloat($(this).val()) <= parseFloat($(this).attr("max"))) {
                    $(this).closest("tr").find(".bonus_due").val(parseFloat($(this).attr("max")) -
                        parseFloat($(
                            this).val())).trigger('input');
                    $(".bonus_paid").not($(this)).each(function() {
                        $(this).closest("tr").find(".bonus_due").val(parseFloat($(this).attr(
                            "max")) - parseFloat($(this).val() || 0));
                    });
                    let total_bonus = 0;

                    $(".bonus_paid").each(function() {
                        total_bonus += parseFloat($(this).val() || 0);
                    })
                    $(".total_paid").val(parseFloat($(".amount")
                        .val()) + total_bonus)
                    let total_paid = parseFloat($(".total_paid").val());
                    let totalAmount = parseFloat($(".total_due").attr("max"));

                    let total_due = totalAmount - total_paid;

                    $(".total_due").val(total_due).trigger("input");
                }
            })




            $(document).on('submit', 'form#salary_invoice_form', function(e) {
                e.preventDefault();
                $(this).find('button[type="submit"]').attr('disabled', false);
                var data = $(this).serialize();

                $.ajax({
                    method: $(this).attr('method'),
                    url: $(this).attr("action"),
                    dataType: "json",
                    data: data,
                    success: function(result) {
                        if (result.success == true) {
                            $("#salary_invoice_form").parent().closest('.modal').modal("hide");
                            toastr.success(result.msg);

                        } else {
                            toastr.error(result.msg);
                            if (result.details) {
                                if (result.details.salary_invoice_name) {
                                    document.getElementById("salary_invoice_name_msg")
                                        .innerText = result
                                        .details.salary_invoice_name[0];
                                } else {
                                    document.getElementById("salary_invoice_name_msg")
                                        .innerText = '';
                                }
                            }
                        }
                        window.location.href =
                            "{{ route('accounting.salary_invoice.index') }}";
                    },
                    error: function(response) {
                        // Clear previous error messages
                        $("#salary_invoice_form").find('.text-danger').remove();

                        if (response.status === 422) {
                            // Validation errors
                            var errors = response.responseJSON.errors;
                            for (var field in errors) {
                                // Find the input field and add the error message
                                let key = field;
                                let parts = key.split('.');
                                let input_name = parts[0]; // "input field name value"
                                let index = parts[1];
                                if (index) {
                                    var $input = $('[name="' + input_name + '[]"]')[index];
                                    let span = document.createElement("span");
                                    span.classList.add("text-danger");
                                    span.innerText = errors[field][0];
                                    $input.parentElement.appendChild(span);
                                } else {
                                    var $input = $('[name="' + field + '"]');
                                    let span = document.createElement("span");
                                    span.classList.add("text-danger");
                                    span.innerText = errors[field][0];
                                    $input[0].parentElement.appendChild(span);
                                }
                                toastr.error(errors[field][0]);

                            }
                        } else {
                            toastr.error('An unexpected error occurred.');
                        }

                        // Re-enable submit button
                    }
                });
            });


        })
    </script>
@endpush