@include('layouts.header', ['title' => 'View Project'])
<div class="wrapper">
    @include('layouts.navbar')
    @include('layouts.sidebar')

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

                <!-- Project Details Section -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="page-title">Project: {{ $project->name }}</h4>
                            </div>
                            <div class="card-body form-horizontal-style-2">
                                <dl class="row mb-0">
                                    <dt class="col-sm-3">Project Site Location</dt>
                                    <dd class="col-sm-9">{{ $project->site_location }}</dd>

                                    <dt class="col-sm-3">SDC Officer</dt>
                                    <dd class="col-sm-9">
                                        @if ($project->sdcOfficerUser)
                                            {{ $project->sdcOfficerUser->name }}
                                            ({{ $project->sdcOfficerUser->designated->designation ?? 'N/A' }})
                                        @else
                                            N/A
                                        @endif
                                    </dd>

                                    <dt class="col-sm-3">Project Type</dt>
                                    <dd class="col-sm-9">
                                        @if ($project->type_1 == 1)
                                            MMRDA
                                        @elseif ($project->type_1 == 2)
                                            Other
                                        @endif
                                        (
                                        @if ($project->type_2 == 1)
                                            MUTP
                                        @elseif ($project->type_2 == 2)
                                            MUIP
                                        @elseif ($project->type_2 == 3)
                                            Other
                                        @endif
                                        )
                                    </dd>

                                    <dt class="col-sm-3">Demand Note</dt>
                                    <dd class="col-sm-9">
                                        <a href="javascript:void(0);" class="btn btn-success me-2 open-preview"
                                            role="button" data-bs-toggle="tooltip" data-bs-placement="top"
                                            data-file-url="{{ asset('storage/' . \App\Utils\Constants::PROJECT_BASE_PATH . '/project_' . $project->id . '/demand_note/' . $project->relatedDocument->demand_note) }}"
                                            data-file-type="{{ pathinfo($project->relatedDocument->demand_note, PATHINFO_EXTENSION) }}">
                                            View Demand Note
                                        </a>

                                        <a href="javascript:void(0);" class="btn btn-outline-success"
                                            data-bs-toggle="modal" data-bs-target="#demandNoteHistoryModal">
                                            View Demand Note History
                                        </a>

                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                </div>


                <form method="POST" action="{{ route('admin.project.assign', encrypt($project->id)) }}">
                    @csrf
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="page-title">Survey</h4>
                                </div>

                                <div class="card-body">
                                    <div class="row">
                                        <!-- Competent Authority / Project Officer -->
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="sdc_officer_user_id" class="form-label">
                                                    Competent Authority / Project Officer <span
                                                        class="text-danger">*</span>
                                                </label>
                                                <select class="form-select form-select-sm" name="sdc_officer_user_id"
                                                    id="sdc_officer_user_id" required>
                                                    <option value="" selected disabled>Select</option>
                                                    @foreach ($sdcOfficer as $sdcofficer)
                                                        @if ($sdcofficer->designated)
                                                            <option value="{{ $sdcofficer->id }}"
                                                                {{ old('competent_officer_id', $project->competent_officer_id) == $sdcofficer->id ? 'selected' : '' }}>
                                                                {{ $sdcofficer->name }}
                                                                ({{ $sdcofficer->designated->designation }})
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <!-- Junior Project Officer -->
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="junior_project_officer_id" class="form-label">
                                                    Junior Project Officer <span class="text-danger">*</span>
                                                </label>
                                                <select class="form-select form-select-sm"
                                                    name="junior_project_officer_id" id="junior_project_officer_id"
                                                    required>
                                                    <option value="" selected disabled>Select</option>
                                                    @foreach ($juniorOfficer as $juniorofficer)
                                                        @if ($juniorofficer->designated)
                                                            <option value="{{ $juniorofficer->id }}"
                                                                {{ old('junior_project_officer_id', $project->junior_project_officer_id) == $juniorofficer->id ? 'selected' : '' }}>
                                                                {{ $juniorofficer->name }}
                                                                ({{ $juniorofficer->designated->designation }})
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div> <!-- /.row -->
                                </div> <!-- /.card-body -->
                            </div> <!-- /.card -->
                        </div> <!-- /.col-lg-12 -->
                    </div> <!-- /.row -->



                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card mt-4">
                                <div class="card-header">
                                    <h4 class="page-title">Rehabilitation</h4>
                                </div>

                                <div class="card-body">
                                    <div class="row">
                                        <!-- Rehabilitation  -->
                                        <div class="col-lg-4">
                                            <div class="mb-3">
                                                <label for="competent_officer_id" class="form-label">
                                                    Competent Authority / Project Officer <span
                                                        class="text-danger">*</span>
                                                </label>
                                                <select class="form-select form-select-sm" name="competent_officer_id"
                                                    id="competent_officer_id" required>
                                                    <option value="" selected disabled>Select</option>
                                                    @foreach ($users as $user)
                                                        @if ($user->designated)
                                                            <option value="{{ $user->id }}"
                                                                {{ old('sdc_officer_user_id', $project->sdc_officer_user_id) == $user->id ? 'selected' : '' }}>
                                                                {{ $user->name }}
                                                                ({{ $user->designated->designation }})
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-lg-4">
                                            <div class="mb-3">
                                                <label for="competent_officer_id" class="form-label">
                                                    Junior Project Officer <span class="text-danger">*</span>
                                                </label>
                                                <select class="form-select form-select-sm"
                                                    name="competent_junior_officer_id" id="competent_junior_officer_id"
                                                    required>
                                                    <option value="" selected disabled>Select</option>
                                                    @foreach ($users as $user)
                                                        @if ($user->designated)
                                                            <option value="{{ $user->id }}"
                                                                {{ old('competent_junior_officer_id', $project->competent_junior_officer_id) == $user->id ? 'selected' : '' }}>
                                                                {{ $user->name }}
                                                                ({{ $user->designated->designation }})
                                                            </option>
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                        <!-- Agency (if applicable) -->
                                        @if ($project->type_1 == 1)
                                            <div class="col-lg-4">
                                                <div class="mb-3">
                                                    <label for="agency_id" class="form-label">
                                                        Agency <span class="text-danger">*</span>
                                                    </label>
                                                    <select name="agency_id" id="agency_id" required
                                                        class="form-select form-select-sm">
                                                        <option value="" selected disabled>Select</option>
                                                        @foreach ($agencies as $agency)
                                                            <option value="{{ $agency->id }}"
                                                                {{ old('agency_id', $project->agency_id) == $agency->id ? 'selected' : '' }}>
                                                                {{ $agency->name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('agency_id')
                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                        @endif
                                    </div> <!-- /.row -->
                                </div> <!-- /.card-body -->
                            </div> <!-- /.card -->
                        </div> <!-- /.col-lg-12 -->
                    </div> <!-- /.row -->

                    {{-- @if ($project->final_status == 'in_process') --}}
                    @php
                        $user = auth()->user();

                        // Permissions
                        $hasPermission1 = $user->can('demand_note_level_one'); // Level 1
                        $hasPermission2 = $user->can('demand_note_level_two'); // Level 2

                        // Project status flags
                        $hasChief = $project->chief_remarks || $project->chief_approval_date;
                        $hasAMC = $project->amc_remarks || $project->amc_approval_date;

                        // Has the user already submitted?
                        $remarksAlreadyGiven = false;
                        if ($hasPermission1 && $project->chief_remarks) {
                            $remarksAlreadyGiven = true;
                        } elseif ($hasPermission2 && $project->amc_remarks) {
                            $remarksAlreadyGiven = true;
                        }

                        // Who should see the section at all?
                        $showSection = false;
                        if ($hasPermission1) {
                            $showSection = true;
                        } elseif ($hasPermission2 && $project->chief_status === 'approved') {
                            $showSection = true;
                        } elseif (!$hasPermission1 && !$hasPermission2 && $hasChief) {
                            $showSection = true;
                        }
                    @endphp

                    @if ($showSection)
                        <div class="row" id="verification-section">
                            <input type="hidden" id="project_id" value="{{ $project->id }}">

                            <div class="col-lg-6">
                                <div class="card p-3 shadow-sm border rounded form-horizontal-style-2">

                                   {{-- Show Level 1 remarks --}}
@if (
    (!$hasPermission1 && $hasChief) ||  // No-permission user
    ($hasPermission2 && $hasChief) ||   // Level 2 user
    ($hasPermission1 && $hasChief && !$hasAMC) // Level 1 user but only if Level 2 hasn't submitted
)
    <label for="chief_remarks">Remarks by {{ $project->chiefUser->name}}</label>
    <p>{{ $project->chief_remarks ?? 'N/A' }}</p>
    <label>Date</label>
    <p>{{ $project->chief_approval_date ? date('d-m-Y H:i:s', strtotime($project->chief_approval_date)) : 'N/A' }}</p>
@endif

                                    {{-- Show Level 2 remarks to Level 1 or Level 2 (if available) --}}
                                    @if ($hasAMC && ($hasPermission1 || $hasPermission2))
                                        <label for="amc_remarks">Remarks by {{ $project->amcUser->name}}</label>
                                        <p>{{ $project->amc_remarks ?? 'N/A' }}</p>
                                        <label>Date</label>
                                        <p>{{ $project->amc_approval_date ? date('d-m-Y H:i:s', strtotime($project->amc_approval_date)) : 'N/A' }}
                                        </p>
                                    @endif

                                    {{-- Remark submission form --}}
                                    @if (($hasPermission1 || ($hasPermission2 && $project->chief_status === 'approved')) && !$remarksAlreadyGiven)
                                        <div class="mb-3 mt-4">
                                            <label for="remarks" class="form-label">Remark <span
                                                    class="text-danger">*</span></label>
                                            <textarea class="form-control" name="remarks" id="remarks" rows="3" required></textarea>
                                        </div>

                                        <div class="border-top pt-3 text-center">
                                            @if ($hasPermission1)
                                                <button type="button" class="btn btn-success w-100"
                                                    id="verificationSubmitted" data-action="approve">
                                                    Submit For Approval
                                                </button>
                                            @elseif ($hasPermission2)
                                                <button type="button" class="btn btn-success w-100"
                                                    id="verificationSubmitted" data-action="approve">
                                                    Approve
                                                </button>
                                            @endif
                                        </div>

                                        <div class="border-top pt-3 text-center">
                                            <button type="button" class="btn btn-light w-100"
                                                id="correctionSubmitted" data-action="correction">
                                                Send Back For Correction
                                            </button>
                                        </div>
                                    @endif

                                </div>
                            </div>
                        </div>
                    @endif



                    {{-- @endif --}}



                    {{-- <div class="row">

                        <div class="col-lg-4">
                            <div class="mb-3">
                                <label for="supplementaryBses" class="form-label">
                                    Supplementory BSES
                                    <span class="text-danger">*</span>
                                </label>
                                <select name="supplementary_bses" id="supplementaryBses" required
                                    class="form-select form-select-sm">
                                    <option value="No"
                                        {{ old('supplementary_bses', $project->is_supplementary_bses_enabled == 1 ? 'Yes' : 'No') == 'No' ? 'selected' : '' }}>
                                        Disabled
                                    </option>
                                    <option value="Yes"
                                        {{ old('supplementary_bses', $project->is_supplementary_bses_enabled == 1 ? 'Yes' : 'No') == 'Yes' ? 'selected' : '' }}>
                                        Enabled
                                    </option>
                                </select>
                                @error('supplementary_bses')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-4" id="supplementoryBsesRemarkField"
                            style="display:@if (old('supplementary_bses', $project->is_supplementary_bses_enabled == 1 ? 'Yes' : 'No') == 'Yes') block @else none @endif;">
                            <div class="mb-3">
                                <label for="supplementoryBsesRemark" class="form-label">
                                    Suplementory BSES Remark
                                    <span class="text-danger">*</span>
                                </label>
                                <textarea id="supplementoryBsesRemark" name="supplementary_bses_remark"
                                    class="form-control @error('supplementary_bses_remark') is-invalid @enderror" placeholder="Enter Remark"
                                    rows="4">{{ old('supplementary_bses_remark', $project->supplementary_bses_remark ?? '') }}</textarea>
                                @error('supplementary_bses_remark')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div> --}}


                    <div class="card-footer">
                        <button type="submit" class="btn btn-success me-2" id="submitBtn">Submit</button>
                    </div>
                </form>

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

<!-- Modal for file preview -->
<div class="modal fade" id="demandNoteHistoryModal" tabindex="-1" aria-labelledby="demandNoteHistoryLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="demandNoteHistoryLabel">Demand Note History</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <ul class="list-group">
                    @forelse ($project->demandNoteHistories as $history)
                        @php
                            $fileUrl = asset(
                                'storage/' .
                                    \App\Utils\Constants::PROJECT_BASE_PATH .
                                    '/project_' .
                                    $project->id .
                                    '/demand_note/' .
                                    $history->demand_note_path,
                            );
                            $fileType = pathinfo($history->demand_note_path, PATHINFO_EXTENSION);
                        @endphp
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <a href="javascript:void(0);" class="open-preview" data-file-url="{{ $fileUrl }}"
                                data-file-type="{{ $fileType }}" title="View File">
                                {{ basename($history->demand_note_path) }}
                            </a>
                            <small
                                class="text-muted">{{ \Carbon\Carbon::parse($history->recorded_at)->format('d M Y H:i') }}</small>
                        </li>
                    @empty
                        <li class="list-group-item">No demand note history found.</li>
                    @endforelse
                </ul>
            </div>
        </div>
    </div>
</div>





<!-- Vendor JS -->
<script src="{{ asset('assets/js/vendor.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('inventoryForm').addEventListener('submit', function() {
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.disabled = true;
            submitBtn.innerHTML = 'Submitting...'; // Change button text to indicate submission
        });



    });

    $("#supplementaryBses").on("change", function() {
        let status = $(this).val();
        console.log(status);

        if (status == 'Yes') {
            $("#supplementoryBsesRemarkField").show();
        } else {
            $("#supplementoryBsesRemark").val('');
            $("#supplementoryBsesRemarkField").hide();
        }
    });

    $('#verificationSubmitted, #correctionSubmitted').click(function() {
        console.log('Button clicked');
        let action = $(this).data('action'); // approve or correction
        let remarks = $('#remarks').val();
        let projectId = $('#project_id').val();

        if (!remarks.trim()) {
            alert('Remarks are required.');
            return;
        }

        $.ajax({
            url: '{{ route('admin.projects.amc-approval') }}', // Make sure this route exists
            method: 'POST',
            data: {
                _token: '{{ csrf_token() }}',
                project_id: projectId,
                remarks: remarks,
                action: action
            },
            success: function(response) {
                alert(response.message);
                location.reload(); // optional: or update part of the DOM
            },
            error: function(xhr) {
                console.log(xhr.responseText);
                alert('Something went wrong.');
            }
        });
    });
</script>

<script>
    $(document).on('click', '.open-preview', function() {

        $('#demandNoteHistoryModal').modal('hide');

    });
</script>