<!DOCTYPE html>
<html dir="ltr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta name="author" content="Hypeople">
    <meta name="description" content="Responsive, Highly Customizable Dashboard Template" />

    <!-- Font -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap"
        rel="stylesheet" />

    <!-- Plugin -->
    <link rel="stylesheet" type="text/css" href="../app-assets/css/plugin/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="../app-assets/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../app-assets/css/colors.css">

    <!-- Base -->
    <link rel="stylesheet" type="text/css" href="../app-assets/css/base/typography.css">
    <link rel="stylesheet" type="text/css" href="../app-assets/css/base/base.css">

    <!-- Theme -->
    <link rel="stylesheet" type="text/css" href="../app-assets/css/theme/colors-dark.css">
    <link rel="stylesheet" type="text/css" href="../app-assets/css/theme/theme-dark.css">
    <link rel="stylesheet" type="text/css" href="../app-assets/css/custom-rtl.css">

    <!-- Layouts -->
    <link rel="stylesheet" type="text/css" href="../app-assets/css/layouts/sider.css">
    <link rel="stylesheet" type="text/css" href="../app-assets/css/layouts/header.css">
    <link rel="stylesheet" type="text/css" href="../app-assets/css/layouts/page-content.css">
    <link rel="stylesheet" type="text/css" href="../app-assets/css/components.css">
    <!-- Customizer -->
    <link rel="stylesheet" type="text/css" href="../app-assets/css/layouts/customizer.css">

    <!-- Pages -->
    <link rel="stylesheet" type="text/css" href="../app-assets/css/pages/page-error.css">

    <!-- Custom -->
    <link rel="stylesheet" type="text/css" href="../assets/css/style.css">
</head>

<body>
    <div class="row text-center overflow-hidden">
        <div class="position-absolute w-100 h-100" style="top: 0px; left: 0px; z-index: -1;">
            <svg width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg"
                class="hp-stroke-color-dark-90">
                <path
                    d="M3574 1540L907.175 -134.641L1053.03 429.011L387.731 -53.7583L937.881 929.474L32.0529 297.577L254.672 889.032L-2135.09 -460"
                    stroke="#F7FAFC" stroke-width="100" stroke-linejoin="bevel"></path>
            </svg>
        </div>

        <div
            class="d-flex align-items-center justify-content-center border-bottom hp-border-color-dark-60 py-16 col-12">
            <div class="hp-header-logo d-flex align-items-center">
                <a class="position-relative">
                    <img class="hp-logo hp-sidebar-visible hp-dark-none" src="../assets/img/logo-claro.png"
                        style="display: block;" alt="logo">
            </div>
        </div>

        <div class="hp-error-content py-32 col-12">
            <div class="row h-100 align-items-center justify-content-center">
                <div class="col">

                    <h2 class="h1 mb-16">Iniciando...</h2>

                    <p class="mb-32 hp-p1-body hp-text-color-black-100 hp-text-color-dark-0"> En unos momentos estaremos
                        listos </p>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    const { ipcRenderer } = require('electron');

    ipcRenderer.on('set-version-splash', (event, version) => {
        console.log('set-version-splash:', version);
        document.getElementById('app-version').textContent = version;
    });
</script>

</html>