<div id="root">
    <!-- App Layout-->
    <div class="app-layout-blank flex flex-auto flex-col h-[100vh]">
        <div class="h-full flex flex-auto flex-col justify-between">
            <main class="h-full">
                <div class="page-container relative h-full flex flex-auto flex-col">
                    <div class="h-full">
                        <div class="page-container relative h-full flex flex-auto flex-col">
                            <div class="h-full">


                                <div class="container mx-auto flex flex-col flex-auto items-center justify-center min-w-0 h-full">
                                    <div class="card min-w-[320px] md:min-w-[450px] card-shadow" role="presentation">
                                        <div class="card-body md:p-10">
                                            <div class="text-center">
                                                <div class="logo" style="width: auto;"><img class="mx-auto"
                                                                                            src="assets/img/logo/elogo.png"
                                                                                            alt="logo"></div>
                                            </div>
                                            <div class="text-center">

                                                    <form action="#" class="loginForm">
                                                        <div class="form-container vertical">
                                                            <div class="form-item vertical">
                                                                <label class="form-label mb-2">Kullanıcı Adı</label>
                                                                <div>
                                                                    <input class="input" type="text" name="username"
                                                                           autocomplete="off"
                                                                           placeholder="Kullanıcı Adı" value="">
                                                                </div>
                                                            </div>
                                                            <div class="form-item vertical">
                                                                <label class="form-label mb-2">Şifre</label>
                                                                <div>
                                                            <span class="input-wrapper">
                                                                <input class="input pr-8" type="password"
                                                                       name="password"
                                                                       autocomplete="off"
                                                                       placeholder="Şifre"
                                                                       value=""
                                                                >
                                                                <div class="input-suffix-end">
                                                                    <span class="cursor-pointer text-xl">
                                                                        <svg
                                                                                stroke="currentColor"
                                                                                fill="none"
                                                                                stroke-width="2"
                                                                                viewBox="0 0 24 24"
                                                                                aria-hidden="true"
                                                                                height="1em"
                                                                                width="1em"
                                                                                xmlns="http://www.w3.org/2000/svg"
                                                                        >
                                                                            <path stroke-linecap="round"
                                                                                  stroke-linejoin="round"
                                                                                  d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"></path>
                                                                        </svg>
                                                                    </span>
                                                                </div>
                                                            </span>
                                                                </div>
                                                            </div>


                                                            <button class="btn btn-solid w-full loginSubmit"
                                                                    type="button">Giriş Yap
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
            </main>
        </div>

    </div>
</div>