<script lang="ts">
    import "bootstrap/dist/css/bootstrap.min.css";
    import Login from "./paginas/login.svelte";
    import { Router, Route, link } from "svelte-routing";
    import MenuPage from "./paginas/menu.svelte";
    import ProteRoute from "./Componentes/RutaProtegida.svelte";
    import InfoPage from "./paginas/info.svelte";
    import InqPage from "./paginas/inquilino.svelte";
    import PropPage from "./paginas/propietario.svelte";
    import MisPropiedades from "./paginas/MisPropiedades.svelte";
    import MisPropiedadesDeBaja from "./paginas/MisPropiedadesDeBaja.svelte";
    import FrontAdmin from "./paginas/grupos/AdminG.svelte";
    import FrontInformes from "./paginas/grupos/InformesG.svelte";
    import FrontInquilino from "./paginas/grupos/InquilinoG.svelte";
    import FrontPropietario from "./paginas/grupos/PropietarioG.svelte";
    import PublicarPropiedad from "./paginas/PublicarPropiedad.svelte";
    import BusquedaPropiedades from "./paginas/BusquedaPropiedades.svelte";
    import AdminUsuarios from "./paginas/AdminUsuarios.svelte";
    import AdminPropiedades from "./paginas/AdminPropiedades.svelte";
    import Notificaciones from "./paginas/Notificaciones.svelte";
    import ControlAlquileresInquilino from "./paginas/ControlAlquileresInquilino.svelte";
    import ControlAlquileresPropietario from "./paginas/ControlAlquileresPropietario.svelte";
    import ContratosPropietario from "./paginas/ContratosPropietario.svelte";
    import ContratoInquilino from "./paginas/ContratoInquilino.svelte";
    import Informes from "./paginas/Informes.svelte";
    import CompraYVentas from "./paginas/CompraYVenta.svelte";
    import Ventas from "./paginas/Ventas.svelte";
    import VerLogs from "./paginas/VerLogs.svelte";
    import ControlPagos from "./paginas/ControlPagos.svelte";
    import ContratoAdmin from "./paginas/ContratoAdmin.svelte";
    import BuscarVentas from "./paginas/BuscarVentas.svelte";
    import MisPropiedadesEnVenta from "./paginas/MisPropiedadesEnVenta.svelte";
    import AdminGrupos from "./paginas/AdminGrupos.svelte";
    import OtroG from "./paginas/grupos/OtroG.svelte";
    import GestionPemisos from "./paginas/GestionPemisos.svelte";
    import UsuarioPanel from "./paginas/UsuarioPanel.svelte";
    import CrearUsuario from "./paginas/CrearUsuario.svelte";
    import CargarContratoAdmin from "./paginas/CargarContratoAdmin.svelte";
</script>

<Router>
    <!-- Plantilla path
  <Route path="">
    <ProteRoute componente={}/>
  </Route>
  -->

    <Route path="/" component={Login} />
    <Route path="/Info" component={InfoPage} />

    <Route path="/Menu">
        <ProteRoute componente={MenuPage} />
    </Route>

    <!--Publicar Prop
  iedad-->
    <Route path="/accion/1">
        <ProteRoute componente={PublicarPropiedad} />
    </Route>

    <!--Mis Propiedades-->
    <Route path="/accion/2">
        <ProteRoute componente={MisPropiedades} />
    </Route>

    <!--Buscar Propiedades-->
    <Route path="/accion/3">
        <ProteRoute componente={BusquedaPropiedades} />
    </Route>

    <!--Crear Cuenta Inquilino-->
    <Route path="/accion/4">
        <ProteRoute componente={InqPage} />
    </Route>

    <!--Crear Cuenta Propietario-->
    <Route path="/accion/5">
        <ProteRoute componente={PropPage} />
    </Route>

    <!--Informes-->
    <Route path="/accion/6">
        <ProteRoute componente={Informes} />
    </Route>

    <!--Ver Logs-->
    <Route path="/accion/7">
        <ProteRoute componente={VerLogs} />
    </Route>

    <!--Administrar Propiedades Dadas de Baja-->
    <Route path="/accion/8">
        <ProteRoute componente={MisPropiedadesDeBaja} />
    </Route>

    <!-- Pantalla Control Usuarios -->
    <Route path="/accion/9">
        <ProteRoute componente={AdminUsuarios} />
    </Route>

    <!-- Pantalla Control Propiedades -->
    <Route path="/accion/10">
        <ProteRoute componente={AdminPropiedades} />
    </Route>

    <!-- Pantalla Control Alquileres Inquilino -->
    <Route path="/accion/11">
        <ProteRoute componente={ControlAlquileresInquilino} />
    </Route>

    <!-- Pantalla Control Alquileres Propietario -->
    <Route path="/accion/12">
        <ProteRoute componente={ControlAlquileresPropietario} />
    </Route>

    <!-- Compra y Ventas -->
    <Route path="/accion/13">
        <ProteRoute componente={CompraYVentas} />
    </Route>

    <!-- Control Pago Contratos Incumplidos -->
    <Route path="/accion/14">
        <ProteRoute componente={ControlPagos} />
    </Route>

    <!-- VerPropiedadesEnVenta -->
    <Route path="/accion/15">
        <ProteRoute componente={MisPropiedadesEnVenta} />
    </Route>

    <!-- Buscar Ventas -->
    <Route path="/accion/16">
        <ProteRoute componente={BuscarVentas} />
    </Route>

    <!-- Creacion Permisos -->
    <Route path="/accion/17">
        <ProteRoute componente={GestionPemisos} />
    </Route>

    <!-- Gestion Grupos -->
    <Route path="/accion/18">
        <ProteRoute componente={AdminGrupos} />
    </Route>

    <!-- Crear Usuario -->
    <Route path="/accion/19">
        <ProteRoute componente={CrearUsuario} />
    </Route>

    <!-- Cargar Contrato Admin -->
    <Route path="/accion/20">
        <ProteRoute componente={CargarContratoAdmin}/>
    </Route>

    <!-- Pagina Ventas -->
    <Route path="/Ventas">
        <ProteRoute componente={Ventas} />
    </Route>

    <!--Paginas info Grupo-->
    <Route path="/grupo/Inquilino">
        <ProteRoute componente={FrontInquilino} />
    </Route>
    <Route path="/grupo/Propietario">
        <ProteRoute componente={FrontPropietario} />
    </Route>
    <Route path="/grupo/Admin">
        <ProteRoute componente={FrontAdmin} />
    </Route>
    <Route path="/grupo/Informes">
        <ProteRoute componente={FrontInformes} />
    </Route>
    <Route path="/grupo/:id" let:params>
        <ProteRoute componente={{ OtroG, params }} />
    </Route>

    <!--Notificaciones-->
    <Route path="/notificaciones">
        <ProteRoute componente={Notificaciones} />
    </Route>

    <Route path="/usuario">
        <ProteRoute componente={UsuarioPanel} />
    </Route>

    <!--Contratos Propietarios-->
    <Route path="/propietario/contratos">
        <ProteRoute componente={ContratosPropietario} />
    </Route>

    <!--Contratos Inquilino-->
    <Route path="/inquilino/contratos">
        <ProteRoute componente={ContratoInquilino} />
    </Route>

    <!--Contratos Admin-->
    <Route path="/admin/contratos">
        <ProteRoute componente={ContratoAdmin} />
    </Route>
</Router>
