import React, { useState } from 'react';
    import { Descriptions,Badge, Card, Button } from 'antd';
import { AssetByCode } from 'libs/shared-models/asset-management/src/lib/open-assets/asset-by-code.dto';
import { AssetService } from '../../../../../../shared-services/asset-management/src/lib/assets.service';
import { AlertMessages } from '@gtpl/shared-utils/alert-messages';
import { AssetDto, purchasedatefilterreq } from 'libs/shared-models/asset-management/src/lib/open-assets/assets.dto';

export interface DcViewProps {
    transferId: number;
    printOrder: () => void;
    printType: string;
  }
export function DcView(
    props:DcViewProps
) {
  
  const handlePrint = () => {
    const printWindow = window.open('', 'PRINT', 'height=700,width800');

  
    printWindow.document.write('</head><body>');
    printWindow.document.write(document.getElementById('dcView')!.innerHTML);
    printWindow.document.write('</body></html>');

    printWindow.document.close();
    printWindow.focus();
    printWindow.print();
    printWindow.close();
  }
  return (
    <>
      <Card  >
      <div id="dcView">
      <h1 style={{ textAlign: 'center', fontSize: '28px', marginTop: '12px' }}>Dc Transfer Details</h1>
          <h1 style={{ textAlign: 'center', fontSize: '20px', marginTop: '4px' }}>
            {props.printType}
          </h1>
          <br />
          <table  style={{ width: '100%' }}>
            <tr>
              <td  colSpan={2}>
                <h4>From Plant: </h4>
                {/* <b>{transferInfo.fromPlantName}</b> */}
              </td>
              <td style={{ padding: '15px' }}>
                {' '}
              </td>
              <td  colSpan={2}>
                <b>To Plant : </b>
                {/* <b>{transferInfo.toPlantName}</b> */}
              </td>
            </tr>
            <br />
            <br />
            <tr >
              <td>
                <b>DC NUMBER :</b>
              </td>
              {/* <td ={'ta-b'}>{transferInfo.dcNumber}</td> */}
              <td style={{ padding: '15px' }}>
                {' '}
              </td>
              <td >
                <b>MRN NUMBER :</b>
              </td>
              {/* <td ={'ta-b'}>{transferInfo.mrnNumber}</td> */}
            </tr>
            <br />
            <tr>
              <td >
                <b>DC DATE :</b>
              </td>
              {/* <td ={'ta-b'}>{moment(transferInfo.transferredDate).format("YYYY/MM/DD LTS")}</td> */}
              <td  style={{ padding: '30px' }}>
                {' '}
              </td>
              <td >
                <b>RECEIVED DATE :</b>
              </td>
              </tr>
            
              <tr>
              <td>
                <b>ITEM NAME :</b>
              </td>
              {/* <td ={'ta-b'}>{transferInfo.dcNumber}</td> */}
              <td style={{ padding: '30px' }}>
                {' '}
              </td>
              <td >
                <b>QUANTITY :</b>
              </td>
              {/* <td ={'ta-b'}>{transferInfo.mrnNumber}</td> */}
           
            
            <br />
           
            </tr>
            <tr>
              <td >
                <b>DC DATE :</b>
              </td>
      
              {/* <td ={'ta-b'}>{moment(transferInfo.transferredDate).format("YYYY/MM/DD LTS")}</td> */}
              <td  style={{ padding: '30px' }}>
                {' '}
              </td>
              <td>
             <b>UNIT PRICE :</b> 
              {/* {/* {/* <td ={'ta-b'}>{(transferInfo.receivedDate)?moment(transferInfo.receivedDate).format("YYYY/MM/DD LTS"):transferInfo.status}</td> */} 
              </td>
              </tr>
          </table>
          <br />
          <br />
          <div style={{ display: 'flex', justifyContent: 'space-between', marginTop: '30px' }}>
            <div style={{ padding: '10px' }}>
              {/* <p>{transferInfo.createdUser}</p> */}
              <h4>ISSUED BY</h4>
            </div>
            <div style={{ padding: '10px' }}>
              {/* <p>{transferInfo.receivedUser}</p> */}
              <h4>RECEIVED BY</h4>
            </div>
          </div>
        </div>
  
      <br></br>
        <br></br>
       <div style={{ display: 'flex', justifyContent: 'center', marginTop: '30px' }}>
          <Button type='primary' shape='round'onClick={handlePrint}>Print</Button> 
          </div>
      </Card>
    </>
  );
  }
export default DcView;