"use client";

export default function PropertyContact() {
    return (
        <div className="bg-white dark:bg-gray-900 rounded-2xl p-6 shadow-lg border border-gray-100 dark:border-gray-800 sticky top-24">
            <h3 className="text-xl font-bold text-foreground mb-2">Interested?</h3>
            <p className="text-sm text-gray-500 dark:text-gray-400 mb-6">
                Fill out the form below and our sales team will get back to you shortly.
            </p>

            <form className="space-y-4">
                <div>
                    <label htmlFor="name" className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Name</label>
                    <input
                        type="text"
                        id="name"
                        className="w-full px-4 py-2 rounded-lg bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 focus:ring-2 focus:ring-primary outline-none transition-all"
                        placeholder="John Doe"
                    />
                </div>
                <div>
                    <label htmlFor="phone" className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Phone</label>
                    <input
                        type="tel"
                        id="phone"
                        className="w-full px-4 py-2 rounded-lg bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 focus:ring-2 focus:ring-primary outline-none transition-all"
                        placeholder="+91 98765 43210"
                    />
                </div>
                <div>
                    <label htmlFor="email" className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Email</label>
                    <input
                        type="email"
                        id="email"
                        className="w-full px-4 py-2 rounded-lg bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 focus:ring-2 focus:ring-primary outline-none transition-all"
                        placeholder="john@example.com"
                    />
                </div>

                <button
                    type="submit"
                    className="w-full py-3 text-white bg-primary rounded-xl font-medium hover:bg-blue-800 transition-colors shadow-md hover:shadow-lg active:scale-95"
                >
                    Request Call Back
                </button>
            </form>

            <p className="mt-4 text-xs text-center text-gray-400">
                By submitting, you agree to our privacy policy.
            </p>
        </div>
    );
}
