68 lines
2.7 KiB
Text
68 lines
2.7 KiB
Text
{% extends "base" %}
|
|
|
|
{% block page %}
|
|
<body class=" d-flex flex-column">
|
|
<script src="/js/demo-theme.min.js"></script>
|
|
<div>
|
|
<div class="container container-tight py-4">
|
|
<div class="text-center mb-4">
|
|
{% include "utils/logo" %}
|
|
</div>
|
|
|
|
{% if flash %}
|
|
<div class="alert alert-{{flash.0}}" role="alert">
|
|
<h4 class="alert-title">{{ flash.1 | safe }}</h4>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form action="/setup" method="post">
|
|
<div class="card card-md">
|
|
<div class="card-body text-center py-4 p-sm-5">
|
|
<h1 class="">Welcome to Ezidam!</h1>
|
|
<p class="text-muted">Initial setup</p>
|
|
</div>
|
|
|
|
<!-- First admin account -->
|
|
<div class="hr-text hr-text-center hr-text-spaceless">first admin account</div>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label class="form-label required" for="username">Username</label>
|
|
<input name="username" id="username" type="text" placeholder="Enter a username"
|
|
class="form-control" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label required" for="password">Password</label>
|
|
<div class="input-group input-group-flat">
|
|
<input name="password" id="password" type="password" placeholder="Enter password"
|
|
class="form-control" autocomplete="off" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Settings -->
|
|
<div class="hr-text hr-text-center hr-text-spaceless">settings</div>
|
|
<div class="card-body">
|
|
<div class="mb-3">
|
|
<label class="form-label required" for="url">Base URL</label>
|
|
<input name="url" id="url" type="url" placeholder="https://example.com" class="form-control"
|
|
required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row align-items-center mt-3">
|
|
<div class="col">
|
|
<div class="btn-list justify-content-end">
|
|
<button type="submit" class="btn btn-primary">Finish setup</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
{% include "shell/footer" %}
|
|
</div>
|
|
</div>
|
|
<!-- Libs JS -->
|
|
<!-- Tabler Core -->
|
|
<script src="/js/tabler.min.js" defer></script>
|
|
<script src="/js/demo.min.js" defer></script>
|
|
</body>
|
|
{% endblock page %}
|