<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(80064535, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/80064535" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
	<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
	<title>Qik.su - Сервис сокращения ссылок</title>
</head>
<body>
<header>
	<nav class="navbar navbar-dark bg-dark mb-5 shadow">
		<div class="container-fluid">
			<a class="navbar-brand" href="/">Qik.su - Сервис сокращения ссылок </a>
			<div class="" >
				<button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#ModalReg">Регистрация</button>
				<button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#ModalLogin">Вход</button>
			</div>
      <div class="" hidden>
        <p></p>
      </div>
      <div class="" hidden>
        <form method="post" action="auth.php">
          <button type="button" class="btn btn-light" disabled></button>
          <button type="submit" class="btn btn-outline-light" name="do_exit">Выход</button>
        </form>
			</div>
 		</div>
	</nav>
</header>

<div class="modal fade" id="ModalLogin" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Форма входа</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form method="post" action="auth.php">
          <div class="mb-3">
            <label class="col-form-label">Email:</label>
            <input type="text" class="form-control" name="email">
          </div>
          <div class="mb-3">
            <label class="col-form-label">Пароль:</label>
            <input type="password" class="form-control" name="password">
          </div>
          <div class="mb-3">
		  	    <button type="submit" class="btn btn-primary" name="do_login">Войти</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="ModalReg" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Форма регистрации</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form method="post" action="auth.php">
          <div class="mb-3">
            <label class="col-form-label">Email:</label>
            <input type="text" class="form-control" name="email">
          </div>
          <div class="mb-3">
            <label class="col-form-label">Пароль:</label>
            <input type="password" class="form-control" name="password">
            <label class="col-form-label">Повторите пароль:</label>
            <input type="password" class="form-control" name="password2">
          </div>
          <div class="mb-3">
		  	    <button type="submit" class="btn btn-primary" name="do_reg">Зарегистрироваться</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<main class="container-fluid">
	<div class="alert alert-danger" role="alert" >Error Link</div>
	<form method="post" action="aurl.php" class="row mb-3">
		<div class="col">
			<input type="text" name="url" class="form-control" id="url" placeholder="Введите URL">
		</div>
		<div class="col-auto">
			<button type="submit" class="btn btn-primary">Получить короткую ссылку</button>
		</div>
	</form>
	<table class="table table-hover">
        <thead>
            <tr>
              <th>Короткая ссылка</th>
              <th>URL</th>
              <th>Дата и время добавления</th>
              <th>Переходы</th>
              <th>Последний переход</th>
              <th>Комментарий</th>
              <th></th>
            </tr>
        </thead>
			</table>
</main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
</body>
</html>
