@extends('admin.layouts.main')

@section('title')
Company Detail
@endsection

@section('content')
    <main>
        <div class="two-col">

            @include("admin.common.sidebar")

            <div class="right-sec" id="app2">
            </div>
        </div>
    </main>

    @include('payroll::company_payroll.modules.modals.team_client_contact', ['reloadOnSubmit' => true])
    @include('payroll::company_payroll.modules.modals.payroll_admin', ['reloadOnSubmit' => true])
    @include('payroll::company_payroll.modules.modals.store_departments', ['reloadOnSubmit' => true])
    @include('payroll::company_payroll.modules.modals.store_branches', ['reloadOnSubmit' => true])
    @include('payroll::company_payroll.modules.modals.common_confirmation_modal', ['reloadOnSubmit' => true])
    @include('payroll::company_payroll.modules.modals.store_earning_deduction', ['reloadOnSubmit' => true])
    @include('payroll::company_payroll.modules.modals.store_leaves_quota', ['reloadOnSubmit' => true])
    @include('payroll::company_payroll.modules.modals.store_leave_allocation_quota')
@endsection

@push('pageJs')
@routes
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="{{ asset('js/vendor/select2.customSelectionAdapter.js') }}"></script>
<script>
	var panel = "{{ Session::get('panel') }}";
    var companyId = "{{$companyDetail->id}}";
    var franchiseCurrency = "{{ $franchiseCurrency }}"
    var currencyCode = "{{$companyDetail->countries->currency_code}}";
    var payrollStartDate = "{{ isset($payrollSetup) ? $payrollSetup->start_date : null }}";

    var payrollAdminIndexUrl = "{{ route('admin.payroll.getPayrollAdminData', ['panel' => session('panel'), 'id' => ':id']) }}";
    var payrollApproverIndexUrl = '{{ route("admin.payroll.getPayrollApproverData", ["panel" => session("panel"), "id" => ":id"]) }}';
    var lineOfBusinessGetDataIndexUrl = '{{ route("admin.payroll.lineOfBusinessGetData", ["panel" => session("panel"), "id" => ":id"]) }}';
    var getBranchDataIndexUrl = '{{ route("admin.payroll.getBranchData", ["panel" => session("panel"), "id" => ":id"]) }}';
    var getSearchJsonIndexUrl = '{{route("common.get_search_json")}}';
    var getDepartmentDataIndexUrl = '{{ route("admin.payroll.getDepartmentData", ["panel" => session("panel"), "id" => ":id"]) }}';
    var externalContactIndexUrl = '{{ route("admin.payroll.clientAdminContactList", ["panel" => session("panel")]) }}';
    var internalUserIndexUrl = '{{ route("admin.payroll.clientContactList", ["panel" => session("panel")]) }}';

    $(document).ready(function() {
        var CustomSelectionAdapter = $.fn.select2.amd.require(
            "select2/selection/customSelectionAdapter"
        );

        $(".select-two-with-locked-options").each(function() {
            if (!$(this).hasClass("select-two-tree")) {
                let element = $(this);
                initSelect2WithLockedOptions(element);
            }
        });
        @if(Route::getCurrentRoute()->getName() == "admin.companies.detail")
            setTimeout(() => {
                getClientContactData();
                getPayrollAdminData();
                getPayrollApproverData();
            }, 500)
        @endif

        /*Internal admin input value */
        $('.internal_frachise_contact').next().find('.select2-search__field').on('input', function() {
            var inputValue = $(this).val();
            clientContact(inputValue)
        });

        /*External admin input value*/
        $('.external_frachise_contact').next().find('.select2-search__field').on('input', function() {
            var inputValue = $(this).val();
            externalFrachiseContact(inputValue)

        });

        /*Internal approvar input value*/
        $('.approver_internal_frachise_contact').next().find('.select2-search__field').on('input', function() {
            var inputValue = $(this).val();
            clientContact(inputValue)
        });

        /*External approvar input value*/
        $('.approver_external_frachise_contact').next().find('.select2-search__field').on('input', function() {
            var inputValue = $(this).val();
            clientContact(inputValue)

        });

        $('.frachise_contact').next().find('.select2-search__field').on('input', function() {
            var inputValue = $(this).val();
            externalFrachiseContact(inputValue)
        });

        $('.approver_member_type').click(function(e) {
            const value = e.target.value
            // // Remove the last appended value

            $('#approver_member_type').val('');

            $('#approver_member_type').val($('#approver_member_type').val() + value);

            if (value == 'internal') {
                const data = $('#approver_external_frachise_contact').val()
                if (data.length > 0) {
                    $('#approver_external_frachise_contact').val('').trigger('change');
                }

                $('#approver-external-class').removeClass('d-block');
                $('#approver-external-class').addClass('d-none');
                $('#approver-internal-class').removeClass('d-none');
                $('#approver-internal-class').addClass('d-block');
            } else if (value == 'external') {

                $('#internal_frachise_contact').val('').trigger('change');

                $('#approver-internal-class').removeClass('d-block');
                $('#approver-internal-class').addClass('d-none');
                $('#approver-external-class').removeClass('d-none');
                $('#approver-external-class').addClass('d-block');
            }

        });

        $('.member_type').click(function(e) {
            const value = e.target.value

            $('#member_type').val('');

            $('#member_type').val($('#member_type').val() + value);

            if (value == 'internal') {

                const data = $('#external_frachise_contact').val()
                if (data.length > 0) {
                    $('#external_frachise_contact').val('').trigger('change');
                }

                $('#external-class').removeClass('d-block');
                $('#external-class').addClass('d-none');
                $('#internal-class').removeClass('d-none');
                $('#internal-class').addClass('d-block');
            } else if (value == 'external') {

                $('#internal_frachise_contact').val('').trigger('change');

                $('#internal-class').removeClass('d-block');
                $('#internal-class').addClass('d-none');
                $('#external-class').removeClass('d-none');
                $('#external-class').addClass('d-block');
            }

        });

        function initSelect2WithLockedOptions(element) {
            // console.log(element);
            let elementClass = element.nextAll(".list-unstyled");
            element
                .select2({
                    selectionAdapter: CustomSelectionAdapter,
                    selectionContainer: elementClass,
                    templateSelection: function(tag, container) {
                        if (tag.element.dataset.locked) {
                            $(container).addClass("locked-tag");
                            tag.locked = true;
                        }
                        return tag.text;
                    },
                })
                .on("change.select2", function(e) {
                    if (element.val().length > 0) {
                        elementClass.show();
                    } else {
                        elementClass.attr("style", "display: none !important");
                    }
                })
                .on("select2:unselecting", function(e) {
                    if ($(e.params.args.data.element).data("locked")) {
                        e.preventDefault();
                    }
                });
            element.trigger("change");
        }

        function submitBtnEnable() {
            var client_contact = $('#client_contact').val();
            var payroll_admin = $('#payroll_admin').val();
            var payroll_approver = $('#payroll_approver').val();
        }
    });

    $(document).ready(function() {
        $(".numeric-val").numeric({
            allowMinus: false,
            allowDecSep: true,
            maxDecimalPlaces: 2,
            allowThouSep: false
        });
        $('#project_importance').numeric({
            allowMinus: false,
            allowDecSep: false,
            allowThouSep: false,
            min: 0,
            max: 10
        });
        $('#actualization').numeric({
            allowMinus: false,
            allowDecSep: false,
            allowThouSep: false,
            min: 0,
            max: 100
        });
        var myForm = $('#frmStructureAdd');
        $.data(myForm[0], 'validator').settings.ignore = "null";

        @if(Route::getCurrentRoute()->getName() == "admin.companies.detail")
            setTimeout(() => {
                lineOfBusinessGet()
                getDepartmentData()
                getBranchData()
                getIndustryList()

                /*Store line of business*/
                $('#lineOfBusinessSubmit').on('click', function() {
                    var business_company_id = $('#business_company_id').val();
                    var business_id = $('#business_id').val();
                    var csrfToken = $('meta[name="csrf-token"]').attr('content');

                    if (business_id != '') {

                        $('#lineOfBusinessSubmit').text('Please wait...');
                        $('#lineOfBusinessSubmit').attr('disabled', 'disabled');

                        $('#business-error').empty();
                        $.ajax({
                            url: '{{ route("admin.payroll.lineOfBusines", ["panel" => session("panel")]) }}',
                            method: 'POST',
                            headers: {
                                'X-CSRF-TOKEN': csrfToken
                            },
                            data: {
                                'business_company_id': business_company_id,
                                'business_id': business_id
                            },

                            success: function(response) {
                                // Handle the response from the server
                                $("#business_id").val('').trigger('change');
                                lineOfBusinessGet();
                                $('#lineOfBusinessSubmit').text('Save');
                                $('#lineOfBusinessSubmit').removeAttr('disabled');
                            },
                            error: function(xhr, status, error) {
                                // Handle errors
                            }
                        });
                    } else {
                        $('#business-error').empty();
                        $("#business-error").append('Please select line of business')
                        $('#lineOfBusinessSubmit').val('Save');
                        $('#lineOfBusinessSubmit').removeAttr('disabled');
                    }
                });
            }, 500)
        @endif


        function getIndustryList() {
            var getSearchJsonIndexUrl = window["getSearchJsonIndexUrl"];
            $("#business_id").select2({
                placeholder: "Select an option",
                ajax: {
                    delay: 250,
                    url: getSearchJsonIndexUrl,
                    dataType: "json",
                    data: function(params) {
                        var query = {
                            search: params.term,
                            companyIndustry: $("#frmBusinessAdd #business_id").val(),
                            type: "companyIndustry",
                            ids: lineOfBusinessIds,
                        };
                        return query;
                    },
                    processResults: function(response) {
                        return {
                            results: response,
                        };
                    },
                },
            });
        }
    });
</script>
<script src="{{ asset('js/vendor/jquery.alphanum.min.js')}}"></script>
<script src="{{ mix('js/payroll.js') }}"></script>
<script src="{{ asset('js/payroll-setup/team.js')}}"></script>
<script src="{{ asset('js/payroll-setup/structure.js')}}"></script>
@endpush