import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './components/home/home.component';
import { InicioComponent } from './components/inicio/inicio.component';
import { BusquedaProductosComponent } from './components/busqueda-productos/busqueda-productos.component';
import { ConfirmacionCarritoComponent } from './components/confirmacion-carrito/confirmacion-carrito.component';
import { MasterComponent } from './components/master/master.component';
import { AmbImagenesComponent } from './components/amb-imagenes/amb-imagenes.component';
import { PagoComponent } from './components/pago/pago.component';
import { CancelarCompraComponent } from './components/cancelar-compra/cancelar-compra.component';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'home', component: HomeComponent },
  { path: 'abm-imagenes', component: AmbImagenesComponent },
  { path: 'confirmacion-carrito', component: ConfirmacionCarritoComponent },
  { path: 'cancelar-compra', component: CancelarCompraComponent },
  {
    path: '',
    component: MasterComponent,
    children: [
      { path: 'inicio', component: InicioComponent },
      { path: 'busqueda-productos', component: BusquedaProductosComponent },
      { path: 'pago', component: PagoComponent }
    ]
  },
  { path: '**', redirectTo: '/home', pathMatch: 'full' },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})

export class AppRoutingModule { }