@php
    if (is_array($data)) {
        $data = (object) $data;
    }
@endphp

<div id="is_unofficial">

    @include('admin.partials.unofficial_buttons')

</div>
@push('include-js')
    <script>
        var official_unofficial_on = false;
        var sub_type = '{{$data->sub_type}}';
        let voucher_type = "{{$data->type}}";

        let is_user_official_allowed = "{{ userAllowedUnofficial() ? 1 : 0 }}";

        hideOfficialUnofficialButtons();



        function getOfficialUnofficialRadioButton(branch_id = 0, setting_name = '', setValue = null) {
            let showUI = 1
            let product_request = 0;
              official_unofficial_on = false;

            let is_unofficial_enaled = 0;

            hideOfficialUnofficialButtons();

            if(is_user_official_allowed == 0){
                return false;
            }

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: 'POST',
                dataType: 'json',
                url: "{{ route('get-branch-settings') }}",
                data: {
                    branch_id: branch_id,
                    setting_name: setting_name
                },
                success: function(data) {
                    animate();
                    @if (Request::is('multiple-receipts-issue'))
                        showUI = 0;
                    @endif
                    @if (Request::is('product') || Request::is('product/*'))
                        product_request = 1;
                    @endif

                    official_unofficial_on = data.branch_settings == 'on';
                    
                    htmlProduct = '';
                    htmlRadioButtons = '';
                    /* Radio Button UI */
                    if (official_unofficial_on) {

                        let is_official     =   (Number(setValue) == 1 ||  setValue == '' ||  setValue == null );
                        let is_unofficial   =   setValue == 0 

                        if(is_official){
                            $('#official_unofficial_buttons_div #check_yes').prop('checked',true);
                        }
                        if(is_unofficial){
                            $('#official_unofficial_buttons_div #check_no').prop('checked',true);
                        }
                       
                        htmlProduct = `
                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line focused">
                                            <input value="{{ $data->rate_per_size_unofficial }}" onkeyup="setProductFixedAmountUnofficial('rate_per_size_unofficial')" name="rate_per_size_unofficial" id="rate_per_size_unofficial" step="0.01" type="number" class="form-control" >
                                            <label class="form-label">${_lang('lang.sale_price_unoff')}(<span class="rate_in">${_lang('lang.sq_feet')}</span>)</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line focused">
                                            <input value="{{ $data->cost_per_size_unofficial }}" onkeyup="setProductCostFixedAmounts('cost_per_size')" id="cost_per_size_unofficial" name="cost_per_size_unofficial" id="rate_per_size" step="0.01" type="number" class="form-control"  >
                                            <label class="form-label">${_lang('lang.cost_price_unoff')}(<span class="rate_in">${_lang('lang.sq_feet')}</span>)</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line focused">
                                            <input value="{{ $data->fixed_amount_official  }}" name="fixed_amount_official" id="fixed_amount_official" step="0.01" type="number" class="form-control" onkeyup="setRatePerSizeOfficial('rate_per_size_official')">
                                            <label class="form-label">${_lang('lang.fixed_amount_official')}(<span class="rate_in">${_lang('lang.sq_feet')}</span>)</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                    <div class="form-group form-float">
                                        <div class="form-line focused">
                                            <input value="{{ $data->fixed_amount_unofficial }}" name="fixed_amount_unofficial" id="fixed_amount_unofficial" step="0.01" type="number" class="form-control" onkeyup="setRatePerSizeUnOfficial('rate_per_size_unofficial')">
                                            <label class="form-label" style="font-size: 11.9px">${_lang('lang.fixed_amount_unofficial')}(<span class="rate_in">${_lang('lang.sq_feet')}</span>)</label>
                                        </div>
                                    </div>
                                </div>`;
                    }


                    $('.line_break_unofficial').empty();
                    $('#official_unoffial_product').empty();                    

                    if(showUI==1 && official_unofficial_on){

                        $('.official_unofficial_amount_label').hide();

                        if(product_request == 1){
                            /* Append inputs */
                            $('.official_unofficial_amount_label').show();
                            $('#official_unoffial_product').append(htmlProduct);
                            $('.line_break_unofficial').append(`<div class="col-lg-12 col-md-12 col-sm-12 col-xs-24"> </div>`);
                            setProductUnit();
                            setTotalAmountsLabels();
                                // This Function Exists in product.js to change product unit
                        }
                        else{
                            /* Append radio buttons */
                            showOfficialUnofficialButtons();       
                        }
                    }        
                    animateStop();

                    general_pv_unofficial = 0;
                    general_jv_unofficial = 0;
                    general_rv_unofficial = 0;

                    if(setting_name == 'is_unofficial_payment_vouchers' && sub_type == 'general'){
                        general_pv_unofficial = 1
                    }
                    if(setting_name == 'is_unofficial_journal_vouchers'){
                        general_jv_unofficial = 1
                    }
                    if(setting_name == 'is_unofficial_receipts'){
                        general_rv_unofficial = 1
                    }

                    @if (isset($data->is_official))
                        if(setting_name != 'is_unofficial_rebate' && setting_name != 'is_unofficial_good_receiving_notes' && !general_pv_unofficial && !general_jv_unofficial && !general_rv_unofficial){
                            $("input[name=is_official]:not([value=" + @php echo $data->is_official @endphp + "])").prop("disabled", true);
                        }
                    @endif
                    
                    $.ajax({
                        type        : 'POST',
                        dataType    : 'json',
                        url         : "{{ route('get-branch-settings') }}",
                        data        : {
                            branch_id: branch_id,
                            setting_name: 'is_unofficial_schedule'
                        },
                        success: function(data) {

                            if(data?.branch_settings === 'on' && setting_name=='is_unofficial_receipts' && official_unofficial_on){
                                
                                if($('#official_unofficial_buttons_div').is(':visible')){
                                    $("input[name=is_official]:not([value=" + @php echo $data->is_official @endphp + "])").prop("disabled", false);
                                }
                            }
                        }
                    });

                }
            });

            
        }

        function showOfficialUnofficialButtons(){

            $('#official_unofficial_buttons_div').show();
            $('#official_unofficial_buttons_div').find('input').attr('disabled',false);
            $('#official_unofficial_buttons_div').find('select').attr('disabled',false);
        }
        function hideOfficialUnofficialButtons(){

            $('#official_unofficial_buttons_div').hide();
            $('#official_unofficial_buttons_div').find('input').attr('disabled',true);
            $('#official_unofficial_buttons_div').find('select').attr('disabled',true);
        }

        $('#check_yes ,#check_no').change(function(){
            onChangeOfficialUnofficial();
        })


        function onChangeOfficialUnofficial() {
            if (typeof getHeads === 'function') {
                // getHeads();
            }
            if(voucher_type == "journal_vouchers")
            {
                getBranches();
               
            }
        }

        let  setting_name = 'is_unofficial_' + "@php echo $data->type @endphp";

        $(document).on('ready', function() {
            console.log('official unofficial ready');

            if(voucher_type != "journal_vouchers")
            {
                $('[name$="branch_id"],[name^="branch_id"]').on('change', function() {

                    setting_name = setting_name ? setting_name :   'is_unofficial_' + $(this).attr('data-type');
                    getOfficialUnofficialRadioButton($(this).val(),setting_name, null, 0);
                });
            }
        });
        @if (isset($data) && !empty($data->branch_id))
            console.log('official unofficial sending data');


            getOfficialUnofficialRadioButton(@php echo $data->branch_id @endphp, setting_name, @php echo $data->is_official ?? null @endphp);
           
        @endif
    </script>
@endpush