| 1 | <!DOCTYPE html>
|
|---|
| 2 | <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|---|
| 3 | <head>
|
|---|
| 4 | <meta charset="utf-8">
|
|---|
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
|---|
| 6 |
|
|---|
| 7 | <title>Laravel</title>
|
|---|
| 8 |
|
|---|
| 9 | <!-- Fonts -->
|
|---|
| 10 | <link rel="preconnect" href="https://fonts.bunny.net">
|
|---|
| 11 | <link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet" />
|
|---|
| 12 |
|
|---|
| 13 | <!-- Styles -->
|
|---|
| 14 | <style>
|
|---|
| 15 | </style>
|
|---|
| 16 | <script src="https://cdn.tailwindcss.com"></script>
|
|---|
| 17 | </head>
|
|---|
| 18 | <body class="antialiased">
|
|---|
| 19 | <div class="relative sm:flex sm:justify-center sm:items-center min-h-screen bg-dots-darker bg-center bg-gray-100 dark:bg-dots-lighter dark:bg-gray-900 selection:bg-red-500 selection:text-white">
|
|---|
| 20 | @if (Route::has('login'))
|
|---|
| 21 | <div class="sm:fixed sm:top-0 sm:right-0 p-6 text-right z-10">
|
|---|
| 22 | @auth
|
|---|
| 23 | <a href="{{ url('/home') }}" class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">Home</a>
|
|---|
| 24 | @else
|
|---|
| 25 | <a href="{{ route('login') }}" class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">Log in</a>
|
|---|
| 26 |
|
|---|
| 27 | @if (Route::has('register'))
|
|---|
| 28 | <a href="{{ route('register') }}" class="ml-4 font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">Register</a>
|
|---|
| 29 | @endif
|
|---|
| 30 | @endauth
|
|---|
| 31 | </div>
|
|---|
| 32 | @endif
|
|---|
| 33 |
|
|---|
| 34 |
|
|---|
| 35 | <section class="bg-gray-50 dark:bg-gray-900">
|
|---|
| 36 | <div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
|---|
| 37 | <a href="/login" class="flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white">
|
|---|
| 38 | <img class="w-8 h-8 mr-2" src="https://i.pinimg.com/originals/ec/4d/e4/ec4de423544eee5ea6c214be7f895c8e.png" alt="logo">
|
|---|
| 39 | CrimeTracker
|
|---|
| 40 | </a>
|
|---|
| 41 | <div class="w-full bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md xl:p-0 dark:bg-gray-800 dark:border-gray-700">
|
|---|
| 42 | <div class="p-6 space-y-4 md:space-y-6 sm:p-8">
|
|---|
| 43 | <h1 class="text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white">
|
|---|
| 44 | Најави се на твојот профил
|
|---|
| 45 | </h1>
|
|---|
| 46 | <form class="space-y-4 md:space-y-6" method="POST" action="/login" >
|
|---|
| 47 | @csrf
|
|---|
| 48 | <div>
|
|---|
| 49 | <label for="badge_no" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Број на значка</label>
|
|---|
| 50 | <input type="text" name="badge_no" id="badge_no" class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Број на значка" required="">
|
|---|
| 51 | </div>
|
|---|
| 52 | @error('badge_no')
|
|---|
| 53 | <p class="text-red-500 text-xs mt-1">{{$message}}</p>
|
|---|
| 54 | @enderror
|
|---|
| 55 | <div>
|
|---|
| 56 | <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Лозинка</label>
|
|---|
| 57 | <input type="password" name="password" id="password" placeholder="••••••••" class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required="">
|
|---|
| 58 | </div>
|
|---|
| 59 | @error('password')
|
|---|
| 60 | <p class="text-red-500 text-xs mt-1">{{$message}}</p>
|
|---|
| 61 | @enderror
|
|---|
| 62 |
|
|---|
| 63 | <div class="flex items-center justify-between">
|
|---|
| 64 | <div class="flex items-start">
|
|---|
| 65 | <div class="flex items-center h-5">
|
|---|
| 66 | <input id="remember" aria-describedby="remember" type="checkbox" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-primary-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-primary-600 dark:ring-offset-gray-800">
|
|---|
| 67 | </div>
|
|---|
| 68 | <div class="ml-3 text-sm">
|
|---|
| 69 | <label for="remember" class="text-gray-500 dark:text-gray-300">Запомни ме</label>
|
|---|
| 70 | </div>
|
|---|
| 71 | </div>
|
|---|
| 72 | <a href="#" class="text-sm font-medium text-gray-600 hover:underline dark:text-primary-500">Заборавена лозинка</a>
|
|---|
| 73 | </div>
|
|---|
| 74 | <button type="submit" class="w-full bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-full">Најави се</button>
|
|---|
| 75 | <p class="text-sm font-light text-gray-500 dark:text-gray-400">
|
|---|
| 76 | *ова е софтвер со сензитивни податоци, не го користете доколку не сте овластени
|
|---|
| 77 | </p>
|
|---|
| 78 | </form>
|
|---|
| 79 | </div>
|
|---|
| 80 | </div>
|
|---|
| 81 | </div>
|
|---|
| 82 | </section>
|
|---|
| 83 | </div>
|
|---|
| 84 | </body>
|
|---|
| 85 | </html>
|
|---|
