@include('layouts.header', ['title' => 'Survey List'])
<div class="wrapper">
    @include('layouts.agency-user-navbar')
    @include('layouts.agency-user-sidebar')

    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right"></div>
                        </div>
                    </div>
                </div>

                @include('components.agency-user-project-details', ['project' => $project])
                @php
                    $statusCode = $project->status->id ?? null;
                    if ($statusCode == null || $statusCode == 1 || $statusCode == 2) {
                        $isButtonDisabled = false;
                    } else {
                        $isButtonDisabled = true;
                    }
                    $isSupplementaryBsesEnabled = $project->is_supplementary_bses_enabled;
                @endphp
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">

                            <!-- Card Header -->
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h4 class="header-title mb-0 text-end float-end">
                                    PAP List
                                </h4>&nbsp;&nbsp;
                                <!-- Add a button to the right corner -->
                                <div class="ml-auto">
                                    @if (!$isButtonDisabled || $isSupplementaryBsesEnabled)
                                        <a href="{{ route('agencyUser.add.serveyDetails', ['project_id' => encrypt($project->id)]) }}"
                                            class="btn btn-light btn-sm">Add Survey</a>
                                    @endif
                                </div>
                                <form class="d-flex ms-auto" method="GET"
                                    action="{{ route('agencyUser.project.view', encrypt($project->id)) }}">
                                    <input type="text" name="search" class="form-control me-2"
                                        placeholder="Search PAP by name" value="{{ request('search') }}">

                                    <button type="submit" class="btn btn-light btn-sm">Search</button>
                                    @if (request('search'))
                                        <a href="{{ route('agencyUser.project.view', encrypt($project->id)) }}"
                                            class="btn btn-secondary">Reset</a>
                                    @endif
                                </form>
                            </div>

                            <div class="card-body">
                                <div class="table-wrapper">
                                    <div style="overflow-x: auto; width: 100%;">

                                        <table id="basic-datatable residential-a1-table"
                                            class="table table-striped dt-responsive nowrap w-100">
                                            <thead>
                                                <tr>
                                                    <th>Sr. No.</th>
                                                    <th>Structure ID</th>
                                                    <th>Map ID</th>
                                                    <th>PAP Name</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @if ($surveys->isEmpty())
                                                    <tr>
                                                        <td colspan="5" class="text-center">No Records Found</td>
                                                    </tr>
                                                @else
                                                    @foreach ($surveys as $key => $survey)
                                                        <tr>
                                                            <td>{{ $key + 1 }}</td>
                                                            <td>{{ $survey['Id no'] ?? 'N/A' }}</td>
                                                            <td>{{ $survey['map_id'] ?? 'N/A' }}</td>

                                                            <td>{{ $survey['pap_name'] ?? 'N/A' }}</td>

                                                            <td>
                                                                @php
                                                                    $surveyId = encrypt($survey['id']);
                                                                @endphp
                                                                @if (!$isButtonDisabled)
                                                                    <a href="{{ route('agencyUser.add.serveyDetails', ['project_id' => encrypt($project->id), 'survey_id' => $surveyId]) }}"
                                                                        class="text-reset fs-16 px-1"
                                                                        data-bs-toggle="tooltip" data-bs-placement="top"
                                                                        title="Edit Survey">
                                                                        <i class="bi bi-pencil-square"></i>
                                                                    </a>
                                                                @endif
                                                                @php
                                                                    $completedStatus = false;

                                                                    if ($survey['structure_use'] == '1') {
                                                                        if (
                                                                            isset(
                                                                                $survey[
                                                                                    'survey_user_residential_socio_economic_indicator'
                                                                                ][0]['survey_completion_status'],
                                                                            ) &&
                                                                            $survey[
                                                                                'survey_user_residential_socio_economic_indicator'
                                                                            ][0]['survey_completion_status'] == '1'
                                                                        ) {
                                                                            $completedStatus = true;
                                                                        }
                                                                    }

                                                                    if (
                                                                        $survey['structure_use'] == '2' ||
                                                                        $survey['structure_use'] == '3'
                                                                    ) {
                                                                        if (
                                                                            isset(
                                                                                $survey['survey_user_commercial'][0][
                                                                                    'survey_completion_status'
                                                                                ],
                                                                            ) &&
                                                                            $survey['survey_user_commercial'][0][
                                                                                'survey_completion_status'
                                                                            ] == '1'
                                                                        ) {
                                                                            $completedStatus = true;
                                                                        }
                                                                    }

                                                                    if ($survey['structure_use'] == '4') {
                                                                        if (
                                                                            isset(
                                                                                $survey['survey_user_others'][0][
                                                                                    'survey_completion_status'
                                                                                ],
                                                                            ) &&
                                                                            $survey['survey_user_others'][0][
                                                                                'survey_completion_status'
                                                                            ] == '1'
                                                                        ) {
                                                                            $completedStatus = true;
                                                                        }
                                                                    }
                                                                @endphp
                                                                @if ($completedStatus)
                                                                    <a href="{{ route('agencyUser.view.surveyDetails', ['project_id' => encrypt($project->id), 'survey_id' => $surveyId]) }}"
                                                                        class="text-reset fs-16 px-1"
                                                                        data-bs-toggle="tooltip" data-bs-placement="top"
                                                                        title="View PAP Details" target="_blank">
                                                                        <i class="bi bi-eye-fill"></i>
                                                                    </a>
                                                                @endif
                                                            </td>

                                                        </tr>
                                                    @endforeach
                                                @endif
                                            </tbody>
                                        </table>
                                        @if (!$isButtonDisabled || $isSupplementaryBsesEnabled)
                                            <div class="text-center">
                                                <button type="submit" class="btn btn-success" id="submitBSES">Submit
                                                    BSES</button>
                                            </div>
                                        @endif
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        @include('layouts.footer')
    </div>
</div>

<!-- Vendor JS -->
<script src="{{ asset('assets/js/vendor.min.js') }}"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js">
</script>


<script src="{{ asset('assets/js/app.min.js') }}"></script>

<script>
    $(document).ready(function() {
        @if ($errors->any())
            @foreach ($errors->all() as $error)
                toastr.error("{{ $error }}");
            @endforeach
        @endif

        @if (session('success'))
            toastr.success("{{ session('success') }}");
        @endif

        @if (session('error'))
            toastr.error("{{ session('error') }}");
        @endif

        document.getElementById('lotteryFormSubmit').addEventListener('submit', function() {
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Submitting...'; // Change button text to indicate submission
        });

        $('#date_time').datetimepicker({
            dateFormat: 'dd-mm-yy', // Format for date
            timeFormat: 'HH:mm:ss', // Format for time (24-hour format)
            changeMonth: true,
            changeYear: true,
            minDate: 0, // Prevent selection of past dates
            controlType: 'select', // Dropdowns for hours & minutes
            oneLine: true, // Display date & time in a single line
        });

    });
</script>

<script>
    document.getElementById('submitBSES').addEventListener('click', function() {
        fetch("{{ config('app.api_url') }}/api/projects/update-status", {
                method: 'POST',
                headers: {
                    'Authorization': 'Bearer {{ $token }}',
                    'Content-Type': 'application/json',
                    'Accept': 'application/json'
                },
                body: JSON.stringify({
                    project_id: {{ $id }},
                    status_ids: [2, 3]
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.status == 'success') {
                    toastr.success('Status updated successfully!');
                    location.reload();
                }
                if (data.status == 'error') {
                    toastr.error(data.message);
                }

            })
            .catch((error) => {
                console.error('Error:', error);
                toastr.error('Something went wrong!');
            });
    });
</script>




</body>