@extends('site.pages.build')
@section('content')
    <div class="container h-100">
        <style>
            .navbar-header{
                display: none;
            }
            .card{
                background-color: #fff;
            }
            .card-header{
                background-color: transparent;
            }
            .main-content{
                height: 100vh;
            }
            .main-content > section{
                height: 100%;
            }
            .card-body{
                background-color: transparent;
            }
            .form-group[class*=has-icon-] .form-control-icon{
                background-color: transparent;
                color: lightgray;
            }
        </style>
        <div class="row justify-content-center align-items-center h-100">
            <div class="col-md-5 col-sm-12 mx-auto">
                <div class="card pt-4">
                    <div class="card-body">
                        <div class="text-center mb-5">
                            <img src="/site/assets/images/avatar/logo.png" height="48" class='mb-4'>
                            <h3 class="color-primary" style="font-weight: bold;">Admin Panel</h3>
                            <p>Admin panelini görmek ve işlem yapmak için giriş yapın.</p>
                        </div>
                        <form action="{{ route('admin.loginPost') }}" method="post">@csrf
                            <div class="form-group position-relative has-icon-left">

                                <div class="position-relative">
                                    <input type="email" class="form-control" id="username" placeholder="E-posta Adresi" name="email" required>
                                    <div class="form-control-icon">
                                        <i class="bi bi-person"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group position-relative has-icon-left">
                                <div class="clearfix">


                                </div>
                                <div class="position-relative">
                                    <input type="password" class="form-control" id="password" name="password" required placeholder="Şifre">
                                    <div class="form-control-icon">
                                        <i class="bi bi-lock"></i>
                                    </div>
                                </div>
                            </div>

                            <div class='form-check clearfix my-4'>
                                <div class="checkbox float-left">
                                    <input type="checkbox" id="checkbox1" name="remember_me" class='form-check-input' >
                                    <label for="checkbox1">Beni Hatırla</label>
                                </div>
                                <div class="float-right">
                                    <a href="#">Şifremi Unuttum</a>
                                </div>
                            </div>
                            <div class="clearfix">
                                <button class="btn btn-primary w-100" style="border:0; background-color: #009AF9; border-radius: 10px;">Giriş Yap</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
