@php
    $currentScopeOfWork = null;
    $currentSalesItem = null;
    $currentSalesItemChild = null;
    if (request('sales_item_child_id')) {
        $salesItemChild = \App\Models\SalesItemAll::where('id', request('sales_item_child_id'))->with([
            'salesItem' => function($salesItem) {
                $salesItem->with('scopeOfWork');
            }
        ])->first();
        $currentScopeOfWork = $salesItemChild->salesItem->scopeOfWork->id;
        $currentSalesItem = $salesItemChild->salesItem->id;
        $currentSalesItemChild = $salesItemChild->id;
    }
@endphp

@push('crud_fields_scripts')
<script>

    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    const salesItemChild = urlParams.get('sales_item_child_id');
    var currentScopeOfWork = `{{$currentScopeOfWork}}`;
    var currentSalesItem = `{{$currentSalesItem}}`;
    var currentSalesItemChild = `{{$currentSalesItemChild}}`;

    if (salesItemChild) {
        $(`#scope-of-work-id`).val(currentScopeOfWork).trigger('change');
        getSalesItem(currentScopeOfWork, currentSalesItem, currentSalesItemChild);
        // getSalesItemChildren(currentSalesItem, currentSalesItemChild);
    }

    $(document).ready(function() {
        $("#scope-of-work-id").on('change', function() {
            scopeOfWorkId = document.getElementById("scope-of-work-id").value;
            if (scopeOfWorkId) {
                getSalesItem(scopeOfWorkId);
            }
        });

        $("#sales-item-id").on('change', function() {
            salesItemId = document.getElementById("sales-item-id").value;
            if (salesItemId) {
                getSalesItemChildren(salesItemId);
            }
        });
    });

    function getSalesItem(scopeOfWorkId, current=false, childrenId = false){
        let salesItemRoute = '{{route("ajax.sales.item.show", ":scopeOfWorkId")}}';
        salesItemRoute = salesItemRoute.replace(':scopeOfWorkId', scopeOfWorkId);

        $.ajax({
            url: salesItemRoute, 
            type: 'GET',
            data: {},
            success: function(res){
                $("#scope-of-work-id").val(scopeOfWorkId);
                $('#sales-item-id').empty();
                $('#sales-item-child-id').empty();
                if(res.tier_result.length>0) {
                    $('#sales-item-id').append(`<option value="" selected disabled>-</option>`); 
                    $('#sales-item-child-id').append(`<option value="" selected disabled>-</option>`); 
                    $.each(res.tier_result, function (index, value) {
                        $('#sales-item-id').append(`<option value="${value.id}" ${current==value.id ? 'selected': ''}>${value.title}</option>`);     
                    });
                } else {
                    var sel = document.getElementById("scope-of-work-id");
                    $('#sales-item-id').append(`<option value="" selected disabled>"${sel.options[sel.selectedIndex].text}" does not have Tier 2 Item</option>`); 
                    $('#sales-item-child-id').append(`<option value="" selected disabled>-</option>`); 

                }
                if (childrenId) {
                    getSalesItemChildren(current, childrenId);
                }
            }
        });
    }

    function getSalesItemChildren(salesItemId, current=false){
        let salesItemChildRoute = '{{route("ajax.sales.item.children.show", ":salesItemId")}}';
        salesItemChildRoute = salesItemChildRoute.replace(':salesItemId', salesItemId);

        $.ajax({
            url: salesItemChildRoute, 
            type: 'GET',
            data: {},
            success: function(res){
                $('#sales-item-child-id').empty();
                if(res.length>0) {
                    $('#sales-item-child-id').append(`<option value="" selected disabled>-</option>`); 
                    $.each(res, function (index, value) {
                        $('#sales-item-child-id').append(`<option value="${value.id}" ${current==value.id ? 'selected': ''}>${value.title}</option>`);     
                    });
                } else {
                    var sel = document.getElementById("sales-item-id");
                    $('#sales-item-child-id').append(`<option value="" selected disabled>"${sel.options[sel.selectedIndex].text}" does not have Tier 3 Item</option>`); 
                }
            }
        });
    }

</script>
@endpush