@extends(backpack_view('layouts.plain'))

{{--@section('content')--}}
{{--    <div class="row justify-content-center">--}}
{{--        <div class="col-12 col-md-8 col-lg-4">--}}
{{--            <h3 class="text-center mb-4">{{ trans('backpack::base.login') }}</h3>--}}
{{--            <div class="card">--}}
{{--                <div class="card-body">--}}
{{--                    <form class="col-md-12 p-t-10" role="form" method="POST" action="{{ route('backpack.auth.login') }}">--}}
{{--                        {!! csrf_field() !!}--}}

{{--                        <div class="form-group">--}}
{{--                            <label class="control-label" for="{{ $username }}">{{ config('backpack.base.authentication_column_name') }}</label>--}}

{{--                            <div>--}}
{{--                                <input type="text" class="form-control{{ $errors->has($username) ? ' is-invalid' : '' }}" name="{{ $username }}" value="{{ old($username) }}" id="{{ $username }}">--}}

{{--                                @if ($errors->has($username))--}}
{{--                                    <span class="invalid-feedback">--}}
{{--                                        <strong>{{ $errors->first($username) }}</strong>--}}
{{--                                    </span>--}}
{{--                                @endif--}}
{{--                            </div>--}}
{{--                        </div>--}}

{{--                        <div class="form-group">--}}
{{--                            <label class="control-label" for="password">{{ trans('backpack::base.password') }}</label>--}}

{{--                            <div>--}}
{{--                                <input type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" id="password">--}}

{{--                                @if ($errors->has('password'))--}}
{{--                                    <span class="invalid-feedback">--}}
{{--                                        <strong>{{ $errors->first('password') }}</strong>--}}
{{--                                    </span>--}}
{{--                                @endif--}}
{{--                            </div>--}}
{{--                        </div>--}}

{{--                        <div class="form-group">--}}
{{--                            <div>--}}
{{--                                <div class="checkbox">--}}
{{--                                    <label>--}}
{{--                                        <input type="checkbox" name="remember"> {{ trans('backpack::base.remember_me') }}--}}
{{--                                    </label>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}

{{--                        <div class="form-group">--}}
{{--                            <div>--}}
{{--                                <button type="submit" class="btn btn-block btn-primary">--}}
{{--                                    {{ trans('backpack::base.login') }}--}}
{{--                                </button>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            @if (backpack_users_have_email() && config('backpack.base.setup_password_recovery_routes', true))--}}
{{--                <div class="text-center"><a href="{{ route('backpack.auth.password.reset') }}">{{ trans('backpack::base.forgot_your_password') }}</a></div>--}}
{{--            @endif--}}
{{--            @if (config('backpack.base.registration_open'))--}}
{{--                <div class="text-center"><a href="{{ route('backpack.auth.register') }}">{{ trans('backpack::base.register') }}</a></div>--}}
{{--            @endif--}}
{{--        </div>--}}
{{--    </div>--}}
{{--@endsection--}}

@section('content')
    <!-- CONTAINER OPEN -->
    <div class="container-login100">
        <div class="wrap-login100 p-6">
            <form class="col-md-12 p-t-10" role="form" method="POST" action="{{ route('backpack.auth.login') }}">
                {!! csrf_field() !!}

                <span class="login100-form-title my-3" style="padding-bottom: 0px !important;">
                    <img src="{!! asset('assets/img/') . env("APP_LOGO_WHITE") !!}" width="200" alt="logo">
                </span>

                <div class="panel panel-primary">
                    <div class="panel-body tabs-menu-body p-0 pt-5">
                        <div class="wrap-input100 validate-input input-group mb-0" data-bs-validate="Valid email is required: ex@abc.xyz">
                            <a href="javascript:void(0)" class="input-group-text bg-white text-muted">
                                <i class="zmdi zmdi-email text-muted" aria-hidden="true"></i>
                            </a>
                            <input class="input100 border-start-0 form-control ms-0 {{ $errors->has($username) ? ' is-invalid' : '' }}" type="text" placeholder="{{ config('backpack.base.authentication_column_name') }}" name="{{ $username }}" value="{{ old($username) }}" id="{{$username}}">
                        </div>
                        @if ($errors->has($username))
                            <small class="text-danger">{{ $errors->first($username) }}</small>
                        @endif

                        <div class="wrap-input100 validate-input input-group mb-0 mt-3" id="Password-toggle">
                            <a href="javascript:void(0)" class="input-group-text bg-white text-muted">
                                <i class="zmdi zmdi-eye text-muted" aria-hidden="true"></i>
                            </a>
                            <input class="input100 border-start-0 form-control ms-0 {{ $errors->has('password') ? ' is-invalid' : '' }}" type="password" placeholder="{{ trans('backpack::base.password') }}" name="password" id="password">
                        </div>
                        @if ($errors->has('password'))
                            <small class="text-danger">{{ $errors->first('password') }}</small>
                        @endif

                        <div class="wrap-input100 validate-input input-group mb-0 mt-3">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="remember"> {{ trans('backpack::base.remember_me') }}
                                </label>
                            </div>
                        </div>

                        <div class="container-login100-form-btn">
                            <button type="submit" class="login100-form-btn btn btn-primary">
                                {{ trans('backpack::base.login') }}
                            </button>
                        </div>

                        <div class="text-center pt-3">
                            @if (backpack_users_have_email() && config('backpack.base.setup_password_recovery_routes', true))
                                <p class="text-dark mb-0"><a href="{{ route('backpack.auth.password.reset') }}" class="text-primary ms-1">{{ trans('backpack::base.forgot_your_password') }}</a></p>
                            @endif
                            @if (config('backpack.base.registration_open'))
                                <p class="text-dark mb-0"><a href="{{ route('backpack.auth.register') }}" class="text-primary ms-1">{{ trans('backpack::base.register') }}</a></p>
                            @endif
                        </div>
                    </div>
                </div>

            </form>
        </div>
    </div>
    <!-- CONTAINER CLOSED -->
@endsection