<commit_before><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link href="app/system/modules/theme/favicon.ico" rel="shortcut icon" type="image/x-icon">
        <link href="app/system/modules/theme/apple_touch_icon.png" rel="apple-touch-icon-precomposed">
        <?php $view->style('installer', 'app/installer/assets/css/installer.css') ?>
        <?php $view->script('installer', 'app/installer/app/installer.js', ['vue', 'uikit-form-password']) ?>
        <?= $view->render('head') ?>
    </head>
    <body>

        <div id="installer" class="tm-background uk-height-viewport uk-flex uk-flex-center uk-flex-middle" >
            <div class="tm-container">

                <div class="uk-text-center" v-el="start" v-show="step == 'start'">

                    <a class="uk-panel" v-on="click: gotoStep('database')">
                        <img src="app/system/assets/images/pagekit-logo-large.svg" width="120" height="120" alt="Pagekit">
                        <p>
                            <svg class="tm-arrow" width="40px" height="40px" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="2" y1="18" x2="36" y2="18"/>
                                <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="26.071,6.5 37.601,18.03 26,29.631 "/>
                            </svg>
                        </p>
                    </a>

                </div>

                <div class="uk-panel uk-panel-box" v-el="database" v-show="step == 'database'">

                    <h1 class="uk-margin-small-bottom uk-text-center">{{ 'Connect database' | trans }}</h1>
                    <div class="uk-margin-large-bottom uk-text-muted uk-text-center">{{ 'Enter your database connection details.' | trans }}</div>

                    <div class="uk-alert uk-alert-danger uk-margin uk-text-center" v-show="message"><p>{{ message }}</p></div>

                    <form class="uk-form uk-form-horizontal tm-form-horizontal" name="formDatabase" v-on="submit: stepDatabase">
                        <div class="uk-form-row">
                            <label for="form-dbdriver" class="uk-form-label">{{ 'Driver' | trans }}</label>
                            <div class="uk-form-controls">
                                <select id="form-dbdriver" class="uk-width-1-1" name="dbdriver" v-model="config.database.default">
                                    <option value="mysql" selected>MySql</option>
                                    <option value="sqlite">SQLite</option>
                                </select>
                            </div>
                        </div>
                        <div class="uk-form-row" v-if="config.database.default == 'mysql'">
                            <div class="uk-form-row">
                                <label for="form-mysql-dbhost" class="uk-form-label">{{ 'Hostname' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-mysql-dbhost" class="uk-width-1-1" type="text" name="host" value="localhost" v-model="config.database.connections.mysql.host" v-valid="required">
                                    <p class="uk-form-help-block uk-text-danger" v-show="formDatabase.host.invalid">{{ 'Host cannot be blank.' | trans }}</p>
                                </div>
                            </div>
                            <div class="uk-form-row">
                                <label for="form-mysql-dbuser" class="uk-form-label">{{ 'User' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-mysql-dbuser" class="uk-width-1-1" type="text" name="user" value="" v-model="config.database.connections.mysql.user" v-valid="required">
                                    <p class="uk-form-help-block uk-text-danger" v-show="formDatabase.user.invalid">{{ 'User cannot be blank.' | trans }}</p>
                                </div>
                            </div>
                            <div class="uk-form-row">
                                <label for="form-mysql-dbpassword" class="uk-form-label">{{ 'Password' | trans }}</label>
                                <div class="uk-form-controls">
                                    <div class="uk-form-password uk-width-1-1">
                                        <input id="form-mysql-dbpassword" class="uk-width-1-1" type="password" name="password" value="" autocomplete="off" v-model="config.database.connections.mysql.password">
                                        <a class="uk-form-password-toggle" href="" tabindex="-1" data-uk-form-password="{ lblShow: 'Show', lblHide: 'Hide' }">{{ 'Show' | trans }}</a>
                                    </div>
                                </div>
                            </div>
                            <div class="uk-form-row">
                                <label for="form-mysql-dbname" class="uk-form-label">{{ 'Database Name' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-mysql-dbname" class="uk-width-1-1" type="text" name="dbname" value="pagekit" v-model="config.database.connections.mysql.dbname" v-valid="required">
                                    <p class="uk-form-help-block uk-text-danger" v-show="formDatabase.dbname.invalid">{{ 'Database name cannot be blank.' | trans }}</p>
                                </div>
                            </div>
                            <div class="uk-form-row">
                                <label for="form-mysql-dbprefix" class="uk-form-label">{{ 'Table Prefix' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-mysql-dbprefix" class="uk-width-1-1" type="text" name="mysqlprefix" value="pk_" v-model="config.database.connections.mysql.prefix">
                                </div>
                            </div>
                        </div>
                        <div class="uk-form-row" v-show="config.database.default == 'sqlite'">
                            <div class="uk-form-row">
                                <label for="form-sqlite-dbprefix" class="uk-form-label">{{ 'Table Prefix' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-sqlite-dbprefix" class="uk-width-1-1" type="text" name="sqliteprefix" value="pk_" v-model="config.database.connections.sqlite.prefix">
                                </div>
                            </div>
                        </div>
                        <p class="uk-text-right">
                            <button class="uk-button uk-button-primary uk-flex-inline uk-flex-middle" type="submit">{{ 'Next' | trans }}
                                <svg class="uk-margin-small-left" width="18px" height="13px" viewBox="0 0 18 13" xmlns="http://www.w3.org/2000/svg">
                                <line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" x1="3" y1="5.5" x2="15" y2="5.5"/>
                                <path fill="#FFFFFF" d="M10.5,10.9c-0.128,0-0.256-0.049-0.354-0.146c-0.195-0.195-0.195-0.512,0-0.707l4.597-4.597l-4.597-4.597
                                    c-0.195-0.195-0.195-0.512,0-0.707s0.512-0.195,0.707,0l4.95,4.95c0.195,0.195,0.195,0.512,0,0.707l-4.95,4.95
                                    C10.756,10.852,10.628,10.9,10.5,10.9z"/>
                                </svg>
                            </button>
                        </p>
                    </form>

                </div>

                <div class="uk-panel uk-panel-box" v-el="user" v-show="step == 'user'">

                    <h1 class="uk-margin-small-bottom uk-text-center">{{ 'Create your account' | trans }}</h1>
                    <div class="uk-margin-large-bottom uk-text-muted uk-text-center">{{ 'You will be the site administrator.' | trans }}</div>

                    <form class="uk-form uk-form-horizontal tm-form-horizontal" name="formUser" v-on="valid: stepUser">
                        <div class="uk-form-row">
                            <label for="form-username" class="uk-form-label">{{ 'Username' | trans }}</label>
                            <div class="uk-form-controls">
                                <input id="form-username" class="uk-width-1-1" type="text" name="user" value="admin" v-model="user.username" v-valid="required">
                                <p class="uk-form-help-block uk-text-danger" v-show="formUser.user.invalid">{{ 'Username cannot be blank.' | trans }}</p>
                            </div>
                        </div>
                        <div class="uk-form-row">
                            <label for="form-password" class="uk-form-label">{{ 'Password' | trans }}</label>
                            <div class="uk-form-controls">
                                <div class="uk-form-password uk-width-1-1">
                                    <input id="form-password" class="uk-width-1-1" type="password" name="password" v-model="user.password" v-valid="required">
                                    <a class="uk-form-password-toggle" href="" tabindex="-1" data-uk-form-password="{ lblShow: 'Show', lblHide: 'Hide' }">{{ 'Show' | trans }}</a>
                                </div>
                                <p class="uk-form-help-block uk-text-danger" v-show="formUser.password.invalid">{{ 'Password cannot be blank.' | trans }}</p>
                            </div>
                        </div>
                        <div class="uk-form-row">
                            <label for="form-email" class="uk-form-label">{{ 'Email' | trans }}</label>
                            <div class="uk-form-controls">
                                <input id="form-email" class="uk-width-1-1" type="email" name="email" v-model="user.email" v-valid="email">
                                <p class="uk-form-help-block uk-text-danger" v-show="formUser.email.invalid">{{ 'Field must be a valid email address.' | trans }}</p>
                            </div>
                        </div>
                        <p class="uk-text-right">
                            <button class="uk-button uk-button-primary uk-flex-inline uk-flex-middle" type="submit">{{ 'Next' | trans }}
                                <svg class="uk-margin-small-left" width="18px" height="13px" viewBox="0 0 18 13" xmlns="http://www.w3.org/2000/svg">
                                <line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" x1="3" y1="5.5" x2="15" y2="5.5"/>
                                <path fill="#FFFFFF" d="M10.5,10.9c-0.128,0-0.256-0.049-0.354-0.146c-0.195-0.195-0.195-0.512,0-0.707l4.597-4.597l-4.597-4.597
                                    c-0.195-0.195-0.195-0.512,0-0.707s0.512-0.195,0.707,0l4.95,4.95c0.195,0.195,0.195,0.512,0,0.707l-4.95,4.95
                                    C10.756,10.852,10.628,10.9,10.5,10.9z"/>
                                </svg>
                            </button>
                        </p>
                    </form>

                </div>

                <div class="uk-panel uk-panel-box" v-el="site" v-show="step == 'site'">

                    <h1 class="uk-margin-small-bottom uk-text-center">{{ 'Setup your site' | trans }}</h1>
                    <div class="uk-margin-large-bottom uk-text-muted uk-text-center">{{ 'Enter your website details.' | trans }}</div>

                    <form class="uk-form uk-form-horizontal tm-form-horizontal" name="formSite" v-on="valid: stepSite">
                        <div class="uk-form-row">
                            <label for="form-sitename" class="uk-form-label">{{ 'Name' | trans }}</label>
                            <div class="uk-form-controls">
                                <input id="form-sitename" class="uk-width-1-1" type="text" name="name" v-model="option['system/site'].title" v-valid="required">
                                <p class="uk-form-help-block uk-text-danger" v-show="formSite.name.invalid">{{ 'Site name cannot be blank.' | trans }}</p>
                            </div>
                        </div>
                        <div class="uk-form-row">
                            <label for="form-sitedescription" class="uk-form-label">{{ 'Description' | trans }}</label>
                            <div class="uk-form-controls">
                                <textarea id="form-sitedescription" class="uk-width-1-1" name="description" rows="4" v-model="option['system/site'].description"></textarea>
                            </div>
                        </div>
                        <p class="uk-text-right">
                            <button class="uk-button uk-button-primary uk-flex-inline uk-flex-middle" type="submit">{{ 'Next' | trans }}
                                <svg class="uk-margin-small-left" width="18px" height="13px" viewBox="0 0 18 13" xmlns="http://www.w3.org/2000/svg">
                                <line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" x1="3" y1="5.5" x2="15" y2="5.5"/>
                                <path fill="#FFFFFF" d="M10.5,10.9c-0.128,0-0.256-0.049-0.354-0.146c-0.195-0.195-0.195-0.512,0-0.707l4.597-4.597l-4.597-4.597
                                    c-0.195-0.195-0.195-0.512,0-0.707s0.512-0.195,0.707,0l4.95,4.95c0.195,0.195,0.195,0.512,0,0.707l-4.95,4.95
                                    C10.756,10.852,10.628,10.9,10.5,10.9z"/>
                                </svg>
                            </button>
                        </p>
                    </form>

                </div>

                <div v-el="finish" v-show="step == 'finish'">

                    <div class="uk-text-center" v-show="status == 'install'">
                        <svg class="tm-loader" width="150px" height="150px" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg">
                            <g><circle cx="0" cy="0" r="70" fill="none" stroke-width="2"/></g>
                        </svg>
                    </div>

                    <div class="uk-text-center" v-show="status == 'finished'">
                        <a class="uk-panel" href="{{ $url('admin') }}">
                            <svg class="tm-checkmark" width="100px" height="100px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                                <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="5.125,63.25 27.375,89.375 95.25,18.875"/>
                            </svg>
                        </a>
                    </div>

                    <div class="uk-panel uk-panel-box" v-show="status == 'failed'">
                        <h1>{{ 'Installation failed!' | trans }}</h1>
                        <div class="uk-alert uk-alert-danger">{{ message }}</div>
                        <p class="uk-text-right">
                            <button type="button" class="uk-button uk-button-primary" v-on="click: stepInstall">{{ 'Retry' | trans }}</button>
                        </p>
                    </div>

                </div>

            </div>
        </div>

    </body>
</html>
<commit_msg>fixed installer next button for firefox https://github.com/philipwalton/flexbugs#9-button-elements-cant-be-flex-containers<commit_after><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link href="app/system/modules/theme/favicon.ico" rel="shortcut icon" type="image/x-icon">
        <link href="app/system/modules/theme/apple_touch_icon.png" rel="apple-touch-icon-precomposed">
        <?php $view->style('installer', 'app/installer/assets/css/installer.css') ?>
        <?php $view->script('installer', 'app/installer/app/installer.js', ['vue', 'uikit-form-password']) ?>
        <?= $view->render('head') ?>
    </head>
    <body>

        <div id="installer" class="tm-background uk-height-viewport uk-flex uk-flex-center uk-flex-middle" >
            <div class="tm-container">

                <div class="uk-text-center" v-el="start" v-show="step == 'start'">

                    <a class="uk-panel" v-on="click: gotoStep('database')">
                        <img src="app/system/assets/images/pagekit-logo-large.svg" width="120" height="120" alt="Pagekit">
                        <p>
                            <svg class="tm-arrow" width="40px" height="40px" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
                                <line fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="2" y1="18" x2="36" y2="18"/>
                                <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="26.071,6.5 37.601,18.03 26,29.631 "/>
                            </svg>
                        </p>
                    </a>

                </div>

                <div class="uk-panel uk-panel-box" v-el="database" v-show="step == 'database'">

                    <h1 class="uk-margin-small-bottom uk-text-center">{{ 'Connect database' | trans }}</h1>
                    <div class="uk-margin-large-bottom uk-text-muted uk-text-center">{{ 'Enter your database connection details.' | trans }}</div>

                    <div class="uk-alert uk-alert-danger uk-margin uk-text-center" v-show="message"><p>{{ message }}</p></div>

                    <form class="uk-form uk-form-horizontal tm-form-horizontal" name="formDatabase" v-on="submit: stepDatabase">
                        <div class="uk-form-row">
                            <label for="form-dbdriver" class="uk-form-label">{{ 'Driver' | trans }}</label>
                            <div class="uk-form-controls">
                                <select id="form-dbdriver" class="uk-width-1-1" name="dbdriver" v-model="config.database.default">
                                    <option value="mysql" selected>MySql</option>
                                    <option value="sqlite">SQLite</option>
                                </select>
                            </div>
                        </div>
                        <div class="uk-form-row" v-if="config.database.default == 'mysql'">
                            <div class="uk-form-row">
                                <label for="form-mysql-dbhost" class="uk-form-label">{{ 'Hostname' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-mysql-dbhost" class="uk-width-1-1" type="text" name="host" value="localhost" v-model="config.database.connections.mysql.host" v-valid="required">
                                    <p class="uk-form-help-block uk-text-danger" v-show="formDatabase.host.invalid">{{ 'Host cannot be blank.' | trans }}</p>
                                </div>
                            </div>
                            <div class="uk-form-row">
                                <label for="form-mysql-dbuser" class="uk-form-label">{{ 'User' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-mysql-dbuser" class="uk-width-1-1" type="text" name="user" value="" v-model="config.database.connections.mysql.user" v-valid="required">
                                    <p class="uk-form-help-block uk-text-danger" v-show="formDatabase.user.invalid">{{ 'User cannot be blank.' | trans }}</p>
                                </div>
                            </div>
                            <div class="uk-form-row">
                                <label for="form-mysql-dbpassword" class="uk-form-label">{{ 'Password' | trans }}</label>
                                <div class="uk-form-controls">
                                    <div class="uk-form-password uk-width-1-1">
                                        <input id="form-mysql-dbpassword" class="uk-width-1-1" type="password" name="password" value="" autocomplete="off" v-model="config.database.connections.mysql.password">
                                        <a class="uk-form-password-toggle" href="" tabindex="-1" data-uk-form-password="{ lblShow: 'Show', lblHide: 'Hide' }">{{ 'Show' | trans }}</a>
                                    </div>
                                </div>
                            </div>
                            <div class="uk-form-row">
                                <label for="form-mysql-dbname" class="uk-form-label">{{ 'Database Name' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-mysql-dbname" class="uk-width-1-1" type="text" name="dbname" value="pagekit" v-model="config.database.connections.mysql.dbname" v-valid="required">
                                    <p class="uk-form-help-block uk-text-danger" v-show="formDatabase.dbname.invalid">{{ 'Database name cannot be blank.' | trans }}</p>
                                </div>
                            </div>
                            <div class="uk-form-row">
                                <label for="form-mysql-dbprefix" class="uk-form-label">{{ 'Table Prefix' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-mysql-dbprefix" class="uk-width-1-1" type="text" name="mysqlprefix" value="pk_" v-model="config.database.connections.mysql.prefix">
                                </div>
                            </div>
                        </div>
                        <div class="uk-form-row" v-show="config.database.default == 'sqlite'">
                            <div class="uk-form-row">
                                <label for="form-sqlite-dbprefix" class="uk-form-label">{{ 'Table Prefix' | trans }}</label>
                                <div class="uk-form-controls">
                                    <input id="form-sqlite-dbprefix" class="uk-width-1-1" type="text" name="sqliteprefix" value="pk_" v-model="config.database.connections.sqlite.prefix">
                                </div>
                            </div>
                        </div>
                        <p class="uk-text-right">
                            <button class="uk-button uk-button-primary" type="submit">
                                <span class="uk-flex-inline uk-flex-middle">{{ 'Next' | trans }}
                                    <svg class="uk-margin-small-left" width="18px" height="11px" viewBox="0 0 18 11" xmlns="http://www.w3.org/2000/svg">
                                    <line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" x1="3" y1="5.5" x2="15" y2="5.5"/>
                                    <path fill="#FFFFFF" d="M10.5,10.9c-0.128,0-0.256-0.049-0.354-0.146c-0.195-0.195-0.195-0.512,0-0.707l4.597-4.597l-4.597-4.597
                                        c-0.195-0.195-0.195-0.512,0-0.707s0.512-0.195,0.707,0l4.95,4.95c0.195,0.195,0.195,0.512,0,0.707l-4.95,4.95
                                        C10.756,10.852,10.628,10.9,10.5,10.9z"/>
                                    </svg>
                                </path>
                            </button>
                        </p>
                    </form>

                </div>

                <div class="uk-panel uk-panel-box" v-el="user" v-show="step == 'user'">

                    <h1 class="uk-margin-small-bottom uk-text-center">{{ 'Create your account' | trans }}</h1>
                    <div class="uk-margin-large-bottom uk-text-muted uk-text-center">{{ 'You will be the site administrator.' | trans }}</div>

                    <form class="uk-form uk-form-horizontal tm-form-horizontal" name="formUser" v-on="valid: stepUser">
                        <div class="uk-form-row">
                            <label for="form-username" class="uk-form-label">{{ 'Username' | trans }}</label>
                            <div class="uk-form-controls">
                                <input id="form-username" class="uk-width-1-1" type="text" name="user" value="admin" v-model="user.username" v-valid="required">
                                <p class="uk-form-help-block uk-text-danger" v-show="formUser.user.invalid">{{ 'Username cannot be blank.' | trans }}</p>
                            </div>
                        </div>
                        <div class="uk-form-row">
                            <label for="form-password" class="uk-form-label">{{ 'Password' | trans }}</label>
                            <div class="uk-form-controls">
                                <div class="uk-form-password uk-width-1-1">
                                    <input id="form-password" class="uk-width-1-1" type="password" name="password" v-model="user.password" v-valid="required">
                                    <a class="uk-form-password-toggle" href="" tabindex="-1" data-uk-form-password="{ lblShow: 'Show', lblHide: 'Hide' }">{{ 'Show' | trans }}</a>
                                </div>
                                <p class="uk-form-help-block uk-text-danger" v-show="formUser.password.invalid">{{ 'Password cannot be blank.' | trans }}</p>
                            </div>
                        </div>
                        <div class="uk-form-row">
                            <label for="form-email" class="uk-form-label">{{ 'Email' | trans }}</label>
                            <div class="uk-form-controls">
                                <input id="form-email" class="uk-width-1-1" type="email" name="email" v-model="user.email" v-valid="email">
                                <p class="uk-form-help-block uk-text-danger" v-show="formUser.email.invalid">{{ 'Field must be a valid email address.' | trans }}</p>
                            </div>
                        </div>
                        <p class="uk-text-right">
                            <button class="uk-button uk-button-primary" type="submit">
                                <span class="uk-flex-inline uk-flex-middle">{{ 'Next' | trans }}
                                    <svg class="uk-margin-small-left" width="18px" height="11px" viewBox="0 0 18 11" xmlns="http://www.w3.org/2000/svg">
                                    <line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" x1="3" y1="5.5" x2="15" y2="5.5"/>
                                    <path fill="#FFFFFF" d="M10.5,10.9c-0.128,0-0.256-0.049-0.354-0.146c-0.195-0.195-0.195-0.512,0-0.707l4.597-4.597l-4.597-4.597
                                        c-0.195-0.195-0.195-0.512,0-0.707s0.512-0.195,0.707,0l4.95,4.95c0.195,0.195,0.195,0.512,0,0.707l-4.95,4.95
                                        C10.756,10.852,10.628,10.9,10.5,10.9z"/>
                                    </svg>
                                </path>
                            </button>
                        </p>
                    </form>

                </div>

                <div class="uk-panel uk-panel-box" v-el="site" v-show="step == 'site'">

                    <h1 class="uk-margin-small-bottom uk-text-center">{{ 'Setup your site' | trans }}</h1>
                    <div class="uk-margin-large-bottom uk-text-muted uk-text-center">{{ 'Enter your website details.' | trans }}</div>

                    <form class="uk-form uk-form-horizontal tm-form-horizontal" name="formSite" v-on="valid: stepSite">
                        <div class="uk-form-row">
                            <label for="form-sitename" class="uk-form-label">{{ 'Name' | trans }}</label>
                            <div class="uk-form-controls">
                                <input id="form-sitename" class="uk-width-1-1" type="text" name="name" v-model="option['system/site'].title" v-valid="required">
                                <p class="uk-form-help-block uk-text-danger" v-show="formSite.name.invalid">{{ 'Site name cannot be blank.' | trans }}</p>
                            </div>
                        </div>
                        <div class="uk-form-row">
                            <label for="form-sitedescription" class="uk-form-label">{{ 'Description' | trans }}</label>
                            <div class="uk-form-controls">
                                <textarea id="form-sitedescription" class="uk-width-1-1" name="description" rows="4" v-model="option['system/site'].description"></textarea>
                            </div>
                        </div>
                        <p class="uk-text-right">
                            <button class="uk-button uk-button-primary" type="submit">
                                <span class="uk-flex-inline uk-flex-middle">{{ 'Next' | trans }}
                                    <svg class="uk-margin-small-left" width="18px" height="11px" viewBox="0 0 18 11" xmlns="http://www.w3.org/2000/svg">
                                    <line fill="none" stroke="#FFFFFF" stroke-linecap="round" stroke-miterlimit="10" x1="3" y1="5.5" x2="15" y2="5.5"/>
                                    <path fill="#FFFFFF" d="M10.5,10.9c-0.128,0-0.256-0.049-0.354-0.146c-0.195-0.195-0.195-0.512,0-0.707l4.597-4.597l-4.597-4.597
                                        c-0.195-0.195-0.195-0.512,0-0.707s0.512-0.195,0.707,0l4.95,4.95c0.195,0.195,0.195,0.512,0,0.707l-4.95,4.95
                                        C10.756,10.852,10.628,10.9,10.5,10.9z"/>
                                    </svg>
                                </path>
                            </button>
                        </p>
                    </form>

                </div>

                <div v-el="finish" v-show="step == 'finish'">

                    <div class="uk-text-center" v-show="status == 'install'">
                        <svg class="tm-loader" width="150px" height="150px" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg">
                            <g><circle cx="0" cy="0" r="70" fill="none" stroke-width="2"/></g>
                        </svg>
                    </div>

                    <div class="uk-text-center" v-show="status == 'finished'">
                        <a class="uk-panel" href="{{ $url('admin') }}">
                            <svg class="tm-checkmark" width="100px" height="100px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                                <polyline fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="5.125,63.25 27.375,89.375 95.25,18.875"/>
                            </svg>
                        </a>
                    </div>

                    <div class="uk-panel uk-panel-box" v-show="status == 'failed'">
                        <h1>{{ 'Installation failed!' | trans }}</h1>
                        <div class="uk-alert uk-alert-danger">{{ message }}</div>
                        <p class="uk-text-right">
                            <button type="button" class="uk-button uk-button-primary" v-on="click: stepInstall">{{ 'Retry' | trans }}</button>
                        </p>
                    </div>

                </div>

            </div>
        </div>

    </body>
</html>

{'fraction_non_alphanumeric': 0.1678332702736789, 'fraction_numerical': 0.045623659982343294, 'mean_word_length': 1.3674703291781742, 'pattern_counts': {'":': 0, '<': 453, '<?xml version=': 0, '>': 459, 'https://': 1, 'lorem ipsum': 0, 'www.': 12, 'xml': 12}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 71, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1186145', 'n_tokens_mistral': 10099, 'n_tokens_neox': 9045, 'n_words': 1510}