@php
    $hasStatus6 = $project->statuses->contains('status', 6);
@endphp
@if ($hasStatus6)
    {{-- <div class="doc-container mt-2">
        <div class="row gy-2 gx-2 align-items-center">
            <div class="col-auto">
                <label class="" for="inlineFormInput">Select
                    Provider</label>
                <select class="form-select w-auto provider-dropdown" id="provider_dropdown">
                    <option value="">-- Select --</option>
                    @php
                        $providers = ['Adani', 'Mahadiscom', 'Tata', 'BEST'];
                    @endphp
                    @foreach ($providers as $provider)
                        <option value="{{ $provider }}" {{ $docs->provider === $provider ? 'selected' : '' }}>
                            {{ $provider }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-auto">
                <label class="" for="inlineFormInputGroup">Consumer
                    No.</label>
                <input type="text" class="form-control w-auto consumer-input" id="consumer_input"
                    placeholder="Consumer No" value="{{ $docs->consumer_no ?? '' }}" />
            </div>



            @php
                $structureUse = $surveys->structure_use;
                $status = null;

                if ($structureUse == '1') {
                    $residential = $surveys->SurveyUserResidential->first();
                    $status = $residential?->updated_status;
                } elseif ($structureUse == '2') {
                    $commercial = $surveys->surveyUserCommercial->first();
                    $status = $commercial?->updated_status;
                } elseif ($structureUse == '3') {
                    $residential = $surveys->SurveyUserResidential->first();
                    $status = $residential?->updated_status;
                } elseif ($structureUse == '4') {
                    $other = $surveys->surveyUserOthers->first();
                    $status = $other?->updated_status;
                }
            @endphp
            @php
                $hasStatus6 = $project->statuses->contains('status', 6);
            @endphp

            @if (!$status && $hasStatus6)
                <div class="col-auto">
                    <button class="btn btn-sm btn-primary fetch-btn" data-docid="{{ $docs->id }}">Fetch
                        Data</button>
                </div>
            @endif

        </div>
    </div> --}}


    {{-- Consumer Input --}}

    <div class="mt-2 consumer-box" id="consumer-box-{{ $docs->id }}">

        @if ($docs->api_response)
            @php
                $savedData = json_decode($docs->api_response, true);
                $provider = $docs->provider ?? null;
                $keysToSkip = ['consumptions', 'internalNotes', 'extraData', 'rawJson'];
                $dataArray = [];
                $columns = [];

                if (
                    $provider === 'Adani' &&
                    isset($savedData['IT_CONSDATA_POST']['item']) &&
                    is_array($savedData['IT_CONSDATA_POST']['item'])
                ) {
                    $dataArray = $savedData['IT_CONSDATA_POST']['item'];
                    $columns = array_keys($dataArray[0] ?? []);
                } elseif (is_array($savedData)) {
                    $dataArray = $savedData;
                    if ($provider === 'BEST') {
                        $columns = array_keys(array_diff_key($dataArray[0] ?? [], array_flip($keysToSkip)));
                    } else {
                        $columns = array_keys($dataArray[0] ?? []);
                    }
                }
            @endphp

            {{-- @if (!empty($dataArray))
                <div class="result-box mt-3" id="electicity-result-box">
                    <div class="table-responsive mt-3" style="max-height: 300px; overflow: auto;">
                        <table class="table table-bordered table-striped table-sm">
                            <thead>
                                <tr>
                                    @foreach ($columns as $col)
                                        <th>{{ $col }}</th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($dataArray as $row)
                                    <tr>
                                        @foreach ($columns as $col)
                                            @php
                                                $val = $row[$col] ?? '-';
                                                if (
                                                    $val === '9999-12-31' ||
                                                    $val === '1900-01-01T00:00:00' ||
                                                    $val === '9999-12-31T00:00:00Z'
                                                ) {
                                                    $val = '';
                                                }
                                            @endphp
                                            <td>{{ $val !== '' ? $val : '' }}
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @else
                <div class="text-danger mt-3">No valid data to display.
                </div>
            @endif --}}
        @else
            <div class="result-box mt-3" id="electicity-result-box"></div>
        @endif

        {{-- @php
            $display = 'display:none;';
            if (
                !is_null($docs->api_response)
                //  && is_null($docs->remarks)
            ) {
                $display = '';
            }
        @endphp --}}

        @php
            $structureUse = $surveys->structure_use;
            $status = null;

            if ($structureUse == '1') {
                $residential = $surveys->SurveyUserResidential->first();
                $status = $residential?->updated_status;
            } elseif ($structureUse == '2') {
                $commercial = $surveys->surveyUserCommercial->first();
                $status = $commercial?->updated_status;
            } elseif ($structureUse == '3') {
                $residential = $surveys->SurveyUserResidential->first();
                $status = $residential?->updated_status;
            } elseif ($structureUse == '4') {
                $other = $surveys->surveyUserOthers->first();
                $status = $other?->updated_status;
            }
        @endphp
        @if ($status == 'pending')
            <div class="mt-3 action-section" id="electicity-verification-box" {{-- style="{{ $display }}" --}}>
                <label>Remarks <span class="text-danger">*</span>:</label>
                <textarea class="form-control remarks-input" id="gumasta_remark" rows="2" placeholder="Enter remarks here...">{{ $docs->remarks }}</textarea>

                <div class="mt-2">
                    <button class="btn btn-success btn-sm accept-gumasta-btn" data-docId="{{ $docs->id }}">Accept</button>
                    <button class="btn btn-danger btn-sm reject-gumasta-btn" data-docId="{{ $docs->id }}">Reject</button>
                </div>
            </div>
        @endif

    </div>
@endif

@push('scripts')
<script>
       // Accept / Reject buttons
       $(document).on('click', '.accept-gumasta-btn, .reject-gumasta-btn', function() {
            let $_this = $(this);
            const docId = $_this.data('docid');
            const remarks = $('#gumasta_remark').val().trim();
            const status = $_this.hasClass('accept-gumasta-btn') ? 'accepted' : 'rejected';

            if (!remarks) {
                alert("Please enter remarks before proceeding.");
                return;
            }
            $.ajax({
                url: '{{ route('storeApiResult') }}',
                method: 'POST',
                data: {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    document_id: docId,
                    remarks: remarks,
                    status: status,

                },
                success: function(res) {
                    alert("Remarks added successfully!");
                    location.reload();
                },
                error: function(xhr) {
                    console.error(xhr.responseText);
                    alert("Something went wrong!");
                }
            });
        });
</script>
@endpush