@extends('auth.index')
@section('content')
<div class="page-wrapper">
    <div class="page-inner bg-brand-gradient">
        <div class="page-content-wrapper bg-transparent m-0">
            <div class="height-10 w-100 shadow-lg px-4 bg-brand-gradient">
                <div class="d-flex align-items-center container p-0">
                    @include('auth.logo')
                </div>
            </div>
            <div class="flex-1"
                style="background: url({{ asset('backend/img/svg/pattern-1.svg') }}) no-repeat center bottom fixed; background-size: cover;">
                <div class="container py-4 py-lg-5 my-lg-5 px-4 px-sm-0">
                    <div class="row">
                        <div class="col col-md-6 col-lg-7 hidden-sm-down">
                            <h2 class="fs-xxl fw-500 mt-4 text-white">
                                <strong>{{ config('master.aplikasi.nama') }}</strong>
                            </h2>
                            <small class="h3 fw-300 mt-3 mb-5 text-white opacity-60">
                                <p align="justify">
                                </p>
                            </small>
                        </div>
                        <div class="col-sm-12 col-md-6 col-lg-5 col-xl-4 ml-auto">
                            <h1 class="text-white fw-300 mb-3 d-sm-block d-md-none">
                                Secure login
                            </h1>
                            <div class="card p-4 rounded-plus bg-faded">
                                <form method="POST" action="{{ route('login') }}">
                                    @csrf
                                    <div class="form-group">
                                        <label class="form-label" for="username">Username</label>
                                        <input type="text" name="username" id="username"
                                            class="form-control form-control-lg @error('email') is-invalid @enderror"
                                            placeholder="Username" required>
                                        <div class="help-block">Masukkan username anda</div>
                                        @error('username')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="password">Password</label>
                                        <input type="password" name="password" id="password"
                                            class="form-control form-control-lg @error('password') is-invalid @enderror"
                                            placeholder="Password" required>
                                        <div class="help-block">Masukkan password anda</div>
                                        @error('password')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                    <div class="form-group text-left">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" name="remember"
                                                id="remember" {{ old('remember') ? 'checked' : '' }}>
                                            <label class="custom-control-label" for="remember"></label>
                                            {{ __('Ingatkan Saya') }}
                                            <span class="pull-right"><a href="{{ url('password/reset') }}">Lupa
                                                    Password?</a></span>
                                        </div>
                                    </div>
                                    <div class="row no-gutters">
                                        <div class="col-lg-12 pl-lg-1 my-2">
                                            <button type="submit"
                                                class="btn btn-danger btn-block">{{ __('Login') }}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    @include('auth.footer')
                </div>
            </div>
        </div>
    </div>
</div>
@endsection