@extends('common.layout-empty')

@section('content')
<div class="sign-in">
    <form method="POST" action="{{ route('user.sign-in-process') }}">
        @csrf
        <input type="hidden" id="back-url" name="back_url" value="{{ session('backUrl', null) ?? '' }}">

        <img src="{{ env("AWS_S3_IMG_URL") }}/common/edmclass_logo_admin.svg" alt="{{ \Config::get('app.name') }}" class="logo">

        <div class="form-group">
            <input id="edm_id" class="form-control" name="edm_id" placeholder="EDM ID" />
        </div>

        <div class="form-group input-group">
            <input id="password" class="form-control" type="password" name="password" placeholder="Password" />
            <span class="input-group-text" onclick="passwordToggle()"><i class="bi bi-eye-slash" id="toggle-icon"></i></span>
        </div>

        <div class="form-group">
            <button class="btn btn-primary w-100" type="submit">Sign-in</button>
        </div>
    </form>
</div>
@endsection

@push("script")
    <script>
        const isSignInAgain = {{ session()->pull("isSignInAgain", 0) }};
        const isSignInFailed = {{ session("isSignInFailed", 0) }};

        window.addEventListener("load", () => {
            if (isSignInAgain)
                alertify.alert("알림", "로그인 후 다시 시도해주세요.");

            if (isSignInFailed)
                alertify.alert("Error", "로그인에 실패했습니다.");

            const targetUrlElem = document.getElementById("back-url");
            if (targetUrlElem.value == null || targetUrlElem.value == '')
                targetUrlElem.value = document.referrer;
        });

        function passwordToggle() {
            const $passwordElem = $("#password");
            const $toggleIcon = $("#toggle-icon");

            if ($toggleIcon.hasClass('bi-eye-slash')) {
                $toggleIcon.removeClass("bi-eye-slash").addClass("bi-eye");
                $passwordElem.attr("type", "text");
            } else {
                $toggleIcon.removeClass("bi-eye").addClass("bi-eye-slash");
                $passwordElem.attr("type", "password");
            }
        }

    </script>
@endpush