@include('layouts.header', ['title' => isset($project) ? 'Edit 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>

                <div class="row">
                    <div class="col-lg-9">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="page-title">{{ isset($project) ? 'Edit' : 'Add' }} Project</h4>
                            </div>

                            <form id="userForm" class="form-horizontal-style-2"
                                action="{{ isset($project) && $project->id ? route('admin.project.update', $project->id) : route('admin.project.store') }}"
                                method="POST" enctype="multipart/form-data">
                                @csrf
                                @if (isset($project) && $project->id)
                                    @method('PUT')
                                @endif

                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="mb-3">
                                                <label for="name" class="form-label">Project Name <span
                                                        class="text-danger">*</span></label>
                                                <input type="text" id="name" name="name"
                                                    class="form-control @error('name') is-invalid @enderror"
                                                    placeholder="Enter Project Name"
                                                    value="{{ old('name', isset($project) ? $project->name : '') }}"
                                                    required>
                                                @error('name')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>



                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="site_location" class="form-label">Project Site Location
                                                    <span class="text-danger">*</span></label>
                                                <input type="text" id="site_location" name="site_location"
                                                    class="form-control @error('site_location') is-invalid @enderror"
                                                    placeholder="Enter Project Site"
                                                    value="{{ old('name', isset($project) ? $project->site_location : '') }}"
                                                    required>
                                                @error('site_location')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="type_1" class="form-label">Project Belongs To <span
                                                        class="text-danger">*</span></label>
                                                <select class="form-select form-select-sm mb-3" name="project_belongs_to" required>
                                                    <option value="" selected disabled>Select</option>
                                                    <option value="LAAR" {{ old('project_belongs_to', $project->project_belongs_to ?? '') == 'LAAR' ? 'selected' : '' }}>
                                                        LAAR</option>
                                                    <option value="SDC" {{ old('project_belongs_to', $project->project_belongs_to ?? '') == 'SDC' ? 'selected' : '' }}>SDC</option>
                                                </select>
                                                @error('project_belongs_to')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="type_1" class="form-label">Project Type <span
                                                        class="text-danger">*</span></label>
                                                <select class="form-select form-select-sm mb-3" name="type_1"
                                                    id="type_1" required>
                                                    <option value="" selected disabled>Select</option>
                                                    <option value="1"
                                                        {{ old('type_1', $project->type_1 ?? '') == 1 ? 'selected' : '' }}>
                                                        MMRDA</option>
                                                    <option value="2"
                                                        {{ old('type_1', $project->type_1 ?? '') == 2 ? 'selected' : '' }}>
                                                        Other</option>
                                                </select>
                                                @error('type_1')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="type_2" class="form-label">Project Sub Type <span
                                                        class="text-danger">*</span></label>
                                                <select class="form-select form-select-sm mb-3" name="type_2"
                                                    id="type_2" required>
                                                    <option value="" selected disabled>Select</option>
                                                    <option value="1"
                                                        {{ old('type_2', $project->type_2 ?? '') == 1 ? 'selected' : '' }}>
                                                        MUTP</option>
                                                    <option value="2"
                                                        {{ old('type_2', $project->type_2 ?? '') == 2 ? 'selected' : '' }}>
                                                        MUIP</option>
                                                    <option value="3"
                                                        {{ old('type_2', $project->type_2 ?? '') == 3 ? 'selected' : '' }}>
                                                        Other</option>
                                                </select>
                                                @error('type_2')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>


                                    </div>

                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="demand_note" class="form-label">Demand Note <span
                                                        class="text-danger">*</span></label>
                                                <input type="file" id="demand_note" name="demand_note"
                                                    class="form-control @error('demand_note') is-invalid @enderror">

                                                @error('demand_note')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror

                                                @if (isset($project) && $project->relatedDocument?->demand_note)
                                                    <small class="form-text text-muted">
                                                        Current file:
                                                        <a href="javascript:void(0);" class="open-preview"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="View File"
                                                            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) }}">
                                                            {{ $project->relatedDocument->demand_note }}
                                                        </a>


                                                    </small>
                                                @else
                                                    <small class="form-text text-muted">No file uploaded
                                                        yet.</small>
                                                @endif
                                            </div>
                                        </div>


                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="project_coordinates" class="form-label">Project
                                                    Coordinates
                                                    <span class="text-danger">*</span>
                                                </label>
                                                <input type="file" id="project_coordinates"
                                                    name="project_coordinates"
                                                    class="form-control
                                                    @error('project_coordinates') is-invalid @enderror">
                                                @error('project_coordinates')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                                @if (isset($project) && $project->relatedDocument?->project_coordinates)
                                                    <small class="form-text text-muted">
                                                        Current file:

                                                        <a href="javascript:void(0);" class="open-preview"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="View File"
                                                            data-file-url="{{ asset('storage/' . \App\Utils\Constants::PROJECT_BASE_PATH . '/project_' . $project->id . '/project_coordinates/' . $project->relatedDocument->project_coordinates) }}"
                                                            data-file-type="{{ pathinfo($project->relatedDocument->project_coordinates, PATHINFO_EXTENSION) }}">
                                                            {{ $project->relatedDocument->project_coordinates }}
                                                        </a>

                                                    </small>
                                                @else
                                                    <small class="form-text text-muted">No file uploaded
                                                        yet.</small>
                                                @endif
                                            </div>
                                        </div>


                                    </div>


                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="mb-3">
                                                <label for="note" class="form-label">Note</label>
                                                <textarea id="note" name="note" class="form-control @error('note') is-invalid @enderror"
                                                    placeholder="Enter Project Note" rows="4">{{ old('note', $project->note ?? '') }}</textarea>
                                                @error('note')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <hr class="mt-0">


                                    <!-- Additional fields that will be dynamically displayed -->
                                    {{-- <div class="row" id="nextStageSection" style="{{ old('type_1', $project->type_1 ?? '') == 2 ? 'display:block;' : 'display:none;' }}">
                                            <div class="col-lg-6">
                                                <div class="mb-3">
                                                    <label for="next_stage" class="form-label">Next Stage</label>
                                                    <select class="form-select form-select-sm mb-3" name="next_stage" id="next_stage">
                                                        <option value="" selected disabled>Select</option>
                                                        <option value="1" {{ old('next_stage', $project->relatedDocument->next_stage ?? '') == '1' ? 'selected' : '' }}>Upload BSES</option>
                                                        <option value="2" {{ old('next_stage', $project->relatedDocument->next_stage ?? '') == '2' ? 'selected' : '' }}>Upload Draft Annexure</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div> --}}

                                    <div class="row" id="nextStageSection" style="display: none;">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label for="next_stage" class="form-label">Next Stage</label>
                                                <select class="form-select form-select-sm mb-3" name="next_stage"
                                                    id="next_stage">
                                                    <option value="" selected disabled>Select</option>
                                                    <option value="BSES"
                                                        {{ old('next_stage', $project->relatedDocument->next_stage_type ?? '') == 'BSES' ? 'selected' : '' }}>
                                                        Upload BSES</option>
                                                    <option value="Annexure"
                                                        {{ old('next_stage', $project->relatedDocument->next_stage_type ?? '') == 'Annexure' ? 'selected' : '' }}>
                                                        Upload Draft Annexure</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row" id="fileUploadSection" style="display: none;">
                                        <div class="col-lg-6">
                                            <div class="mb-3">
                                                <label id="fileUploadLabel" for="next_stage_file"
                                                    class="form-label">Upload File</label>
                                                <input type="file" id="next_stage_file" name="next_stage_file"
                                                    class="form-control @error('next_stage_file') is-invalid @enderror">
                                                @error('next_stage_file')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                                @if (isset($project) && $project->relatedDocument?->next_stage_file)
                                                    <small class="form-text text-muted">
                                                        Current file:

                                                        <a href="javascript:void(0);" class="open-preview"
                                                            data-bs-toggle="tooltip" data-bs-placement="top"
                                                            title="View File"
                                                            data-file-url="{{ asset('storage/' . \App\Utils\Constants::PROJECT_BASE_PATH . '/project_' . $project->id . '/next_stage_file/' . $project->relatedDocument->next_stage_file) }}"
                                                            data-file-type="{{ pathinfo($project->relatedDocument->next_stage_file, PATHINFO_EXTENSION) }}">
                                                            {{ $project->relatedDocument->next_stage_file }}
                                                        </a>

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

                                <div class="card-footer border-top border-light">
                                    <button type="submit" class="btn btn-success me-2"
                                        id="submitBtn">{{ isset($project) ? 'Update' : 'Submit' }}</button>
                                </div>
                            </form>
                        </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">

<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();
        });
    });

            @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

</script>
</body>