@extends('backend.layouts.app')

@section('title', 'Edit Tender')

@section('content')
    @php
        $pageTitle = 'Edit Tender';
        $indexRoute = 'content-tender.index';
        $indexLabel = 'Tenders';
    @endphp
    @include('backend.layouts.partials._page_header')

    <form action="{{ route('content-tender.update', $tender->tender_id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')

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

            <div class="flex justify-end gap-3">
                <a href="{{ route('content-tender.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>

    {{-- Form padam lampiran: di luar borang utama (HTML tak benarkan form bertindih) --}}
    @foreach ($tender->documents as $document)
        <form id="delete-attachment-{{ $document->id }}"
            action="{{ route('content-tender.documents.destroy', $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(function (result) {
                        if (result.isConfirmed) form.submit();
                    });
                });
            });
        });
    </script>
@endpush