import axios from "axios";
import React from "react";
import { useState } from "react";
// import "../Sharetransferrequests/sharetransferrequest.css";
import Calendar from "@sbmdkl/nepali-datepicker-reactjs";
import "@sbmdkl/nepali-datepicker-reactjs/dist/index.css";
import baseUrl from "../../../../array/base/config";

/**
 * A component to edit shareholder verification documents.
 * @param {Object} props - The component's props.
 * @param {Object} props.dat - The document data to edit.
 * @returns {JSX.Element} The rendered component.
 */
const EditVerificationDocument = ({dat}) => {
  // const [email, setEmail] = useState('');
  const [document_issue_date, setDocumentIssueDate] = useState(dat?.document_issue_date);
  const [document_type, setDocumentType] = useState(dat?.document_type);
  const [document_number, setDocumentNumber] = useState(dat?.document_number);
  const [document_file, setDocument_file] = useState(dat?.document_file);
  const [document_issue_date_bs, setDocument_issue_date_bs] = useState(dat?.document_issue_date_bs);
  const [document_expiry_date, setDocument_expiry_date] = useState(dat?.document_expiry_date);
  const [document_expiry_date_bs, setDocument_expiry_date_bs] = useState(dat?.document_expiry_date_bs)
  const [document_issue_place, setDocument_issue_place] = useState(dat?.document_issue_place);
  


  const handleSubmit = (e) => {
    e.preventDefault();
    console.log(
      document_issue_date,
      document_type,
      document_number,
      document_file,
      document_issue_date_bs,
      document_expiry_date_bs,
      document_expiry_date,
      document_issue_place,
    );
    const formData = new FormData();
    formData.append("document_expiry_date", document_expiry_date);
    
    const detail = localStorage.getItem("token");
    axios
      .patch(`${baseUrl}/api/shareholderdocument/${dat.id}/`, formData, {
        headers: {
          Authorization: `Token ${detail}`,
          "Content-Type": "multipart/form-data",
        },
      })
      .then((response) => {
        console.log(response);
        // handle successful response
      })
      .catch((error) => {
        console.error("The document post error is ", error);
        // handle error
      });
  };

 
  const handleExpiryDateChange = (e) => {
    const date = e.target.value;
    setDocument_expiry_date(date);
  };

  
  return (
    <div className="document_form_container">
      <div className="sharetransfer_card p-3">
        <div className="sharetransfer_form_group">
            <label>
              Document Expiry Date:
            </label>
            <input
              type="date"
              name="document_issue_date"
              value={document_expiry_date}
              onChange={handleExpiryDateChange}
              required
            />
          <div className="sharetransfer_form_group_btn">
             <button onClick={handleSubmit}>Update</button>
          </div>
        </div>
       
      </div>
    </div>
  );
};

export default EditVerificationDocument;