@include('layouts.header', ['title' => isset($project) ? 'View Project' : 'Add Project'])
<div class="wrapper">
    @include('layouts.navbar')
    @include('layouts.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.project-details', ['project' => $project])

                {{-- <div class="row">
                    <div class="col-lg-4">
                        <div class="mb-3">
                            <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                            <select id="statusSelect" class="form-control">
                                <option value="">Select Status</option>
                                <option value="1">BSES - In Progress</option>
                                <option value="2">BSES Completed</option>
                                <option value="3">Joint Verification Started</option>
                                <option value="4">Joint Verification In-progress</option>
                                <option value="5">Joint Verification Completed</option>
                                <option value="6">Annxure Draft Started</option>
                                <option value="7">Survey In-Progress</option>
                                <option value="8">Survey Completed</option>
                            </select>
                        </div>
                    </div>
                </div> --}}

                <div class="d-flex flex-wrap gap-2 mt-3">

                    <a href="{{ route('admin.rnrprojectsurvey.index', ['projectId' => encrypt($project->id)]) }}"
                        class="btn btn-success" id="bsesBtn" style="display: none;">
                        <i class="fas fa-info-circle"></i> BSES
                    </a>

                     {{-- @can('joint_verification_view') --}}
                    <a href="{{ route('admin.rnrprojectsurveylist.index', ['projectId' => encrypt($project->id)]) }}"
                        class="btn btn-success" id="jointBtn" style="display: none;">
                        <i class="fas fa-info-circle"></i> JOINT VERIFICATION
                    </a>
                    {{-- @endcan --}}

                       {{-- @can('draft_annexure_view') --}}
                    <a href="{{ route('admin.rnrprojectsurveydraftannexurelist.index', ['projectId' => encrypt($project->id)]) }}"
                        class="btn btn-success" id="draftannexureBtn">
                        <i class="fas fa-info-circle"></i> DRAFT ANNEXURE
                    </a>
                    {{-- @endcan --}}

                {{-- @can('annexure_two_view') --}}
{{-- <a href="{{ route('admin.rnrprojectsurveydraftannexuretwo.index', ['projectId' => encrypt($project->id)]) }}"
   class="btn btn-success d-flex align-items-center gap-1" id="draftannexuretwoBtn">
    <i class="fas fa-info-circle"></i>
    ANNEXURE <span style="font-variant: small-caps; font-family: Georgia, serif; font-size: 1.3em;">ii</span>
</a> --}}
<a href="{{ route('admin.rnrprojectsurveydraftannexuretwo.index', ['projectId' => encrypt($project->id)]) }}"
   class="btn btn-success px-3 text-uppercase" id="draftannexuretwoBtn" style="line-height: 1.2; padding-top: 8px; padding-bottom: 8px;">
    ANNEXURE - <span style="font-variant: small-caps; font-family: Georgia, serif; font-size: 1em; line-height: 1;">ii</span>
</a>

{{-- @endcan --}}


                    {{-- @can('lottery_view') --}}
                        <a href="{{ route('admin.lotterylist.index', ['projectId' => encrypt($project->id)]) }}"
                            class="btn btn-success" id="lotteryBtn">
                            <i class="fas fa-info-circle"></i> LOTTERY SCHEDULE
                        </a>
                    {{-- @endcan --}}

                    {{-- @can('allotment_view') --}}
                        <a href="{{ route('admin.elotteryLists.index', ['projectId' => encrypt($project->id)]) }}"
                            class="btn btn-success" id="eLotteryBtn">
                            <i class="fas fa-info-circle"></i> E-LOTTERY
                        </a>
                    {{-- @endcan --}}


                    {{-- @can('elottery_view') --}}
                        <a href="{{ route('admin.rnrprojectsurveydraftallotmentletter.index', ['projectId' => encrypt($project->id)]) }}"
                            class="btn btn-success" id="allotmentLetterBtn">
                            <i class="fas fa-info-circle"></i>ALLOTMENT LETTER
                        </a>
                    {{-- @endcan --}}

                    {{-- @can('temporary_assign') --}}
                        <a href="{{ route('admin.rnrprojectsurveytemporary.index', ['projectId' => encrypt($project->id)]) }}"
                            class="btn btn-success" id="temporaryBtn" style="display: none;">
                            <i class="fas fa-info-circle"></i> TEMPORARY ALLOTMENT
                        </a>
                    {{-- @endcan --}}

                       {{-- @can('demolition_view') --}}
                    <a href="{{ route('admin.rnrprojectsurveydemolitionlist.index', ['projectId' => encrypt($project->id)]) }}"
                        class="btn btn-success" id="demolitionBtn" style="display: none;">
                        <i class="fas fa-info-circle"></i> DEMOLITION
                    </a>
                    {{-- @endcan --}}
                    {{-- <a href="{{ route('admin.rnrprojectsurveydraftallotmentletter&tabapavti.index', ['projectId' => encrypt($project->id)]) }}"
                        class="btn btn-success" id="allotmentLetterTabaPavtiBtn">
                        <i class="fas fa-info-circle"></i>ALLOTMENT LETTER & TABA PAVTI
                    </a> --}}
                </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">

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

<script>
    $(document).ready(function() {
        function toggleSections() {
            const type1Value = $('#type_1').val();
            const nextStageValue = $('#next_stage').val();

            // Show/Hide the Agency List dropdown based on Project Type (MMRDA)
            if (type1Value == '1') { // MMRDA selected
                $('#agencyListSection').show();
            } else {
                $('#agencyListSection').hide();
                $('#agency_id').val(''); // Clear Agency dropdown
            }

            // Show/Hide the Next Stage dropdown based on Project Type
            if (type1Value == '2') { // Other selected
                $('#nextStageSection').show();
            } else {
                $('#nextStageSection').hide();
                $('#fileUploadSection').hide(); // Hide file upload section if type_1 is not 'Other'
                $('#next_stage').val(''); // Reset Next Stage dropdown
                $('#next_stage_file').val(''); // Clear file input field
            }

            // Show/Hide the file upload section based on Next Stage selection
            if (type1Value == '2' && nextStageValue) {
                $('#fileUploadSection').show();
            } else {
                $('#fileUploadSection').hide();
            }
        }

        // Trigger toggleSections when the page loads
        toggleSections();

        // Trigger toggleSections whenever the user changes the Project Type (type_1) or Next Stage
        $('#type_1').on('change', function() {
            toggleSections();
        });

        $('#next_stage').on('change', function() {
            toggleSections();
        });

    });



    $(document).ready(function() {
        // Get all saved project statuses from Blade and parse them into an array
        let projectStatuses = @json($project->statuses->pluck('status')->toArray());

        // Function to show buttons based on available statuses
        function showSavedStatuses() {
            $("#bsesBtn").toggle(projectStatuses.includes(2));
            $("#demolitionBtn").toggle(projectStatuses.includes(2));
            $("#draftannexureBtn").toggle(projectStatuses.includes(6));
            $("#draftannexuretwoBtn").toggle(projectStatuses.includes(7));
            $("#jointBtn").toggle(projectStatuses.includes(3));
            $("#eLotteryBtn").toggle(projectStatuses.includes(13));
            $("#allotmentLetterBtn").toggle(projectStatuses.includes(13));
            $("#lotteryBtn").toggle(projectStatuses.includes(8));
            $("#temporaryBtn").toggle(projectStatuses.includes(2));
        }

        // Function to show only selected status on dropdown change
        function showSelectedStatus(selectedStatus) {
            $("#bsesBtn").toggle(selectedStatus == 2);
            $("#jointBtn").toggle(selectedStatus == 5);
        }

        // On page load, show buttons for saved statuses
        showSavedStatuses();

        // On dropdown change, show only the selected status
        $("#statusSelect").change(function() {
            let selectedStatus = parseInt($(this).val());
            showSelectedStatus(selectedStatus);
        });
    });
</script>



</body>