@extends('layout.index')
@section('title', 'Farmer Data')

@section('content')

    <div class="col-sm-12">
        <div class="content-body">
            <section id="multiple-column-form">
                <div class="row justify-content-center">
                    <div class="col-sm-12">
                      <div class="tab-content" id="formTabsContent">
                        <div class="card m-1" style="border-radius:15px">
                            <div class="card-body custom_active" style="margin-bottom: -10px">
                                
                            
                                <div class="col-sm-12">
                                    <div class="row">
                                    <div class="col-sm-3">
                                        <h2 class="mt-1"> </h2>
                                    </div>
                                    
                                                                    
                                                                                                                    <!-- Cancel Button (Always visible) -->
                                                                                    <div class="col-sm-3 text-right">
                                                <a href="{{ url('farmer_escalation_data?page=' . $pageNo) }}" class="btn btn-danger waves-effect waves-float waves-light m-1 ">Cancel</a>
                                            </div>
                                                                                    
                                    </div>
                                </div>
                                
                                <div class="row mt-3">
                                    <div class="col-md-12">
                                        <div class="table-responsive" style="max-height: 300px; overflow-y: auto;">
                                            <table class="table table-striped table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th>Country Name</th>
                                                        <th>State Name</th>
                                                        <th>District Name</th>
                                                        <th>Block Name</th>
                                                        <th>Village Name</th>
                                                        <th>Brand Name</th>
                                                        <th>Program Name</th>
                                                        <th>Farmer Name</th>
                                                        <th>Contact Number</th>
                                                        <th>Age</th>
                                                        <th>Id Proof</th>
                                                        <th>Gender</th>
                                                        <th>Qualification</th>
                                                        <th>Marital Status</th>
                                                        <th class="text-left">Farmer Type</th>
                                                        <th class="text-left">Agriculture Irrigated</th>
                                                        <th class="text-left">Agriculture Flood Irrigated</th>
                                                        <th class="text-left">Agriculture Drip Sprinkler Irrigated</th>
                                                        <th class="text-left">Is Land Taken on Lease</th>
                                                        <th class="text-left">Agriculture Land Taken on Lease</th>
                                                        <th class="text-left">Is Land Given on Lease</th>
                                                        <th class="text-left">Agriculture Land Given on Lease</th>
                                                        <th class="text-left">Agriculture Rainfed</th>
                                                        <th class="text-left">Cotton Irrigated</th>
                                                        <th class="text-left">Cotton Flood Irrigated</th>
                                                        <th class="text-left">Cotton Drip Sprinkler Irrigated</th>
                                                        <th class="text-left">Is CottonLand Taken on Lease</th>
                                                        <th class="text-left">Cotton Land Taken on Lease Rainfed</th>
                                                        <th class="text-left">Cotton Land Taken on Lease Irrigated</th>
                                                        <th class="text-left">Is Cotton Land Given on Lease</th>
                                                        <th class="text-left">Cotton Land Given on Lease</th>
                                                        <th class="text-left">Cotton Rainfed</th>
                                                        <th class="text-left">Source of Irrigation</th>
                                                        <th class="text-left">Source of Irrigation Other</th>
                                                        <th class="text-left">Type of Soil</th>
                                                        <th class="text-left">Total Estimated Yield This Year</th>
                                                        <th class="text-left">Producer Group Name</th>
                                                        <th class="text-left">Producer Group Code</th>
                                                        
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <td>{{ $aData['countryName'] ?? '' }}</td>
                                                    <td>{{ $aData['stateName'] ?? '' }}</td>
                                                    <td>{{ $aData['districtName'] ?? '' }}</td>
                                                    <td>{{ $aData['blockName'] ?? '' }}</td>
                                                    <td>{{ $aData['villageName'] ?? '' }}</td>
                                                    <td>{{ $aBrandsNames[$aData['brand_id']] ?? '' }}</td>
                                                    <td>{{ $aProgramNames[$aData['program_id']] ?? '' }}</td>
                                                    <td>{{ $aData['name'] .' ('. $aData['code'].')' ?? '' }}</td>
                                                    <td>{{ $aData['contact_number'] ?? '' }}</td>
                                                    <td>{{ $aData['age'] ?? '' }}</td>
                                                    <td>{{ $aData['id_number'] ?? '' }}</td>
                                                    <td>{{ $aData['gender'] ?? '' }}</td>
                                                    <td>{{ $aData['qualification'] ?? '' }}</td>
                                                    <td>{{ $aData['marital_status'] ?? '' }}</td>
                                                    <td>{{ $aData['farmer_type'] ?? '' }}</td>
                                                    <td>{{ $aData['agriculture_irrigated'] ?? '' }}</td>
                                                    <td>{{ $aData['agriculture_flood_irrigated'] ?? '' }}</td>
                                                    <td>{{ $aData['agriculture_drip_sprinkler_irrigated'] ?? '' }}</td>
                                                    <td>{{ $aData['is_land_taken_on_lease'] ?? '' }}</td>
                                                    <td>{{ $aData['agriculture_taken_lease'] ?? '' }}</td>
                                                    <td>{{ $aData['is_land_given_on_lease'] ?? '' }}</td>
                                                    <td>{{ $aData['agriculture_given_lease'] ?? '' }}</td>
                                                    <td>{{ $aData['agriculture_rainfed'] ?? '' }}</td>
                                                    <td>{{ $aData['cotton_irrigated'] ?? '' }}</td>
                                                    <td>{{ $aData['cotton_flood_irrigated'] ?? '' }}</td>
                                                    <td>{{ $aData['cotton_drip_sprinkler_irrigated'] ?? '' }}</td>
                                                    <td>{{ $aData['is_cotton_land_taken_on_lease'] ?? '' }}</td>
                                                    <td>{{ $aData['cotton_taken_lease_rainfed'] ?? '' }}</td>
                                                    <td>{{ $aData['cotton_taken_lease_irrigated'] ?? '' }}</td>
                                                    <td>{{ $aData['is_cotton_land_given_on_lease'] ?? '' }}</td>
                                                    <td>{{ $aData['cotton_given_lease'] ?? '' }}</td>
                                                    <td>{{ $aData['cotton_rainfed'] ?? '' }}</td>
                                                    <td>{{ $aData['source_of_irrigation'] ?? '' }}</td>
                                                    <td>{{ $aData['source_of_irrigation_other'] ?? '' }}</td>
                                                    <td>{{ $aData['type_of_soil'] ?? '' }}</td>
                                                    <td>{{ $aData['total_estimated_yield_this_year'] ?? '' }}</td>
                                                    <td>{{ $aData['pgName'] ?? '' }}</td>
                                                    <td>{{ $aData['pgCode'] ?? '' }}</td>
                                                
                                                </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            
                            </div>
                        </div>
                       
                        </div>
                      
                    </div>
                </div>
            </section>
        </div>
       
    </div>

<div id="notebox" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Reject Note <span style="color:red;">*</span></h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body text-center">
                <textarea id="modalnote" name="modalnote" class="form-control"></textarea>
                <span id="modalnoteError" class="text-left" style="color: red;"></span>
                <br>
                <input type="button" name="notesubmit" value="Submit" class="btn btn-primary waves-effect waves-float waves-light" onclick="notesubmit()">
            </div>
            <!-- <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div> -->
        </div>
    </div>
</div>


<div class="col-sm-12" id="editable_farmer_section" style="display:none;">
    <div class="content-body">
        <section id="multiple-column-form">
            <div class="row justify-content-center">
                <div class="col-sm-12">
                    <div class="card m-1" style="border-radius:15px">
                        <div class="card-body custom_active">
                            <form id="edit_farmer_form">
                                <div class="row">
                                <input type="hidden" name="farmerId" id="farmerId" value="{{$aData['id']}}">
                                <input type="hidden" name="operation" id="operationActive" value="">
                                    <!-- @foreach($fields as $field => $label)
                                        <div class="form-group col-md-6">
                                            <label for="{{ $field }}"><strong>{{ $label }}</strong></label>

                                            {{-- Readonly Field --}}
                                            @if(in_array($field, $readonly_fields))
                                                @php
                                                    if ($field == 'brandName') {
                                                        $aData[$field] = !empty($aBrandsNames[$aData['brand_id']]) ? $aBrandsNames[$aData['brand_id']] : '';
                                                    }

                                                    if ($field == 'programName') {
                                                        $aData[$field] = !empty($aProgramNames[$aData['program_id']]) ? $aProgramNames[$aData['program_id']] : '';
                                                    }
                                                @endphp

                                                <input type="text" name="{{ $field }}" id="{{ $field }}" class="form-control" value="{{ $aData[$field] ?? '' }}" readonly>
                                         
                                            {{-- Dropdown Field --}}
                                            @elseif(array_key_exists($field, $dropdowns))
                                                <select name="{{ $field }}" id="{{ $field }}" class="form-control" required>
                                                    <option value="">-- Select --</option>
                                                    @foreach($dropdowns[$field] as $opt)
                                                        <option value="{{ $opt }}" {{ ($aData[$field] ?? '') == $opt ? 'selected' : '' }}>{{ $opt }}</option>
                                                    @endforeach
                                                </select>

                                            {{-- Radio Field --}}
                                            @elseif(in_array($field, $radio_fields))
                                                <div>
                                                    @foreach($radios as $val)
                                                        <label class="mr-3">
                                                            <input type="radio" name="{{ $field }}" value="{{ $val }}" {{ ($aData[$field] ?? '') == $val ? 'checked' : '' }} required> {{ $val }}
                                                        </label>
                                                    @endforeach
                                                </div>

                                            {{-- Numeric Field --}}
                                            @elseif(in_array($field, $numeric_fields))
                                                <input type="number" name="{{ $field }}" id="{{ $field }}" class="form-control" value="{{ $aData[$field] ?? '' }}" min="0" step="any">

                                            {{-- Default Text Field --}}
                                            @else
                                                <input type="text" name="{{ $field }}" id="{{ $field }}" class="form-control" value="{{ $aData[$field] ?? '' }}">
                                            @endif

                                            <span class="text-danger" id="error_{{ $field }}"></span>
                                        </div>
                                    @endforeach -->
                                    @foreach($fields as $field => $label)
                                    <div class="form-group col-md-6">
                                        
                                        <label for="{{ $field }}">
                                            <strong>{{ $label }}</strong>
                                            @if(!in_array($field, $noRequired))
                                                <span style="color:red;">*</span>
                                            @endif
                                        </label>

                                        {{-- Readonly Field --}}
                                        @if(in_array($field, $readonly_fields))
                                            @php
                                                if ($field == 'brandName') {
                                                    $aData[$field] = !empty($aBrandsNames[$aData['brand_id']] ?? '') ? $aBrandsNames[$aData['brand_id']] : '';
                                                }
                                                if ($field == 'programName') {
                                                    $aData[$field] = !empty($aProgramNames[$aData['program_id']] ?? '') ? $aProgramNames[$aData['program_id']] : '';
                                                }
                                            @endphp
                                            <input type="text" name="{{ $field }}" id="{{ $field }}" class="form-control" 
                                                value="{{ $aData[$field] ?? '' }}" readonly>

                                        {{-- Checkbox Field (multi-select) --}}
                                        @elseif(array_key_exists($field, $checkbox_fields ?? []))
                                            @php
                                                $inputArray = isset($aData[$field]) ? explode(',', $aData[$field]) : [];
                                                $selectedValues = array_map('trim', $inputArray);
                                            @endphp
                                            <div>
                                                @foreach($checkbox_fields[$field] as $opt)
                                                    <label class="mr-3">
                                                        <input type="checkbox" name="{{ $field }}[]" value="{{ $opt }}"
                                                       
                                                            {{ in_array($opt, $selectedValues) ? 'checked' : '' }}>
                                                        {{ $opt }}
                                                    </label>
                                                @endforeach
                                            </div>

                                        {{-- Dropdown Field --}}
                                        @elseif(array_key_exists($field, $dropdowns))
                                            <select name="{{ $field }}" id="{{ $field }}" class="form-control" required>
                                                <option value="">-- Select --</option>
                                                @foreach($dropdowns[$field] as $opt)
                                                    <option value="{{ $opt }}" {{ ($aData[$field] ?? '') == $opt ? 'selected' : '' }}>{{ $opt }}</option>
                                                @endforeach
                                            </select>

                                        {{-- Radio Field --}}
                                        @elseif(in_array($field, $radio_fields))
                                            <div>
                                                @foreach($radios as $val)
                                                    <label class="mr-3">
                                                        <input type="radio" name="{{ $field }}" value="{{ $val }}"
                                                            {{ ($aData[$field] ?? '') == $val ? 'checked' : '' }} required> {{ $val }}
                                                    </label>
                                                @endforeach
                                            </div>

                                        {{-- Numeric Field --}}
                                        @elseif(in_array($field, $numeric_fields))
                                            <input type="number" name="{{ $field }}" id="{{ $field }}" class="form-control" 
                                                value="{{ $aData[$field] ?? '' }}" min="0" step="any">

                                        {{-- Default Text Field --}}
                                        @else
                                            <input type="text" name="{{ $field }}" id="{{ $field }}" class="form-control" 
                                                value="{{ $aData[$field] ?? '' }}">
                                        @endif

                                        <span class="text-danger" id="error_{{ $field }}"></span>
                                    </div>
                                @endforeach


                                </div>

                                <div class="text-right mt-2">
                                    <button type="button" class="btn btn-success" onclick="submit_edit_form()">Accept with Edit</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div><!-- col-sm-12 -->
            </div>
        </section>
    </div>
</div>



<script>
 
    var countryId="";
    var userId = 0;
   
    var token = '{{csrf_token()}}';
    // function operation_submit(operation) {
       
    //    const activeTab = document.querySelector('.tabs-all.active');
    //    if (activeTab) {
    //        document.querySelectorAll('#selectedTab').forEach(function (input) {
    //            input.value = activeTab.id;
    //        });
    //    }

    //    if (operation === 'Reject' || operation === 'Reject_All') {
    //        $('#notebox').modal('show');
    //        return false;
    //    } else if (operation === 'Edit' || operation === 'Edit_All') {
    //        if(operation === 'Edit'){
    //         //    get_farmer_data(operation,details); // call with operation to find the correct form
    //        }
    //        // else{
    //        //     get_farmer_data(operation); // call with operation to find the correct form
    //        // }
           
    //        return false;
    //    } else {
    //        if(operation === 'Accept')
    //        {   
    //            return confirm('Are you sure you want to '+operation+' data?');
    //        }
    //    }
    // }
    function operation_submit(operation) {
        const activeTab = document.querySelector('.tabs-all.active');
        if (activeTab) {
            document.querySelectorAll('#selectedTab').forEach(function (input) {
                input.value = activeTab.id;
            });
        }

        if (operation === 'Reject' || operation === 'Reject_All') {
            $('#notebox').modal('show');
            return false;
        } else if (operation === 'Edit' || operation === 'Edit_All') {
            // Show editable section
            $('#operationActive').val(operation);
            document.getElementById('editable_farmer_section').style.display = 'block';
            window.scrollTo({ top: document.getElementById('editable_farmer_section').offsetTop, behavior: 'smooth' });
            return false;
        } else {
            if (operation === 'Accept') {
                return confirm('Are you sure you want to ' + operation + ' data?');
            }
        }
    }

    function save_edit_form(operation){
       
       $('.error').html('')
       let formDataArray = $('#edit_farmer_form').serializeArray();
    
       formDataArray.push(
           {name: 'country_id', value: countryId},
           {name: 'user_id', value: userId},
       );
       
       var formData = serializeArrayToObject(formDataArray);
       
       $.ajax({
           headers: { "Authorization": 'Bearer ' + token },
           url: '{{config('custom.a_countries.'.$countryId)}}/api/save_unverified_farmer_data',
           type: 'POST',
           data: formData,
           success: function(response) {
           
               let $form = $('#'+operation+'_form');
               $form.submit();
               alert('Form saved successfully')
               // let url = window.location.pathname;
               // console.log(url);
               // url += '?question_type='+questionType+'&tab='+tab
               // window.location.href = url;
           },
           error: function(e) {
                if (e.responseJSON && typeof e.responseJSON.message === 'object') {
                    const messages = e.responseJSON.message;

                    for (let key in messages) {
                        // Make sure the error container ID exists like: <span id="error_is_land_taken_on_lease"></span>
                        const errorElementId = '#error_' + key;

                        if ($(errorElementId).length) {
                            $(errorElementId).html(messages[key]);
                        } else {
                            console.warn('No element found for:', errorElementId);
                        }
                    }
                } else {
                    console.error('Unexpected error structure:', e);
                    $('#form_error').html('An unexpected error occurred.'); // fallback
                }
            }


       });

   }

    function serializeArrayToObject(arr) {
        var obj = {};

        arr.forEach(function(item) {
            var name = item.name.split('[');
            var value = item.value;

            if (name.length === 1) {
                obj[name[0]] = value;
            } else {
                var current = obj;
                for (var i = 0; i < name.length; i++) {
                    var key = name[i].replace(']', '');
                    if (i === name.length - 1) {
                        if (!current[key]) {
                            current[key] = value;
                        } else {
                            if (Array.isArray(current[key])) {
                                current[key].push(value);
                                current[key] = current[key].join(',');
                            } else {
                                current[key] = [current[key], value].join(',');
                            }
                        }
                    } else {
                        current[key] = current[key] || {};
                        current = current[key];
                    }
                }
            }
        });

        return obj;
    }

    function submit_edit_form() {
        // Clear all previous error messages
        document.querySelectorAll('span.text-danger').forEach(el => el.innerText = '');

        let hasError = false;

        // Required select/text fields
        const requiredFields = [
            'method_of_irrigation', 'source_of_irrigation', 'type_of_soil',
            'farmer_type' // Newly added
        ];

        requiredFields.forEach(field => {
            const el = document.getElementById(field);
            if (el && !el.value.trim()) {
                document.getElementById('error_' + field).innerText = 'This field is required.';
                hasError = true;
            }
        });

        // Validate that numeric fields are numbers
        const numericFields = [
            'agriculture_flood_irrigated', 'agriculture_drip_sprinkler_irrigated', 'agriculture_rainfed',
            'cotton_flood_irrigated', 'cotton_drip_sprinkler_irrigated', 'cotton_rainfed_actual',
            'cotton_taken_lease_irrigated', 'cotton_taken_lease_rainfed'
        ];
        numericFields.forEach(field => {
            const el = document.getElementById(field);
            if (el && el.value.trim() !== '') {
                const val = parseFloat(el.value);
                if (isNaN(val) || val < 0) {
                    document.getElementById('error_' + field).innerText = 'Please enter a valid non-negative number.';
                    hasError = true;
                }
            }
        });

        // Required radio fields
        const radioFields = [
            'is_land_taken_on_lease', 'is_land_given_on_lease',
            'is_cotton_land_taken_on_lease', 'is_cotton_land_given_on_lease'
        ];
        radioFields.forEach(field => {
            const checked = document.querySelector('input[name="' + field + '"]:checked');
            if (!checked) {
                document.getElementById('error_' + field).innerText = 'Please select an option.';
                hasError = true;
            }
        });

        // Agriculture land check
        const agriFlood = parseFloat(document.getElementById('agriculture_flood_irrigated')?.value) || 0;
        const agriDrip = parseFloat(document.getElementById('agriculture_drip_sprinkler_irrigated')?.value) || 0;
        const agriRainfed = parseFloat(document.getElementById('agriculture_rainfed')?.value) || 0;
        if ((agriFlood === 0 && agriDrip === 0 ) && agriRainfed === 0) {
            ['agriculture_flood_irrigated', 'agriculture_drip_sprinkler_irrigated', 'agriculture_rainfed'].forEach(field => {
                document.getElementById('error_' + field).innerText = 'At least one agriculture land field is required.';
            });
            hasError = true;
        }

        // Conditional: agriculture lease fields
        if (document.querySelector('input[name="is_land_taken_on_lease"]:checked')?.value.toLowerCase() === 'yes') {
            const el = document.getElementById('agriculture_taken_lease');
            if (!el || !el.value.trim()) {
                document.getElementById('error_agriculture_taken_lease').innerText = 'Agriculture taken lease is required.';
                hasError = true;
            }
        }
        if (document.querySelector('input[name="is_land_given_on_lease"]:checked')?.value.toLowerCase() === 'yes') {
            const el = document.getElementById('agriculture_given_lease');
            if (!el || !el.value.trim()) {
                document.getElementById('error_agriculture_given_lease').innerText = 'Agriculture given lease is required.';
                hasError = true;
            }
        }

        // Cotton total land validation
        const cottonFlood = parseFloat(document.getElementById('cotton_flood_irrigated')?.value) || 0;
        const cottonDrip = parseFloat(document.getElementById('cotton_drip_sprinkler_irrigated')?.value) || 0;
        // const cottonIrrigated = parseFloat(document.getElementById('cotton_irrigated')?.value) || 0;
        const cottonRainfed = parseFloat(document.getElementById('cotton_rainfed_actual')?.value) || 0;
        
        if ((cottonFlood === 0 && cottonDrip === 0 ) && cottonRainfed === 0) {
            ['cotton_flood_irrigated', 'cotton_drip_sprinkler_irrigated', 'cotton_rainfed_actual'].forEach(field => {
                document.getElementById('error_' + field).innerText = 'At least one Cotton land field is required.';
            });
            hasError = true;
        }
        // Cotton fields validation - show error only for fields with value 0
       
        // Cotton vs agriculture comparison
        if (cottonFlood > agriFlood) {
            document.getElementById('error_cotton_flood_irrigated').innerText = 'Must be <= flood irrigated agriculture land.';
            hasError = true;
        }
        if (cottonDrip > agriDrip) {
            document.getElementById('error_cotton_drip_sprinkler_irrigated').innerText = 'Must be <= drip irrigated agriculture land.';
            hasError = true;
        }
        if (cottonRainfed > agriRainfed) {
            document.getElementById('error_cotton_rainfed_actual').innerText = 'Must be <= rainfed agriculture land.';
            hasError = true;
        }

        // Conditional: cotton lease taken
        // if (document.querySelector('input[name="is_cotton_land_taken_on_lease"]:checked')?.value.toLowerCase() === 'yes') {
        //     ['cotton_taken_lease_irrigated', 'cotton_taken_lease_rainfed'].forEach(field => {
        //         const el = document.getElementById(field);
        //         if (!el || !el.value.trim()) {
        //             document.getElementById('error_' + field).innerText = 'This field is required.';
        //             hasError = true;
        //         }
        //     });
        // }
        if (document.querySelector('input[name="is_cotton_land_taken_on_lease"]:checked')?.value.toLowerCase() === 'yes') {
            const irrigated = document.getElementById('cotton_taken_lease_irrigated')?.value.trim();
            const rainfed = document.getElementById('cotton_taken_lease_rainfed')?.value.trim();

            if (!irrigated && !rainfed) {
                document.getElementById('error_cotton_taken_lease_irrigated').innerText = 'At least one field is required.';
                document.getElementById('error_cotton_taken_lease_rainfed').innerText = 'At least one field is required.';
                hasError = true;
            } else {
                document.getElementById('error_cotton_taken_lease_irrigated').innerText = '';
                document.getElementById('error_cotton_taken_lease_rainfed').innerText = '';
            }
        }


        // Conditional: cotton lease given
        if (document.querySelector('input[name="is_cotton_land_given_on_lease"]:checked')?.value.toLowerCase() === 'yes') {
            const el = document.getElementById('cotton_given_lease');
            if (!el || !el.value.trim()) {
                document.getElementById('error_cotton_given_lease').innerText = 'Cotton given lease is required.';
                hasError = true;
            }
        }

        const sourceOfIrrigationOthersChecked = Array.from(document.querySelectorAll('input[name="source_of_irrigation[]"]:checked'))
        .some(el => el.value.toLowerCase() === 'others');

        if (sourceOfIrrigationOthersChecked) {
            const otherInput = document.getElementById('source_of_irrigation_other');
            if (!otherInput || !otherInput.value.trim()) {
                document.getElementById('error_source_of_irrigation_other').innerText = 'Please specify other source of irrigation.';
                hasError = true;
            }
        }

        // Final check
        if (!hasError) {
            operation=$('#operationActive').val();
         
            save_edit_form(operation);
        }
    }


    function notesubmit(){
        $('#modalnoteError').html('');

        let modalnote = $('#modalnote').val()
       
        if(modalnote!=''){
            $('#Reject_note').val(modalnote)
            $('#Reject_form').submit()
        }else{
            $('#modalnoteError').html('Please enter reject note');
        }
    }
</script>
@endsection