@if ($item)
    <form action="{{ route('salary_payment.store') }}" method="post" id="ajax_form">
        <input type="hidden" name="employee_id" value="{{ $item->employee_id }}">
        <input type="hidden" name="payroll_id" value="{{ $item->id }}">
        <input type="hidden" name="month" value="{{ $month }}">
        <input type="hidden" name="year" value="{{ $item->year }}">

        @php
            $total_payment = $item->salaryPaymentByMonth($month)->sum('payment');
            $amount = $item->net_salary - $total_payment;
        @endphp
        <input type="hidden" name="amount" value="{{ $amount }}">
        <div class="row">
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">Payment Amount</label>
                    <input class="form-control" type="text" value="{{ number_format($item->total_payment, 2) }}"
                        disabled />
                </div>
            </div>
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">Deduction Amount</label>
                    <input class="form-control" type="text" value="{{ number_format($item->total_deduction, 2) }}"
                        disabled />
                </div>
            </div>
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">Total Amount</label>
                    <input class="form-control" type="text" value="{{ number_format($item->total_salary, 2) }}"
                        disabled />
                </div>
            </div>
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">Adjustment Amount</label>
                    <input class="form-control" type="text" value="{{ number_format($item->adjustment, 2) }}"
                        disabled />
                </div>
            </div>
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">Net Amount</label>
                    <input class="form-control" type="text" value="{{ number_format($item->net_salary, 2) }}"
                        disabled />
                </div>
            </div>
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">Paid Amount</label>
                    <input class="form-control" type="text" value="{{ number_format($total_payment, 2) }}"
                        disabled />
                </div>
            </div>
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">Due Amount</label>
                    <input class="form-control" type="text" value="{{ number_format($amount, 2) }}"
                        disabled />
                </div>
            </div>
            @if ($amount>0)
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label"> Payment Account</label>
                    <select class="form-control" name="account_id">
                        @foreach ($accounts as $account)
                            <option value="{{ $account->id }}">{{ $account->account_name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">Paid Amount</label>
                    <input class="form-control" type="number" name="payment" max="{{ $amount }}"/>
                </div>
            </div>
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">TrxID</label>
                    <input class="form-control" type="text" name="tansection_no" />
                </div>
            </div>
            <div class="col-md-3">
                <div class="mb-3">
                    <label class="col-form-label">Date</label>
                    <input class="form-control" type="date" name="date" />
                </div>
            </div>
            <div class="col-md-6">
                <div class="mb-3">
                    <label class="col-form-label">Note</label>
                    <input class="form-control" type="text" name="note" />
                </div>
            </div>
            <hr>
            <div class="float-right">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
            @endif
        </div>
    </form>
@else
    <div class="row">
        <div class="col-md-12">
            <h3 align="center">Data No found in this condition</h3>
        </div>
@endif