import { Component, OnInit } from '@angular/core';

export interface PeriodicElement {
  name: string;
  position: number;
  weight: number;
  symbol: string;
}

const ELEMENT_DATA_ARTITLE: Array<any> = [
  {
    imagen: 'https://www.solerpalau.mx/ALP/HABSILDUAL.jpg',
    articulo: 'SILENT DESIGN',
    modelo: 'SILENT DESIGN 200',
    formato: 'Cajas',
    cantidad: '6',
    precioUnitario: '$20.00',
    precioTotal: '$120.00'
  },
  {
    imagen: 'https://www.solerpalau.mx/ALP/HABFUT.jpg',
    articulo: 'FUTURE',
    modelo: 'FUTURE 120',
    formato: 'Unidad',
    cantidad: '4',
    precioUnitario: '$25.00',
    precioTotal: '$100.00'
  },
  {
    imagen: 'https://www.solerpalau.mx/ALP/HABSILDUAL.jpg',
    articulo: 'SILENT DUAL',
    modelo: 'SILENT DUAL 100',
    formato: 'Cajas',
    cantidad: '3',
    precioUnitario: '$10.00',
    precioTotal: '$30.00'
  },
];



const ELEMENT_DATA_DISPATCH: Array<any> = [
  {
    idDespacho: '000000001',
    despacho: 'Despacho Observatorio',
    direccion: 'Calz. Minas de Arena, Acueducto, 01120 Ciudad de México, México.'
  },
];

const ELEMENT_DATA_SHIPPINGMETHOD: Array<any> = [
  {
    idMetodo: '000000001',
    metodoPago: 'Extanjero',
    tipoMetodo: 'Crédito'
  },
];

const ELEMENT_DATA_STATE: Array<any> = [
  {
    estado: 'En preparación',
    fechaRegistro: '02/11/2022 T09:50:12'
  },
  {
    estado: 'En preparación',
    fechaRegistro: '04/11/2022 T14:36:41'
  },
  {
    estado: 'Preparado',
    fechaRegistro: '04/11/2022 T16:48:29'
  },
  {
    estado: 'Enviado',
    fechaRegistro: '07/11/2022 T08:10:01'
  },
];



@Component({
  selector: 'app-details-order',
  templateUrl: './details-order.component.html',
  styleUrls: ['./details-order.component.css']
})
export class DetailsOrderComponent implements OnInit {

  public displayedColumnsArtitle: string[] = ['ITEM1', 'ITEM2', 'ITEM3', 'ITEM4', 'ITEM5', 'ITEM6', 'ITEM7', 'ITEM8'];
  public displayedColumnsDispatch: string[] = ['ITEM1', 'ITEM2', 'ITEM3'];
  public displayedColumnsShippingMethod: string[] = ['ITEM1', 'ITEM2', 'ITEM3'];
  public displayedColumnsState: string[] = ['ITEM1', 'ITEM2'];

  public dataSourceArtitle = ELEMENT_DATA_ARTITLE;
  public dataSourceDispatch = ELEMENT_DATA_DISPATCH;
  public dataSourceShippingMethod = ELEMENT_DATA_SHIPPINGMETHOD;
  public dataSourceState = ELEMENT_DATA_STATE;

  constructor() { }

  ngOnInit(): void {
  }

}
