{/* Header */}

Edit Publikasi

Perbarui detail publikasi di bawah

{/* Flash */} {flash?.success && (

{flash.success}

)} {flash?.error && (

{flash.error}

)} {/* Form */}

Formulir Edit Publikasi

Pastikan informasi yang diperbarui sudah benar

{/* * PENTING: semua input termasuk harus berada * di dalam tag

ini agar ikut ter-submit. */}

{/* Judul + Tanggal */}

Judul * setData('judul', ev.target.value)} className={inputAdminLg(e.judul)} />

Tanggal Publikasi * setData('tanggal_publikasi', ev.target.value)} className={inputAdminLg(e.tanggal_publikasi)} />

{/* Deskripsi */}

Deskripsi

setData('deskripsi', ev.target.value)}
                                    className={inputAdminLg(e.deskripsi)}
                                />
                                <FieldError message={e.deskripsi} />
                            </div>

{/* File — input WAJIB di dalam <form> */}
                            <div>
                                <label className="block text-sm font-medium text-gray-700 sm:text-base">Ganti File Dokumen</label>

{/* Info file saat ini */}
                                {publikasi.file_info && (
                                    <div className="mt-2 rounded-md border border-blue-200 bg-blue-50 p-3">
                                        <p className="text-xs text-gray-500">File saat ini:</p>
                                        <p className="text-sm font-medium text-blue-900">{publikasi.file_info}</p>
                                    </div>
                                )}

{/* Drop zone — label menunjuk ke input di bawahnya (masih dalam form) */}
                                <label
                                    htmlFor="file-upload"
                                    className={`mt-4 flex cursor-pointer justify-center rounded-md border-2 border-dashed px-6 py-8 transition-colors hover:border-gray-400 ${
                                        e.file ? 'border-red-300 bg-red-50' : 'border-gray-300'
                                    }`}
                                >
                                    <div className="space-y-2 text-center">
                                        <div className="mx-auto flex h-12 w-12 items-center justify-center rounded-lg bg-orange-100">
                                            <Upload className="h-6 w-6 text-orange-600" />
                                        </div>
                                        <div className="text-sm text-gray-600">
                                            <span className="font-medium text-orange-600 hover:text-orange-500">Upload file baru</span>
                                            <span className="pl-1">atau drag and drop</span>
                                        </div>
                                        <p className="text-xs text-gray-500">
                                            PDF, DOC, DOCX, XLS, XLSX hingga 5MB. Kosongkan jika tidak ingin ganti.
                                        </p>
                                    </div>
                                </label>

{/*
                                 * ✅ Input file ADA DI DALAM <form> — ini yang sebelumnya menyebabkan bug.
                                 * Jangan pindahkan ke luar tag <form>.
                                 */}
                                <input
                                    id="file-upload"
                                    type="file"
                                    accept=".pdf,.doc,.docx,.xls,.xlsx"
                                    className="sr-only"
                                    onChange={(ev) => setData('file', ev.target.files ? ev.target.files[0] : null)}
                                />

{/* Preview file baru yang dipilih */}
                                {data.file && (
                                    <div className="mt-3 flex items-center justify-between rounded-md border border-green-200 bg-green-50 px-3 py-2">
                                        <p className="text-sm text-green-800">
                                            <span className="font-medium">File baru:</span> {data.file.name}{' '}
                                            <span className="text-green-600">({(data.file.size / 1024).toFixed(1)} KB)</span>
                                        </p>
                                        <button
                                            type="button"
                                            onClick={() => setData('file', null)}
                                            className="ml-2 text-green-600 hover:text-green-800"
                                            title="Batalkan pilihan file"
                                        >
                                            <X className="h-4 w-4" />
                                        </button>
                                    </div>
                                )}

{/* Progress bar */}
                                {progress && (
                                    <div className="mt-2">
                                        <div className="h-2 w-full rounded-full bg-gray-200">
                                            <div
                                                className="h-2 rounded-full bg-orange-600 transition-all duration-300"
                                                style={{ width: `${progress.percentage}%` }}
                                            />
                                        </div>
                                        <p className="mt-1 text-xs text-gray-500">Upload: {progress.percentage}%</p>
                                    </div>
                                )}

{/* Actions */}
                        <div className="mt-6 flex flex-col-reverse gap-3 border-t border-gray-200 pt-6 sm:flex-row sm:justify-end">
                            <Link
                                href={route('admin.publikasi.index')}
                                className="inline-flex justify-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 sm:w-auto"
                            >
                                Batal
                            </Link>
                            <button
                                type="submit"
                                disabled={processing}
                                className="inline-flex justify-center rounded-md bg-orange-600 px-6 py-2 text-sm font-medium text-white shadow-sm hover:bg-orange-700 disabled:cursor-not-allowed disabled:opacity-50 sm:w-auto"
                            >
                                {processing ? 'Memperbarui...' : 'Perbarui Publikasi'}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </AuthenticatedLayout>
    );
}