@include('layouts.header', ['title' => 'SLGRC Hearing'])
<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-12">
                        <div class="card">
                            <div class="card-header pb-2">
                                <h5 class="page-title mb-0">PAP Details</h5>
                            </div>
                            <div class="card-body py-3 px-4">
                                 @if ($slgrc->survey)
                                    {{-- Show survey-linked FLGRC details --}}
                                    <div class="mb-2">
                                        <strong>Map No:</strong> {{ $slgrc->survey->map_id ?? 'N/A' }}
                                    </div>
                                    <div class="mb-2">
                                        <strong>Structure ID:</strong> {{ $slgrc->survey->structure_id ?? 'N/A' }}
                                    </div>
                                    <div class="mb-2">
                                        <strong>Occupant Name:</strong> {{ $occupantName }}
                                    </div>
                                    <div class="mb-2">
                                        <strong>Affected Area:</strong> {{ $slgrc->project->name ?? 'N/A' }}
                                    </div>
                                    <div class="mb-2">
                                        <strong>Property Type:</strong> {{ $propertyType }}
                                    </div>
                                @elseif($slgrc->paps->isNotEmpty())
                                    {{-- Show PAP info if no survey --}}
                                    @php
                                        $structureUseMap = [
                                            '1' => 'Residential',
                                            '2' => 'Commercial',
                                            '3' => 'Resi-Cum-Comm',
                                            '4' => 'Others',
                                        ];
                                    @endphp

                                    @foreach ($slgrc->paps as $pap)
                                        <div class="mb-2">
                                            <strong>Occupant Name:</strong> {{ $pap->occupant_name ?? 'N/A' }}
                                        </div>
                                        <div class="mb-2">
                                            <strong>Address:</strong> {{ $pap->address ?? 'N/A' }}
                                        </div>
                                        <div class="mb-2">
                                            <strong>Affected Area:</strong>
                                            {{ $slgrc->project->name ?? 'N/A' }}
                                        </div>
                                        <div class="mb-2">
                                            <strong>Property Type:</strong>
                                            {{ $structureUseMap[$pap->structure_use] ?? 'N/A' }}
                                        </div>
                                    @break

                                    {{-- Only show the first PAP record if multiple exist --}}
                                @endforeach
                            @else
                                <div class="text-muted">No data found for this record.</div>
                            @endif
                            </div>
                        </div>
                    </div>
                </div>

                {{-- After labels --}}

                <div class="row mt-3">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header pb-2">
                                <h5 class="page-title mb-0">Hearings</h5>
                            </div>
                            <div class="card-body py-2 px-3">
                                @if ($slgrc->hearings->isNotEmpty())
                                    <div class="table-responsive">
                                        <table class="table table-bordered table-sm">
                                            <thead>
                                                <tr>
                                                    <th>Date & Time</th>
                                                    <th>MMRDA Attendees</th>
                                                    <th>Other Attendees</th>
                                                    <th>Notes</th>
                                                    <th>Document</th>
                                                     <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($slgrc->hearings as $hearing)
                                                    <tr>
                                                        <td>
                                                            {{ $hearing->datetime ? date('d M Y H:i', strtotime($hearing->datetime)) : 'N/A' }}
                                                        </td>
                                                        <td style="max-width: 300px; word-wrap: break-word;">
                                                            <div style="white-space: normal;">
                                                                @foreach ($hearing->mmrcUsers as $user)
                                                                    <span class="badge bg-info text-dark me-1"
                                                                        title="{{ $user->name }}">
                                                                        {{ Str::limit($user->name, 20) }}
                                                                    </span>
                                                                @endforeach
                                                            </div>
                                                        </td>
                                                        <td style="max-width: 300px; word-wrap: break-word;">
                                                            <div style="white-space: normal;">
                                                                @foreach (explode(',', $hearing->other_attendees) as $name)
                                                                    @php $name = trim($name); @endphp
                                                                    @if ($name)
                                                                        <span class="badge bg-secondary text-light me-1"
                                                                            title="{{ $name }}">
                                                                            {{ Str::limit($name, 20) }}
                                                                        </span>
                                                                    @endif
                                                                @endforeach
                                                            </div>
                                                        </td>
                                                        <td style="max-width: 300px; word-wrap: break-word;"
                                                            title="{{ $hearing->notes }}">
                                                            {{ Str::limit($hearing->notes, 50) }}
                                                        </td>
                                                        <td>

                                                            @if ($hearing->document)
                                                                <a href="#"
                                                                    class="text-reset fs-16 px-1 open-preview"
                                                                    data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="View File"
                                                                    data-file-url="{{ asset('storage/slgrc/hearing/' . $hearing->document) }}"
                                                                    data-file-type="{{ pathinfo($hearing->document, PATHINFO_EXTENSION) }}">
                                                                    <i class="bi bi-eye-fill"></i>
                                                                </a>
                                                            @else
                                                                N/A
                                                            @endif
                                                        </td>
                                                         <td>
                                                            <a href="javascript:void(0);"
                                                                class="text-reset fs-16 px-1 open-hearing-modal"
                                                                data-id="{{ $hearing->id }}" title="View Hearing">
                                                                <i class="bi bi-eye-fill fs-5"></i>
                                                            </a>
                                                        </td>
                                                    </tr>

                                                     <!-- Modal for each hearing -->
                                                    <div class="modal fade" id="editHearingModal{{ $hearing->id }}"
                                                        tabindex="-1"
                                                        aria-labelledby="editHearingModalLabel{{ $hearing->id }}"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog modal-lg modal-dialog-scrollable">
                                                            <div class="modal-content">

                                                                <div class="modal-header py-3">
                                                                    <h5 class="modal-title fs-5">View Hearing Details
                                                                    </h5>
                                                                    <button type="button" class="btn-close"
                                                                        data-bs-dismiss="modal"
                                                                        aria-label="Close"></button>
                                                                </div>

                                                                <div class="modal-body px-4 py-3">
                                                                    <div class="row gy-3">

                                                                        <!-- Date & Time -->
                                                                        <div class="col-md-6">
                                                                            <label class="form-label fw-bold">Date &
                                                                                Time</label>
                                                                            <div class="form-control-plaintext fs-6">
                                                                                {{ \Carbon\Carbon::parse($hearing->datetime)->format('d M Y, h:i A') }}
                                                                            </div>
                                                                        </div>

                                                                        <!-- MMRDA Attendees -->
                                                                        <div class="col-12">
                                                                            <label class="form-label fw-bold">MMRDA
                                                                                Attendees</label>
                                                                            <div class="form-control-plaintext fs-6">
                                                                                @foreach ($hearing->mmrcUsers as $user)
                                                                                    <span
                                                                                        class="badge bg-info text-dark me-1 mb-1 fs-6">{{ $user->name }}</span>
                                                                                @endforeach
                                                                            </div>
                                                                        </div>

                                                                        <!-- Other Attendees -->
                                                                        <div class="col-12">
                                                                            <label class="form-label fw-bold">Other
                                                                                Attendees</label>
                                                                            <div class="form-control-plaintext fs-6">
                                                                                @foreach (explode(',', $hearing->other_attendees) as $attendee)
                                                                                    @php $attendee = trim($attendee); @endphp
                                                                                    @if ($attendee)
                                                                                        <span
                                                                                            class="badge bg-secondary me-1 mb-1 fs-6">{{ $attendee }}</span>
                                                                                    @endif
                                                                                @endforeach
                                                                            </div>
                                                                        </div>

                                                                        <!-- Notes -->
                                                                        <div class="col-12">
                                                                            <label
                                                                                class="form-label fw-bold">Notes</label>
                                                                            <div class="border rounded p-3 bg-light fs-6"
                                                                                style="white-space: pre-line; word-break: break-word;">
                                                                                {{ trim($hearing->notes) }}
                                                                            </div>
                                                                        </div>

                                                                    </div>
                                                                </div>

                                                                <div class="modal-footer py-3">
                                                                    <button type="button" class="btn btn-secondary"
                                                                        data-bs-dismiss="modal">Close</button>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @else
                                    <p class="text-muted mb-0">No hearing records found.</p>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Add Hearing Button + Form --}}
                <div class="row mt-2">
                    <div class="col-lg-12">
                        <button class="btn btn-sm btn-success" id="toggleFormBtn">Add Hearing</button>
                    </div>
                </div>

                <div class="row mt-2" id="hearingFormBlock" style="display: none;">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body py-2 px-4">
                                <form method="POST" id="userForm" action="{{ route('admin.slgrchearings.store') }}"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" name="slgrc_id" value="{{ $slgrc->id }}">

                                    <div class="row mb-2">
                                        <div class="col-md-4">
                                            <label class="form-label">Date & Time<span
                                                    class="text-danger">*</span></label>
                                            <input type="datetime-local" name="datetime" class="form-control" required>
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label">Attendees from MMRDA<span
                                                    class="text-danger">*</span></label>
                                            <select name="mmrc_users[]" class="form-control select2" multiple
                                                id="mmrcUsersSelect">
                                                @foreach ($users as $user)
                                                    <option value="{{ $user->id }}">{{ $user->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label">Other Attendees<span
                                                    class="text-danger">*</span></label>
                                            <input type="text" name="other_attendees" class="form-control">
                                        </div>
                                    </div>
                                    <div class="mb-2">
                                        <label class="form-label">Hearing Notes<span
                                                class="text-danger">*</span></label>
                                        <textarea name="notes" class="form-control" rows="3" required></textarea>
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label">Document<span class="text-danger">*</span></label>
                                        <input type="file" name="document" class="form-control">
                                    </div>
                                    <div class="row mt-2">
                                        <div class="col-lg-12">
                                            <button type="submit" class="btn btn-success btn-sm"
                                                id="submitBtn">Submit</button>
                                        </div>
                                    </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="{{ asset('assets/js/app.min.js') }}"></script>
    <!--  Select2 Plugin Js -->
    <script src="{{ asset('assets/vendor/select2/js/select2.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('userForm').addEventListener('submit', function() {
                const submitBtn = document.getElementById('submitBtn');
                submitBtn.disabled = true;
                submitBtn.innerHTML = 'Submitting...'; // Change button text to indicate submission
            });
        });
    </script>

    <!-- Custom JS -->
    <script src="{{ asset('assets/js/pages/flgrc/slgrchearing.js') }}"></script>

    </body>

    </html>