@extends('vendor.nova.partials.auth-layout')

@section('content')
    <div class="login-section d-center items-center h-screen">
        <div class="d-none h-full max-w-4xl">
            <img src="/assets/images/login-bg.jpg" class="h-full object-cover">
        </div>
        <div>
             <div class="logo">
                <img src="assets/images/logo-login.png" width="100px">
            </div>
            <form class="bg-white dark:bg-gray-800 rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('login') }}">
                @csrf
                <div class="mb-6">
                    <label class="block mb-2" for="username">
                        {{ __('Username') }}
                    </label>
                    <input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="username" type="text" name="username" autofocus="" value="{{ old('username') }}">

                    @error('username')
                        <span class="text-red-500 text-italic">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="mb-6">
                    <label class="block mb-2" for="password">
                        {{ __('Password') }}
                    </label>
                    <input class="form-control form-input form-input-bordered w-full @error('username') form-input-border-error @enderror" id="password" type="password" name="password">

                    @error('password')
                        <span class="text-red-500 text-italic">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="flex mb-6">
                    <div class="ml-auto">
                        <a href="{{ route('reset-password') }}" class="text-gray-500 font-bold no-underline">
                            {{ __('Forgot your password?')  }}
                        </a>
                    </div>
                </div>
                <button class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center" type="submit">
                    <span class=""><span>{{ __('Login') }}</span></span>
                </button>
                <a href="{{ route('register') }}" class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center">
                    <span class=""><span>{{ __('Register') }}</span></span>
                </a>
            </form>
        </div>

    </div>
@stop