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 function GatePass() {
  const service = new AssetService();
  const [showBarcode, setShowBarcode] = useState<boolean>(false);
  const [barcode, setBarcode] = useState<AssetDto[]>([]);
  const generateBarcode = (assetId) => {
    const req = new AssetByCode(assetId);
    service.getByAssetCode(req).then(res => {
      if (res.status) {
        console.log(res.data, '--------------dataaaa')
        setShowBarcode(true);
        setBarcode([res.data[0]]);
        AlertMessages.getSuccessMessage(res.internalMessage)
      } else {
        AlertMessages.getErrorMessage(res.internalMessage)

      }
    }).catch(err => {
      AlertMessages.getErrorMessage(err.message)

    })

  }
  return (
    <>
      <Card title={<span style={{ color: 'white' }}>Gate Pass</span>}
        style={{ textAlign: 'center' }} headStyle={{ backgroundColor: '#69c0ff', border: 0 }}>
       <Descriptions  style={{ textAlign: "center" }} bordered>
    <Descriptions.Item label="Gate Number">1021</Descriptions.Item>
    <Descriptions.Item label="Mrn Number">1054521</Descriptions.Item>
    <Descriptions.Item label="Dc Date">18/05/2023</Descriptions.Item>
    <Descriptions.Item label="Model Number">12210</Descriptions.Item>
    <Descriptions.Item label="From Plant">BAI1</Descriptions.Item>
    <Descriptions.Item label="To Plant">BAI3 </Descriptions.Item>
    <Descriptions.Item label="Status" span={2}>
      <Badge status="processing" text="In Transit" />
    </Descriptions.Item>
    <Descriptions.Item label="Quality">1</Descriptions.Item>

    <Descriptions.Item label="Issued By">Rama Krishna</Descriptions.Item>
    <Descriptions.Item label="Received By">Sai Deepak </Descriptions.Item>
  </Descriptions>
        <br></br>
        <br></br>
        <Button type='primary' shape='round' >Print</Button>
      </Card>
    </>
  );
  }
export default GatePass;