<?php

include_once 'loader.php';

if($error->get()){
    echo 'HATA:'.$error->get();
    $error->uset();
}elseif($success->get()){
    echo 'BAŞARILI:'.$success->get();
    $success->uset();
}

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>ByArso Access</title>
    <meta name="description" content="">
    <style>
        html{
            height: 100%;
        }
        body{
            background-color: #e2eee0;
            margin: 0;
            padding: 0;
            height: 100%;
            font-family: sans-serif;
        }
        header {
            background: white;
            height: auto;
            padding: 10px 0;
        }
        header img.logo{
            display: table;
            margin: 0 auto;
        }
        section {
            display: block;
            margin: 0 auto;
            max-width: 750px;
            min-width: 350px;
            margin-top: 5%;
            padding: 10px;
        }

        section .form-row {
            width: calc(100% - 40px
            );
            display: table;
            border: 1px solid #dadce0;
            background: white;
            padding: 20px;
            margin: 4px 0;
        }

        section .form-row label{
            margin-bottom: 20px;
            display: block;
        }
        section .form-row label.required::after {
            display: inline-block;
            content: "*";
            color: red;
            position: relative;
            left: 5px;
            top: -3px;
        }

        section .btn-primary {
            width: 100%;
            display: block;
            background: #ef3746;
            border: none;
            border-radius: 3px;
            color: white;
            padding: 15px;
            font-size: 16px;
            font-weight: bold;
            margin: 30px auto;
        }

        section .form-row input{
            background: white;
            border: none;
            border-bottom: 1px dotted black;
            min-width: 60%;
            font-size: 20px;
            color: #4a4a4a;
        }
        .success {
            background: #2ae514;
            color: white;
            display: block;
            padding: 10px;
            border: 1px solid #b5b5b5;
            text-align: center;
            margin-top: 25px;
        }
    </style>
</head>
<body id="page-top" >
<header>
    <img src="assets/img/arso-group-logo.png" style="height: 60px" class="logo">
</header>