import { ListGroup } from "react-bootstrap";

interface VehicleTaxCo2Emissions {
  StandardSixMonth: { Amount: number; PerMonth: number };
  StandardTwelveMonth: { Amount: number; PerMonth: number };
  FirstYearSixMonth: { Amount: number; PerMonth: number };
  "First Year Twelve Month": { Amount: number; PerMonth: number };
  "PremiumVehicleYear2to6-SixMonth": { Amount: number; PerMonth: number };
  "PremiumVehicleYear2to6-Twelve Month": { Amount: number; PerMonth: number };
  VedCo2Emissions: number;
  VedBand: string;
  VedCo2Band: string;
}

function VehicleTaxCo2Emission({
  vehicleTaxCo2Emissions
}: {
  vehicleTaxCo2Emissions: VehicleTaxCo2Emissions;
}) {
  if (!vehicleTaxCo2Emissions) return null; // Prevent errors if data is missing

  return (
    <div className="carCardInfo mb-5">
      <div className="carCardInfoHead">
        <h4 className="text-center font-weight-800 title-color m-0">
          Vehicle Tax & Co2 Emissions
        </h4>
      </div>
      <div className="carCardInfoList">
        <ListGroup as="ul">
          {/* Standard Six Month */}
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">Standard Six Month</span>
            {vehicleTaxCo2Emissions.StandardSixMonth.Amount}
          </ListGroup.Item>
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">Per Month</span>
            {vehicleTaxCo2Emissions.StandardSixMonth.PerMonth && vehicleTaxCo2Emissions.StandardSixMonth.PerMonth!=0 ? vehicleTaxCo2Emissions.StandardSixMonth.PerMonth:'***'}
          </ListGroup.Item>

          {/* Standard Twelve Month */}
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">Standard Twelve Month</span>
            {vehicleTaxCo2Emissions.StandardTwelveMonth.Amount && vehicleTaxCo2Emissions.StandardTwelveMonth.Amount!=0 ? vehicleTaxCo2Emissions.StandardTwelveMonth.Amount:'***'}
          </ListGroup.Item>
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">Per Month</span>
            {vehicleTaxCo2Emissions.StandardTwelveMonth.PerMonth && vehicleTaxCo2Emissions.StandardTwelveMonth.PerMonth!=0 ? vehicleTaxCo2Emissions.StandardTwelveMonth.PerMonth:'***'}
          </ListGroup.Item>

          {/* First Year Six Month */}
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">First Year Six Month</span>
            {vehicleTaxCo2Emissions.FirstYearSixMonth.Amount && vehicleTaxCo2Emissions.FirstYearSixMonth.Amount!=0 ? vehicleTaxCo2Emissions.FirstYearSixMonth.Amount:'***'}
          </ListGroup.Item>
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">Per Month</span>
            {vehicleTaxCo2Emissions.FirstYearSixMonth.PerMonth && vehicleTaxCo2Emissions.FirstYearSixMonth.PerMonth!=0 ? vehicleTaxCo2Emissions.FirstYearSixMonth.PerMonth:'***'}
          </ListGroup.Item>

          {/* First Year Twelve Month */}
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">
              First Year Twelve Month
            </span>
            {vehicleTaxCo2Emissions["First Year Twelve Month"].Amount && vehicleTaxCo2Emissions["First Year Twelve Month"].Amount!=0 ? vehicleTaxCo2Emissions["First Year Twelve Month"].Amount:'***'}
          </ListGroup.Item>
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">Per Month</span>
            {vehicleTaxCo2Emissions["First Year Twelve Month"].PerMonth && vehicleTaxCo2Emissions["First Year Twelve Month"].PerMonth!=0 ? vehicleTaxCo2Emissions["First Year Twelve Month"].PerMonth:'***'}
          </ListGroup.Item>

          {/* Premium Vehicle Year 2 to 6 - Six Month */}
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">
              Premium Vehicle Year 2 to 6 - Six Month
            </span>
            {vehicleTaxCo2Emissions["PremiumVehicleYear2to6-SixMonth"].Amount && vehicleTaxCo2Emissions["PremiumVehicleYear2to6-SixMonth"].Amount!=0 ? vehicleTaxCo2Emissions["PremiumVehicleYear2to6-SixMonth"].Amount:'***'}
          </ListGroup.Item>
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">Per Month</span>
            {vehicleTaxCo2Emissions["PremiumVehicleYear2to6-SixMonth"].PerMonth && vehicleTaxCo2Emissions["PremiumVehicleYear2to6-SixMonth"].PerMonth!=0 ? vehicleTaxCo2Emissions["PremiumVehicleYear2to6-SixMonth"].PerMonth:'***'}
          </ListGroup.Item>

          {/* Premium Vehicle Year 2 to 6 - Twelve Month */}
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">
              Premium Vehicle Year 2 to 6 - Twelve Month
            </span>
            {
              vehicleTaxCo2Emissions["PremiumVehicleYear2to6-Twelve Month"]
                .Amount && vehicleTaxCo2Emissions["PremiumVehicleYear2to6-Twelve Month"].Amount!=0 ? vehicleTaxCo2Emissions["PremiumVehicleYear2to6-Twelve Month"].Amount:'***'
            }
          </ListGroup.Item>
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">Per Month</span>
            {
              vehicleTaxCo2Emissions["PremiumVehicleYear2to6-Twelve Month"]
                .PerMonth && vehicleTaxCo2Emissions["PremiumVehicleYear2to6-Twelve Month"].PerMonth!=0 ? vehicleTaxCo2Emissions["PremiumVehicleYear2to6-Twelve Month"].PerMonth:'***'
            }
          </ListGroup.Item>

          {/* VED CO2 Emissions */}
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">VED CO2 Emissions</span>
            {vehicleTaxCo2Emissions.VedCo2Emissions}
          </ListGroup.Item>

          {/* VED Band */}
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">VED Band</span>
            {vehicleTaxCo2Emissions.VedBand}
          </ListGroup.Item>

          {/* VED CO2 Band */}
          <ListGroup.Item as="li">
            <span className="carCardInfoListTitle">VED CO2 Band</span>
            {vehicleTaxCo2Emissions.VedCo2Band}
          </ListGroup.Item>
        </ListGroup>
      </div>
    </div>
  );
}

export default VehicleTaxCo2Emission;