@extends('admin.layout.master')

@section('content')
    <div class="row flex-center position-relative min-vh-100 g-0 py-5">

        <div class="col-11 col-sm-10 col-xl-8">

            <div class="card border border-translucent auth-card">

                <div class="card-body pe-md-0">

                    <div class="row align-items-center gx-0 gy-7 home_page_card">

                        <div
                            class="col-auto bg-body-highlight dark__bg-gray-1100 rounded-3 position-relative overflow-hidden auth-title-box">

                            <div class="bg-holder" style="background-image: url({{ asset('/assets/img/bg/38.png') }});">

                            </div>

                            <!--/.bg-holder-->

                            <div
                                class="position-relative px-4 px-lg-7 pt-7 pb-7 pb-sm-5 text-center text-md-start pb-lg-7 pb-md-7">

                                <h3 class="mb-3 text-body-emphasis fs-7">

                                    Quick Algo Authentication

                                </h3>

                                {{-- <p class="text-body-tertiary">

                                Give yourself some hassle-free development process with

                                the uniqueness of Phoenix!

                            </p>

                            <ul class="list-unstyled mb-0 w-max-content w-md-auto">

                                <li class="d-flex align-items-center">

                                    <span class="uil uil-check-circle text-success me-2"></span><span

                                        class="text-body-tertiary fw-semibold">Fast</span>

                                </li>

                                <li class="d-flex align-items-center">

                                    <span class="uil uil-check-circle text-success me-2"></span><span

                                        class="text-body-tertiary fw-semibold">Simple</span>

                                </li>

                                <li class="d-flex align-items-center">

                                    <span class="uil uil-check-circle text-success me-2"></span><span

                                        class="text-body-tertiary fw-semibold">Responsive</span>

                                </li>

                            </ul> --}}

                            </div>

                            <div class="position-relative z-n1 mb-6 d-none d-md-block text-center mt-md-15">

                                <img class="auth-title-box-img d-dark-none"
                                    src="{{ asset('/assets/img/spot-illustrations/auth.png') }}" alt="" /><img
                                    class="auth-title-box-img d-light-none"
                                    src="{{ asset('/assets/img/spot-illustrations/auth-dark.png') }}" alt="" />

                            </div>

                        </div>

                        <div class="col mx-auto">

                            <div class="auth-form-box">

                                <div class="text-center mb-7">

                                    <a class="d-flex flex-center text-decoration-none mb-4"
                                        href="{{ route('admin.login') }}">

                                        <div class="d-flex align-items-center fw-bolder fs-3 d-inline-block">

                                            <img src="{{ get_setting_data('header_logo') != '' ? url('uploads/setting', get_setting_data('header_logo')) : asset('assets/images/logo.png') }}"
                                                alt="phoenix" width="58" />

                                        </div>

                                    </a>

                                    <h3 class="text-body-highlight">Sign In</h3>

                                    <p class="text-body-tertiary">

                                        Get access to your account

                                    </p>

                                </div>

                                <div class="position-relative">

                                    <hr class="bg-body-secondary mt-5 mb-4" />

                                    <div class="divider-content-center bg-body-emphasis">

                                        use email

                                    </div>

                                </div>

                                <form action="{{ route('admin.login') }}" method="POST">

                                    @csrf

                                    <div class="mb-3 text-start">

                                        <label class="form-label" for="email">Email address</label>

                                        <div class="form-icon-container">

                                            <input class="form-control form-icon-input" id="email" name="email"
                                                type="email" placeholder="name@example.com" /><span
                                                class="fas fa-user text-body fs-9 form-icon"></span>

                                            @error('email')
                                                <div class="col-form-alert-label">

                                                    {{ $message }}

                                                </div>
                                            @enderror

                                        </div>

                                    </div>

                                    <div class="mb-3 text-start">

                                        <label class="form-label" for="password">Password</label>

                                        <div class="form-icon-container">

                                            <input class="form-control form-icon-input" id="password" type="password"
                                                name="password" placeholder="Password" /><span
                                                class="fas fa-key text-body fs-9 form-icon"></span>

                                            @error('password')
                                                <div class="col-form-alert-label">

                                                    {{ $message }}

                                                </div>
                                            @enderror

                                        </div>

                                    </div>

                                    <button class="btn btn-primary w-100 mb-3">

                                        Sign In

                                    </button>

                                </form>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>
@endsection