{{-- section --}}
<section class="min-vh-100 h-100">
    <div class="container">
        <div class="row align-items-center min-vh-100" data-aos="fade" data-aos-duration="600" data-aos-once="true"
            wire:ignore.self>




            {{-- leftCol --}}
            <div class="col-7">
                <div data-aos="zoom-in" data-aos-duration="600" data-aos-delay="700" data-aos-once="true"
                    class="d-block text-center" wire:ignore.self>
                    <img class="of-contain w-100 login--logo" src="{{url('assets/img/Logo/logo@2x.png')}}">
                    <img class="of-contain w-100 login--image" src="{{url('assets/img/Login/login@2x.png')}}">
                </div>
            </div>






            {{-- --------------------------------------------- --}}
            {{-- --------------------------------------------- --}}








            {{-- rightCol --}}
            @if ($status == 'pending')

            <div class="col-5 col-xxl-4 offset-xxl-1 ">



                {{-- form --}}
                <form wire:submit='check' class="login--form">




                    {{-- loading spinner --}}
                    <span wire:loading wire:target='checkUser'
                        class="spinner-border spinner-border-sm text-success spinner--float-right-top ar"
                        role="status"></span>



                    {{-- subHeading --}}
                    <h2 class="text-center fw-bold mb-3 pb-1 mt-2 fs-4 text-login">{{
                        __('Welcome Back') }}</h2>





                    {{-- password --}}
                    <input wire:model='serial' class="form-control form--input mb-3 text-center" type="password"
                        name='password' required placeholder="{{ __('Serial Number') }}">







                    {{-- ----------------------- --}}
                    {{-- ----------------------- --}}





                    {{-- submit --}}
                    <button wire:loading.attr='disabled' type="submit"
                        class="btn w-100 btn--scheme btn--scheme-login py-2 mb-1 scale--self-05">{{ __('Confirm')
                        }}</button>



                </form>
            </div>




            {{-- -------------------------------- --}}
            {{-- -------------------------------- --}}
            {{-- -------------------------------- --}}
            {{-- -------------------------------- --}}


            @else



            {{-- rightCol --}}
            <div class="col-5 col-xxl-4 offset-xxl-1 ">



                {{-- form --}}
                <form wire:submit='checkUser' class="login--form">




                    {{-- loading spinner --}}
                    <span wire:loading wire:target='checkUser'
                        class="spinner-border spinner-border-sm text-success spinner--float-right-top ar"
                        role="status"></span>



                    {{-- subHeading --}}
                    <h2 class="text-center fw-bold mb-4 pb-1 mt-2 text-login">{{
                        __('Login.') }}</h2>




                    {{-- email --}}
                    <input wire:model='email' class="form-control form--input mb-4" type="email" name='email' required
                        placeholder="{{ __('Email Address') }}">





                    {{-- password --}}
                    <input wire:model='password' class="form-control form--input mb-3" type="password" name='password'
                        required placeholder="{{ __('Password') }}">





                    {{-- cookies checkbox --}}
                    <div class="form-check d-flex align-items-center ms-1 pt-2 mb-5 ar--direction">

                        <input class="form-check-input mt-0 checkbox--rounded" type="checkbox" id="formCheck-1">

                        <label class="form-check-label fs-14 ms-3 checkbox--login text-login" for="formCheck-1">
                            {{ __('Keep me logged-In') }}
                        </label>

                    </div>





                    {{-- ----------------------- --}}
                    {{-- ----------------------- --}}





                    {{-- submit --}}
                    <button wire:loading.attr='disabled' wire:target='checkUser' type="submit"
                        class="btn w-100 btn--scheme btn--scheme-login py-2 mb-1 scale--self-05">{{
                        __('Sign In') }}</button>



                    {{-- forgot password --}}
                    <button class="btn w-100 btn--outline-login-link mb-3 scale--self-05 " type="button">
                        {{ __('Forgot Password?') }}
                    </button>





                </form>
            </div>
            {{-- endCol --}}





            @endif
            {{-- endCol --}}




        </div>
    </div>
</section>
{{-- end section --}}