@extends('app-new')

@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Cooperative Loan + Thrift Fund Settlement</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url($alias.'/cooperative-thrift-settlements') }}">Settlements</a></li>
                    <li class="breadcrumb-item active">Settlement</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<section id="basic-form-layouts">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Cooperative Loan + Thrift Fund Settlement</h4>
                </div>
                <div class="card-body">
                    @if(!$employee)
                    <div class="alert alert-warning py-1 px-2">No employee specified. Open this page from the employee's Cooperative Loan or Thrift Fund view.</div>
                    @else
                    <form id="settlement-form">
                        {{ csrf_field() }}
                        <input type="hidden" id="employee_id" name="employee_id" value="{{ $employee->id }}">
                        <div class="row">
                            <div class="col-md-6 mb-1">
                                <label class="form-label">Employee</label>
                                <input type="text" class="form-control" value="{{ $employee->name }} ({{ $employee->employee_code }})" readonly>
                            </div>
                        </div>

                        <div id="preview-section" style="display:none;">
                            <hr class="mb-2">
                            <div class="row">
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">No. of Shares</label>
                                    <input type="text" class="form-control" id="share_count" readonly>
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Share Price</label>
                                    <input type="text" class="form-control" id="share_price" readonly>
                                </div>
                                <div class="col-md-4 mb-1">
                                    <label class="form-label">Share Amount</label>
                                    <input type="text" class="form-control" id="share_amount" readonly>
                                </div>

                                <div class="col-md-6 mb-1">
                                    <label class="form-label">Thrift Fund Closing Balance</label>
                                    <input type="text" class="form-control" id="thrift_closing_balance" readonly>
                                </div>
                                <div class="col-md-6 mb-1">
                                    <label class="form-label">Loan Outstanding + Interest Due</label>
                                    <input type="text" class="form-control" id="loan_total_due" readonly>
                                </div>

                                <div class="col-md-6 mb-1">
                                    <label class="form-label fw-bold" id="payable_amount_label">Final Payable Amount</label>
                                    <input type="text" class="form-control fw-bold" id="payable_amount" readonly>
                                </div>

                                <div class="col-md-6 mb-1">
                                    <label class="form-label" for="remarks">Remarks <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="remarks" name="remarks" placeholder="Remarks">
                                    <span class="text-danger" id="err-remarks"></span>
                                </div>
                            </div>

                            <div class="alert alert-warning py-1 px-2">This will force-close the active Cooperative Loan (if any), close the active Thrift Fund (if any), and reset the employee's shares to 0. This action cannot be undone.</div>
                        </div>

                        <div class="form-actions mt-2">
                            <button type="button" id="submit-settlement" class="btn btn-primary" disabled>Settle</button>
                        </div>
                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@if($employee)
@push('footer-script')
<script>
var previewUrl = "{!! route('cooperativethriftsettlement.preview', ['alias' => $alias]) !!}";
var storeUrl = "{!! route('cooperativethriftsettlement.store', ['alias' => $alias]) !!}";
var returnUrl = "{{ request('from') === 'thrift' ? url($alias.'/thrift-funds') : (request('from') === 'loan' ? url($alias.'/cooperative-loans') : url($alias.'/cooperative-thrift-settlements')) }}";

function resetPreview() {
    $('#preview-section').hide();
    $('#submit-settlement').prop('disabled', true);
    $('#share_count, #share_price, #share_amount, #thrift_closing_balance, #loan_total_due, #payable_amount').val('');
}

function loadPreview() {
    var employeeId = $('#employee_id').val();

    if (!employeeId) {
        resetPreview();
        return;
    }

    $.ajax({
        url: previewUrl,
        type: 'POST',
        data: {
            _token: "{{ csrf_token() }}",
            employee_id: employeeId
        },
        success: function (res) {
            $('#share_count').val(res.share_count);
            $('#share_price').val(res.share_price);
            $('#share_amount').val(res.share_amount);
            $('#thrift_closing_balance').val(res.thrift_closing_balance);
            $('#loan_total_due').val((parseFloat(res.loan_outstanding_amount) + parseFloat(res.loan_interest_backlog_amount)).toFixed(2));

            var payableAmount = parseFloat(res.payable_amount);
            $('#payable_amount').val(Math.abs(payableAmount).toFixed(2));
            $('#payable_amount_label').text(payableAmount < 0 ? 'Amount Recoverable From Employee' : 'Final Payable Amount');
            $('#payable_amount').removeClass('text-success text-danger').addClass(payableAmount < 0 ? 'text-danger' : 'text-success');

            $('#preview-section').show();
            $('#submit-settlement').prop('disabled', false);
        },
        error: function (xhr) {
            resetPreview();
            Swal.fire({
                title: 'Error!',
                text: (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Unable to calculate settlement preview',
                icon: 'warning',
                confirmButtonColor: '#DD6B55'
            });
        }
    });
}

$(function () {
    loadPreview();

    $('#submit-settlement').on('click', function () {
        $('.text-danger').text('');

        if (!$('#remarks').val().trim()) {
            $('#err-remarks').text('Remarks is required.');
            return;
        }

        Swal.fire({
            title: "@lang('messages.sweetAlertTitle')",
            text: 'This will settle and close the loan/thrift fund and reset shares for this employee. This cannot be undone. Continue?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#DD6B55',
            confirmButtonText: 'Yes, settle it',
            cancelButtonText: 'Cancel'
        }).then(function (result) {
            if (!result.isConfirmed) {
                return;
            }

            $.ajax({
                url: storeUrl,
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}",
                    employee_id: $('#employee_id').val(),
                    remarks: $('#remarks').val()
                },
                success: function (res) {
                    if (res.status === 'fail') {
                        Swal.fire({ title: 'Error!', text: res.message || 'Unable to complete settlement', icon: 'warning', confirmButtonColor: '#DD6B55' });
                        return;
                    }

                    Swal.fire({
                        title: 'Success',
                        text: res.message || 'Settlement completed successfully',
                        icon: 'success',
                        confirmButtonColor: '#00c292',
                        confirmButtonText: 'Ok'
                    }).then(function () {
                        window.location.href = returnUrl;
                    });
                },
                error: function (xhr) {
                    if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                        $.each(xhr.responseJSON.errors, function (field, messages) {
                            $('#err-' + field).text(messages[0]);
                        });
                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Unable to complete settlement',
                            icon: 'warning',
                            confirmButtonColor: '#DD6B55'
                        });
                    }
                }
            });
        });
    });
});
</script>
@endpush
@endif