"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function PrescriptionRefillPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Voss Rd Pharmacy"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Refill Prescription", id: "refill" }
          ]}
          button={{
            text: "Call Now",
            href: "tel:+18324918088"
          }}
        />
      </div>

      <div id="refill" data-section="refill">
        <ContactSplitForm
          title="Refill Your Prescription"
          description="Quickly and easily refill your prescriptions online. Provide your prescription information below and we'll have your medication ready for pickup or delivery."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Full Name",
              required: true
            },
            {
              name: "prescriptionNumber",
              type: "text",
              placeholder: "Prescription Number",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number",
              required: true
            },
            {
              name: "previousPharmacy",
              type: "text",
              placeholder: "Previous Pharmacy (if transfer)",
              required: false
            }
          ]}
          textarea={{
            name: "additionalInfo",
            placeholder: "Any additional information or special instructions?",
            rows: 4,
            required: false
          }}
          imageSrc="http://img.b2bpic.net/free-photo/specialist-giving-effervescent-vitamin-patient-medical-office_482257-124337.jpg"
          imageAlt="Prescription refill service"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Submit Refill Request"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Prescription Refill FAQs"
          description="Quick answers to common prescription refill questions"
          tag="Help"
          faqs={[
            {
              id: "1",
              title: "How long does prescription refill take?",
              content: "Most prescriptions are processed within 24 hours during business hours. Rush processing may be available for certain medications. Call us at +1 832-491-8088 for expedited service."
            },
            {
              id: "2",
              title: "Can I refill my prescription from another pharmacy?",
              content: "Yes! We can transfer prescriptions from any pharmacy. Simply provide us with your prescription number and your previous pharmacy name, and we'll handle the rest."
            },
            {
              id: "3",
              title: "What payment methods do you accept for refills?",
              content: "We accept all major insurance plans, Medicare, Medicaid, and cash payments. We also accept debit and credit cards for over-the-counter purchases."
            },
            {
              id: "4",
              title: "Do you offer delivery for prescription refills?",
              content: "Yes, we offer free delivery in the Houston area for qualifying orders. Delivery typically takes 1-2 business days. Contact us for delivery details."
            },
            {
              id: "5",
              title: "How many times can I refill my prescription?",
              content: "The number of refills depends on your prescription. Most prescriptions allow 3-11 refills within a 12-month period. Check your prescription label or call us for specifics."
            },
            {
              id: "6",
              title: "What if I have questions about my medication?",
              content: "Our licensed pharmacists are available to answer medication questions. You can call us at +1 832-491-8088 or visit us in person at 2101 S Voss Rd #1500, Houston, TX 77057."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Voss Rd Pharmacy"
          leftLink={{
            text: "Privacy Policy",
            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",
            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}