@extends(siberfx_view('layouts.auth'))

@section('content')
    <div class="page page-center">
        <div class="container container-tight py-4">
            <div class="text-center mb-4 display-6 auth-logo-container">
                {!! siberfx_theme_config('project_logo') !!}
            </div>
            <div class="card card-md">
                <div class="card-body pt-0">
                    @include(siberfx_view('auth.login.inc.form'))
                </div>
            </div>
            @if (config('siberfx.base.registration_open'))
                <div class="text-center text-muted mt-4">
                    <a tabindex="6" href="{{ route('siberfx.auth.register') }}">{{ trans('siberfx::base.register') }}</a>
                </div>
            @endif
        </div>
    </div>
@endsection

@section('after_scripts')
    <script>
        $('body').on('click', '.toggle-password', function () {
            var selector = $(this).closest(".input-group").find("input.form-control");
            $("i#toggler").toggleClass("la-eye la-eye-slash");
            var type = selector.attr('type') === 'password' ? 'text' : 'password';
            selector.attr("type", type);
        });
    </script>
@endsection
