@extends('layouts.master')

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

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

@section('content_summary', __('accounting.manage_salary_summary'))

@section('content_taskbar')
<li class="nav-item">
    <a href="{{ route('accounting.salary_invoices.create') }}" class="nav-link">
        <i class="nav-link-icon pe-7s-plus"></i>
        <span>{{ __('core.add') }}</span>
    </a>
</li>
@endsection
@push('style')
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css">
@endpush

@section('main_content')
<div class="main-card mb-3">
    <div class="card mb-3">
        <div class="card-body">
            <h5 class="card-title">{{ __('core.filter') }}</h5>
            <div class="row">
                @if (auth()->user()->hasRole('Super Admin'))
                <div class="col-12 col-md-4 mb-3">
                    <label for="business" class="form-label">{{ __('core.business_name') }}</label>
                    <select name="business" id="business" class="form-select form-control select_business_id">
                        @foreach ($business_list as $key => $value)
                        <option value="{{ $key }}" {{ auth()->user()->business_id == $key ? 'selected' : '' }}>{{ $value }}
                        </option>
                        @endforeach
                    </select>
                </div>
                @else
                <input type="hidden" name="business_id" class="select_business_id" value="{{ auth()->user()->business_id }}">
                @endif

                <div class="col-12 col-md-4 mb-3">
                    <label for="" class="form-label">{{ __('core.employee_designation') }}</label>
                    <select class="form-select employee_designation_id" name="employee_designation_id" id="employee_designation_id">
                        @foreach ($employee_designation_list as $key => $value)
                        <option value="{{ $key }}">{{ $value }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-12 col-md-4 mb-3">
                    <label for="user_id" class="form-label">{{ __('core.username') }}</label>
                    <select multiple class="multiselect-dropdown form-select user_id" name="user_id[]" id="user_id">
                        <option value="">All Select</option>

                    </select>
                </div>
                <div class="col-12 col-md-12 mb-3">
                    <button class="btn btn-success" id="autoGenerateSalaryInvoice">Auto Generate Invoice</button>
                </div>

            </div>
        </div>
    </div>
    <div class="card mb-3">
        <div class="card-body">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#tab-eg10-0" class="mb-2 me-2 btn btn-shadow-primary btn-primary">{{ __('core.home') }}</a>
                </li>
                <li class="nav-item">
                    <a data-bs-toggle="tab" href="#tab-eg10-1" class="mb-2 me-2 btn btn-shadow-danger btn-danger">
                        {{ __('core.trash') }}
                        {{-- <span class="badge rounded-pill bg-danger">{{ $trashedCount }}</span> --}}
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab-eg10-0" role="tabpanel">

                    @include('accounting::salary_invoices.partials.salary_invoice_list')
                </div>
                <div class="tab-pane" id="tab-eg10-1" role="tabpanel">
                    @include('accounting::salary_invoices.partials.trash_list')
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('script')
<script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.colVis.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>

<script src="{{ asset('vendor/sweetalert2/dist/sweetalert2.min.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {

        var business_id = "{{ auth()->user()->business_id }}";
        var employee_designation_id = null;
        var employee_designation_list_data = null;
        var bonus_list_data = null;
        var user_id = null
        var datatable_data_parameter = {
            business_id
            , user_id
        }
        updateUserSelects(business_id);

        $(".select_business_id").on("change", function() {
            business_id = $(this).val();
            loadData({
                business_id
            });
            $("select, input").not("[name='business_id']").val('');
            updateDesignation(business_id);
            updateUserSelects(business_id, employee_designation_id)
        })
        $("#employee_designation_id").on("change", function() {
            if (!business_id) {
                toastr.error("Please Select Business first")
                return;
            }
            employee_designation_id = $(this).val();
            if (!employee_designation_id) {
                $("select, input").not("[name='business_id']").val('');
            }
            updateUserSelects(business_id, employee_designation_id)
        })


        $(".user_id").on("change", function() {
            user_id = $(this).val();
            let my_data = employee_designation_list_data.find(function(item) {
                return item.user_id == user_id;
            })

            datatable_data_parameter = {
                business_id
                , user_id
            }
            loadData();

        })

        function updateDesignation(business_id) {
            $.ajax({
                method: "get"
                , url: "{{ route('employees.employeeDesignationDropdown', ['business_id' => ':business_id']) }}"
                    .replace(":business_id", business_id)
                , success: function(response) {
                    let $select = $(".employee_designation_id")
                    updateDropdown($select, response, true);
                    loadData();
                }
                , error: function(error) {}
            })
        }

        function updateUserSelects(business_id, employee_designation_id) {
            $.ajax({
                method: "get"
                , url: "{{ route('employees.employeeByDesignationId', ['business_id' => ':business_id', 'employee_designation_id' => ':employee_designation_id']) }}"
                    .replace(':business_id', business_id).replace(':employee_designation_id'
                        , employee_designation_id), // Append the designation_id
                success: function(response) {
                    let data = JSON.parse(response);

                    let $select = $(".user_id")
                    $select.empty(); // Clear the existing options
                    $select.append($('<option></option>').attr('value', '').text(
                        'All Select')); // Add default option
                    employee_designation_list_data = data;

                    let user_id = [];
                    if (data && data.length > 0) {
                        data.map((item) => {
                            $select.append($('<option></option>').attr('value'
                                , item.user.id).text(
                                item.user.username));
                            user_id.push(item.user.id);
                        })
                    }
                    $select.trigger("change")


                    datatable_data_parameter = {
                        business_id
                        , user_id
                    }
                    loadData();

                }
                , error: function(error) {
                    console.error(error);

                    let $select = $(".user_id")
                    $select.empty(); // Clear the existing options
                    $select.append($('<option></option>').attr('value', '').text(
                        'Please Select'));
                    $select.trigger("change")

                }
            })
        }


        function updateDropdown($select, data, selected) {


            $select.empty(); // Clear the existing options
            // Add default option
            $select.append($('<option></option>').attr('value', '').text(
                'Please Select'));
            // Add the new options
            $.each(data, function(key, value) {
                $select.append($('<option></option>').attr('value', key).text(value));
            });

            if (selected) {
                // Select the last option
                $select.find('option:first').prop('selected', true);
            }
        }

        $(document).on("click", ".modal-triger", function() {
            let modal_selector = $(this).attr("data-bs-target");
            $(modal_selector).css("visibility", "hidden")
            $.ajax({
                method: 'GET'
                , url: $(this).attr('href')
                , success: function(response) {
                    $(modal_selector).modal().hide();
                    $(modal_selector).css("visibility", "")
                    $(modal_selector).html(response)
                    $(modal_selector).modal().show();

                }
                , error: function(response) {
                    // console.log(response);
                    $(modal_selector).html(
                        'Something Wrong, Please Try Again Later.');
                }
            });
        })

        $('#salary_invoice_table').DataTable({
            responsive: true
        });

        $('#salary_invoice_trash_table').DataTable({
            responsive: true
        });

        $(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);
                        loadData();
                    } 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 = '';
                            }
                        }
                    }
                }
                , 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
                }
            });
        });

        $(document).on('click', 'button.toggle_salary_invoice_button', function(e) {
            e.preventDefault();
            var data = $(this).serialize();
            data = {
                "_token": "{{ csrf_token() }}"
            }
            Swal.fire({
                // type: "warning",
                title: "{{ __('common.sure') }}"
                , text: "{{ __('common.confirm_update_status') }}"
                , icon: "warning"
            }).then((willUpdate) => {
                console.log(willUpdate)
                if (willUpdate.isConfirmed) {
                    $.ajax({
                        url: $(this).attr("data-href")
                        , method: "PUT"
                        , dataType: "json"
                        , data: data
                        , success: function(result) {
                            console.log(result)
                            if (result.success == true) {
                                toastr.success(result.msg);
                                loadData();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    });
                }
            })
        });

        // salary_invoices delete
        $(document).on('click', '.delete_salary_invoice_button', function() {
            var url = $(this).data('href');
            Swal.fire({
                title: "{{ __('common.sure') }}"
                , text: "{{ __('accounting.confirm_delete_salary_invoice') }}"
                , icon: 'warning'
                , buttons: true
                , dangerMode: true
            , }).then((willDelete) => {
                if (willDelete.isConfirmed) {
                    var href = url;
                    var data = $(this).serialize();
                    data = {
                        "_token": "{{ csrf_token() }}"
                    }
                    $.ajax({
                        method: 'DELETE'
                        , url: href
                        , dataType: 'json'
                        , data: data
                        , success: function(result) {
                            if (result.success == true) {
                                toastr.success(result.msg);
                                loadData();
                            } else {
                                Swal.fire({
                                    title: "{{ __('common.sure') }}"
                                    , text: result.msg
                                    , icon: 'warning'
                                    , buttons: true
                                    , dangerMode: true
                                , }).then((willDelete) => {
                                    if (willDelete.isConfirmed) {
                                        var href = url;
                                        var data = {
                                            delete: 'all'
                                        };

                                        $.ajax({
                                            method: 'DELETE'
                                            , url: href
                                            , dataType: 'json'
                                            , data: data
                                            , success: function(
                                                result) {
                                                if (result
                                                    .success ==
                                                    true) {
                                                    toastr
                                                        .success(
                                                            result
                                                            .msg
                                                        );
                                                    loadData();
                                                } else {
                                                    toastr
                                                        .error(
                                                            result
                                                            .msg
                                                        );
                                                }
                                            }
                                        , });
                                    }
                                })
                            }
                        }
                    , });
                }
            });
        });

        // delete trash
        $(document).on('click', '.force_delete_salary_invoice_button', function() {
            Swal.fire({
                title: "{{ __('common.sure') }}"
                , text: "{{ __('common.confirm_force_delete') }}"
                , icon: 'warning'
                , buttons: true
                , dangerMode: true
            , }).then((willDelete) => {
                if (willDelete.isConfirmed) {
                    var href = $(this).data('href');
                    var data = $(this).serialize();
                    data = {
                        "_token": "{{ csrf_token() }}"
                    }
                    $.ajax({
                        method: 'DELETE'
                        , url: href
                        , dataType: 'json'
                        , data: data
                        , success: function(result) {
                            if (result.success == true) {
                                toastr.success(result.msg);
                                loadData();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    , });
                }
            });
        });

        // restore
        $(document).on('click', '.restore_salary_invoice_button', function() {
            Swal.fire({
                title: "{{ __('common.sure') }}"
                , text: "{{ __('common.confirm_restore') }}"
                , icon: 'warning'
                , buttons: true
                , dangerMode: false
            , }).then((willRestore) => {
                if (willRestore.isConfirmed) {
                    var href = $(this).data('href');
                    var data = $(this).serialize();
                    data = {
                        "_token": "{{ csrf_token() }}"
                    }
                    $.ajax({
                        method: 'POST'
                        , url: href
                        , dataType: 'json'
                        , data: data
                        , success: function(result) {
                            if (result.success == true) {
                                toastr.success(result.msg);
                                loadData();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    , });
                }
            });
        });

        // Load data
        function loadData(data = datatable_data_parameter) {
            $.ajax({
                method: 'GET'
                , url: "{{ route('accounting.salary_invoices.index') }}"
                , data: data
                , success: function(response) {
                    // Destroy the existing DataTable instance
                    if ($.fn.DataTable.isDataTable('#salary_invoice_table')) {
                        $('#salary_invoice_table').DataTable().destroy();
                    }
                    if ($.fn.DataTable.isDataTable('#trash_salary_invoice_table')) {
                        $('#trash_salary_invoice_table').DataTable().destroy();
                    }

                    // Replace the table body with the new data
                    $('#salary-invoice-table-data').html(response.salaryInvoiceData);
                    $('#salary-invoice-trash-table-data').html(response.trashData);

                    // Reinitialize the DataTable
                    $('#salary_invoice_table').DataTable({
                        processing: true
                        , dom: 'Bfrtip', // Enables buttons above the table
                        buttons: [{
                                extend: 'colvis'
                                , text: 'Column Visibility', // Text for the column visibility button
                                columns: ':gt(0)', // Enable visibility toggle for columns except the first one
                                action: function(e, dt, button, config) {
                                    // Perform the default colvis action
                                    $.fn.dataTable.ext.buttons.collection.action
                                        .call(this, e, dt, button, config);

                                    // Find and style the dt-button-background div
                                    $('div.dt-button-background').css({
                                        'background': 'rgba(0, 0, 0, 0)', // Light red with transparency
                                        'z-index': '2000' // Higher z-index
                                    });
                                }
                            }
                            , {
                                extend: 'print'
                                , text: 'Print Table', // Text for the print button
                                exportOptions: {
                                    columns: ':visible:not(:last-child)',
                                    format: {
                                         body: function (data, row, column, node) {
                                             const exportText = $(node).find('.export-status').text().trim();
                                             return exportText || $(node).text().trim();
                                         }
                                     }
                                }
                                , customize: function(win) {
                                    $(win.document.body).css('font-size'
                                        , '10pt'
                                    ); // Custom font size for the print view
                                    $(win.document.body).find('table')
                                        .addClass('compact')
                                        .css('font-size', 'inherit');
                                }
                            },
                                {
                                    extend: 'csv',
                                    text: 'Export',
                                    exportOptions: {
                                        columns: ':visible:not(:last-child)',
                                        format: {
                                             body: function (data, row, column, node) {
                                                 const exportText = $(node).find('.export-status').text().trim();
                                                 return exportText || $(node).text().trim();
                                             }
                                         }
                                    }
                                }
                        ]
                    });


                    $('#trash_salary_invoice_table').DataTable({
                        processing: true
                    , });
                }
                , error: function(response) {
                    console.log(response);
                }
            });
        }

        // Initial load
        loadData();

        $("#autoGenerateSalaryInvoice").on("click", function() {
            let custom_user_id = null;
            if (user_id) {
                custom_user_id = user_id;
            }
            autoGenerateSalaryInvoice({
                "business_id": business_id
                , "designation_id": employee_designation_id
                , "user_id": custom_user_id

            });
        })

        function autoGenerateSalaryInvoice(data) {
            $.ajax({
                method: "post"
                , url: "{{ route('accounting.salary_invoices.autoGenerateSalaryInvoice') }}"
                , data: data
                , success: function(response) {
                    console.log(response);
                }
                , error: function(error) {
                    console.log(error);
                }
            })
        }
    });

</script>
@endpush