import React from 'react';

// ใน component นี้ เราจะจัดการแค่ UI/Input/Button และเรียก onSubmit() ที่มาจาก parent
export default function FileUploadAndSubmit({ file, setFile, isPending, onSubmit, selectedModelId }) {

    // กำหนดว่าปุ่มควรถูก Disable หรือไม่
    const isDisabled = isPending || !selectedModelId || !file;

    return (
        <form onSubmit={onSubmit} className="space-y-4">
            {/* File Upload */}
            <div>
                <label className="label">
                    <span className="label-text">อัปโหลดไฟล์ DICOM / NIfTI</span>
                </label>
                <input
                    type="file"
                    className="file-input file-input-bordered w-full"
                    accept=".nii,.nii.gz,.zip,.dcm"
                    onChange={(e) => setFile(e.target.files[0])}
                />
            </div>

            {/* Submit */}
            <button
                type="submit"
                className={`btn btn-primary w-full ${isPending ? 'loading' : ''}`}
                disabled={isDisabled}
            >
                {isPending ? 'กำลังประมวลผล...' : 'เริ่มประมวลผล'}
            </button>
        </form>
    );
}