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

@section('content')
<div class="signin-panel">
    <svg-to-inline path="{{ global_asset('a/c/assets/svg/citywalk.svg') }}" class-Name="svg-bg"></svg-to-inline>
    <div class="signin-sidebar">
        <div class="signin-sidebar-body">
            <a href="#" class="sidebar-logo mg-b-40"><span>Logo</span></a>
            <h4 class="signin-title">{{ trans('backpack::base.login') }}</h4>
            <h5 class="signin-subtitle">{{ __('admin.auth.login.subtitle') }}</h5>

            <div class="signin-form">
                <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="d-flex justify-content-between">
                            @if (backpack_users_have_email())
                            <span>{{ trans('backpack::base.password') }}</span>
                            <a href="{{ route('backpack.auth.password.reset') }}"
                                class="tx-13">{{ trans('backpack::base.forgot_your_password') }}</a>
                            @endif
                        </label>
                        <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 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 d-flex mg-b-0">
                        <button type="submit"
                            class="btn btn-brand-01 btn-uppercase flex-fill">{{ trans('backpack::base.login') }}</button>

                        @if (config('backpack.base.registration_open'))
                        <a href="{{ route('backpack.auth.register') }}"
                            class="btn btn-white btn-uppercase flex-fill mg-l-10">{{ trans('backpack::base.register') }}</a>
                        @endif

                    </div>
                </form>
            </div>
            <p class="mg-t-auto mg-b-0 tx-sm tx-color-03"><a href="#">{{ __('admin.nav.terms_of_use') }}</a>
                - <a href="#">{{ __('admin.nav.privacy_policy') }}</a></p>
        </div><!-- signin-sidebar-body -->
    </div><!-- signin-sidebar -->
</div><!-- signin-panel -->
@endsection