import React from "react";
import {getDictionary} from "../dictionaries";
import Dropdown from "@/ui/components/global/dropdown";
import {site_languages} from "@/constants";
import Link from "next/link";

export default async function Page({
  params,
}: {
  params: Promise<{lang: "en" | "fa"}>;
}) {
  const {lang} = await params;
  const dict = await getDictionary(lang); // en
  return (
    <>
      {/* <Dropdown options={site_languages} /> */}
      <div className="container mt-16 flex items-center">
        <ul className="flex items-center gap-x-2">
          <li>
            <Link href="/" className="font-semibold text-blue-primary">
              خانه
            </Link>
          </li>
          <span> / </span>
          <li>درباره ما</li>
        </ul>
      </div>
      <section className="my-24 container">
        <h3 className="text-3xl font-semibold text-blue-primary text-center">
          درباره بیمارستان شمال آمل
        </h3>
        <div className="grid grid-cols-2 items-start gap-x-5 mt-10">
          <div className="col-span-1">
            <div className="sticky top-4 custom-shadow">
              <video
                controls
                className="h-[400px] w-[700px] mx-auto rounded-lg "
              >
                <source src="./NICU.mp4" type="video/mp4" />
              </video>
            </div>
          </div>
          <div className="col-span-1 h-full border-[1px] border-neutral-200 rounded-lg p-6 custom-shadow">
            <p className="text-justify leading-7 text-neutral-700">
              بیمارستان تخصصی و فوق‌تخصصی شمال، در سال ۱۳۹۲ با هدف ارتقای سطح
              تندرستی و خدمات درمانی در شهرستان آمل و مناطق شمال کشور، تاسیس شد{" "}
              <br />
              این مرکز به‌عنوان یکی از نخستین بیمارستان‌های خصوصی مدرن استان
              مازندران، با بهره‌گیری از ۱۵۰ تخت بستری و زیرساخت‌های استاندارد،
              فعالیت خود را آغاز کرد. در طول یک دهه فعالیت، بیمارستان شمال با
              توسعه مداوم بخش‌های تخصصی و پاراکلینیکی، جذب تیم‌های پزشکی مجرب، و
              تجهیز به فناوری‌های نوین، توانسته است به یکی از مراکز شاخص درمانی
              منطقه تبدیل شود. امروز این بیمارستان با برخورداری از: اتاق‌های عمل
              مجهز بخش‌های مراقبت ویژه (ICU، CCU، NICU) اورژانس شبانه‌روزی
              کلینیک‌های تخصصی و خدمات تصویربرداری و آزمایشگاهی پاسخگوی نیازهای
              روزافزون بیماران از آمل، شهرهای هم‌جوار و حتی مسافران سلامت است.
              بیمارستان شمال با پایبندی به اصول کیفیت، کرامت انسانی،
              مسئولیت‌پذیری و نوآوری، چشم‌انداز خود را در مسیر تبدیل شدن به یکی
              از مراکز درمانی پیشرو در شمال کشور دنبال می‌کند.
            </p>
          </div>
        </div>
        <div className="grid grid-cols-12 gap-5 mt-5">
          <div className="col-span-5">
            <div className="custom-shadow p-10 rounded-lg">
              <form action="" className="space-y-4">
                <div className="space-y-2 flex flex-col">
                  <label htmlFor="">نام شما</label>
                  <input
                    type="text"
                    placeholder=""
                    className="border-[1px] border-neutral-400 rounded-lg py-2 px-4"
                  />
                </div>
                <div className="space-y-2 flex flex-col">
                  <label htmlFor="">ایمیل شما</label>
                  <input
                    type="text"
                    placeholder=""
                    className="border-[1px] border-neutral-400 rounded-lg py-2 px-4"
                  />
                </div>
                <div className="space-y-2 flex flex-col">
                  <label htmlFor="">پیام شما</label>
                  <textarea
                    rows={4}
                    placeholder=""
                    className="border-[1px] border-neutral-400 rounded-lg py-2 px-4"
                  ></textarea>
                </div>
                <div className="space-y-2 flex flex-col">
                  <button className="flex items-center justify-center py-4 rounded-lg text-center text-sm font-semibold bg-blue-primary text-white">
                    ارسال
                  </button>
                </div>
              </form>
            </div>
          </div>
          <div className="col-span-7">
            <div className="custom-shadow p-10 rounded-lg">
              
            </div>
          </div>
        </div>
      </section>
      {dict["top-menu"].about}
    </>
  );
}
