"use client"
import PageBreadcrumb from "@/components/common/PageBreadCrumb2";
import ComponentCard from '@/components/common/ComponentCard2';
import Button from '@/components/ui/button/Button2';
import Label from '@/components/form/Label';
import Input from '@/components/form/input/InputField2';
import { DocsIcon, PlusIcon, TableIcon, ChevronDownIcon } from "@/icons";

import React from "react";
import { useEffect, useState } from 'react';
import api, { convertDateTime3 } from '@/lib/_AG';



export default function SystemSetting() {

  //useEffect(() => {
  //  api.get('/api-test')
  //    .then((resp) => {
  //      console.log(resp)
  //    })
  //    .catch((err) => console.error(err));
  //}, []);

  return (
    <div>
      <PageBreadcrumb pageTitle1="시스템 관리" pageTitle2="설정" />

      <div className="space-y-2 grid grid-cols-1 gap-3 sm:w-[1024px]">
        <ComponentCard title="스마트 서비스 시스템 설정" titleIcon={<TableIcon />}>
        
          <div className="grid grid-cols-1 gap-3 sm:grid-cols-2">
            <div className="space-y-5">
              <div>
                <Label>알람 수신 리스트</Label>
                <Input type="text" defaultValue={"010-7336-7047, 010-4033-4076"} placeholder="알람을 수신할 전화번호를 입력하세요." />
              </div>
              <div>
                <Label>상태 폴링 주기</Label>
                <Input type="text" placeholder="상태 폴링 주기를 입력하세요." />
              </div>
              <div>
                <Label>API Key</Label>
                <Input type="text" placeholder="API Key를 입력하세요." />
              </div>
              <div>
                <Label>BASE_URL</Label>
                <Input type="text" placeholder="BASE_URL을 입력하세요." />
              </div>
            </div>
          </div>
            
          <div>
            <Button size="sm" variant="primary">저장</Button>
          </div>

        </ComponentCard>
      </div>
    </div>
  );
}
