@extends('backend.layouts.app')

@section('title', 'Edit Parliament Q&A')

@section('content')
    @php
        $pageTitle = 'Edit Parliament Q&A';
        $indexRoute = 'content-parliament-qa.index';
        $indexLabel = 'Parliament Q&A';
    @endphp
    @include('backend.layouts.partials._page_header')

    <form action="{{ route('content-parliament-qa.update', $item->parliament_qa_id) }}" method="POST"
        enctype="multipart/form-data" id="main-form">
        {!! csrf_field() !!}
        {!! method_field('PUT') !!}

        <div class="space-y-6">
            @include('backend.module.parliamentQa._form')

            <div class="flex justify-end gap-3">
                <a href="{{ route('content-parliament-qa.index') }}"
                    class="rounded-lg border border-gray-300 px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 dark:border-gray-700 dark:text-gray-300">
                    Cancel
                </a>
                <button type="submit" class="rounded-lg bg-brand-500 px-4 py-2 text-sm text-white hover:bg-brand-600">
                    Update
                </button>
            </div>
        </div>
    </form>

    {{-- Delete forms for attachments: outside the main form (HTML forbids nested forms) --}}
    @foreach ($item->documents as $document)
        <form id="delete-attachment-{{ $document->parliament_qa_document_id }}"
            action="{{ route('content-parliament-qa.documents.destroy', $document->parliament_qa_document_id) }}"
            method="POST" class="hidden delete-attachment-form">
            @csrf
            @method('DELETE')
        </form>
    @endforeach
@endsection

@push('styles')
    <style>
        [x-cloak] { display: none !important; }
    </style>
@endpush

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            document.querySelectorAll('.filepond').forEach(function (el) {
                FilePond.create(el, {
                    credits: false,
                    allowImagePreview: false,
                    storeAsFile: true,
                    allowMultiple: el.hasAttribute('multiple'),
                    maxFiles: el.dataset.maxFiles ? parseInt(el.dataset.maxFiles, 10) : null
                });
            });

            document.querySelectorAll('.delete-attachment-form').forEach(function (form) {
                form.addEventListener('submit', function (e) {
                    e.preventDefault();

                    if (typeof Swal === 'undefined') {
                        if (confirm('Delete this attachment?')) {
                            form.submit();
                        }
                        return;
                    }

                    Swal.fire({
                        title: 'Delete this attachment?',
                        text: 'The file will be removed permanently.',
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#ef4444',
                        cancelButtonColor: '#6b7280',
                        confirmButtonText: 'Yes, delete it!',
                        width: '380px',
                    }).then((result) => {
                        if (result.isConfirmed) form.submit();
                    });
                });
            });
        });
    </script>
@endpush