{/* Header */}

Tambah Publikasi Baru

Unggah dokumen baru untuk dipublikasikan

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

{flash.success}

)} {flash?.error && (

{flash.error}

)} {/* Form */}

Formulir Publikasi

Lengkapi informasi publikasi di bawah ini

{/* Judul + Tanggal */}

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

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

{/* Deskripsi */}

Deskripsi

setData('deskripsi', ev.target.value)}
                                    placeholder="Deskripsi singkat mengenai publikasi..."
                                    className={inputAdminLg(e.deskripsi)}
                                />
                                <FieldError message={e.deskripsi} />
                            </div>

{/* File */}
                            <div>
                                <label htmlFor="file" className="block text-sm font-medium text-gray-700 sm:text-base">
                                    File Dokumen <span className="text-red-500">*</span>
                                </label>
                                <div
                                    className={`mt-1 flex 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">
                                            <label htmlFor="file" className="cursor-pointer font-medium text-orange-600 hover:text-orange-500">
                                                Upload file
                                            </label>
                                            <span className="pl-1">atau drag and drop</span>
                                        </div>
                                        <p className="text-xs text-gray-500">PDF, DOC, DOCX, XLS, XLSX hingga 2MB</p>
                                    </div>
                                </div>
                                <input
                                    id="file"
                                    type="file"
                                    accept=".pdf,.doc,.docx,.xls,.xlsx"
                                    onChange={(ev) => setData('file', ev.target.files ? ev.target.files[0] : null)}
                                    className="sr-only"
                                />
                                {data.file && <p className="mt-2 text-sm text-gray-600">File terpilih: {data.file.name}</p>}
                                {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: {progress.percentage}%</p>
                                    </div>
                                )}
                                <FieldError message={e.file} />
                            </div>
                        </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 ? 'Menyimpan...' : 'Simpan Publikasi'}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </AuthenticatedLayout>
    );
}