@extends('layout.main')
@section('title', 'Halaman Login')
@section('body-class', 'login-container')

@section('content')
    <div class="panel panel-body login-form">
        <div class="text-center">
            <div class="icon-object border-slate-300 text-slate-300"><i class="icon-reading"></i></div>
            <h5 class="content-group-lg">
                Login to your account <small class="display-block">Enter your credentials</small>
            </h5>
        </div>
        <form method="POST" action="{{ route('login.submit') }}">
            @csrf
            <div class="form-group has-feedback has-feedback-left">
                <input type="email" name="email" id="email" value="{{ old('email') }}" placeholder="Alamat Email" class="form-control" required />
                <div class="form-control-feedback"><i class="icon-user text-muted"></i></div>
            </div>

            <div class="form-group has-feedback has-feedback-left">
                <input type="password" name="password" id="password" value="" placeholder="Password" minlength="5" class="form-control" required />
                <div class="form-control-feedback"><i class="icon-lock2 text-muted"></i></div>
            </div>

            <div class="form-group login-options">
                <div class="row">
                    <div class="col-sm-12 text-right">
                        <a type="button" href="{{ route('forgot') }}">Lupa Password?</a>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <button type="submit" class="btn bg-pink-400 btn-block">
                    Login <i class="icon-arrow-right14 position-right"></i>
                </button>
            </div>
            @if (!empty($website_off))
                <div class="form-group">
                    <div class="alert alert-danger no-border">
                        {!! $website_off !!}
                    </div>
                </div>
            @endif
        </form>
    </div>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/login.js') }}"></script>
    <script>
        $('#email').focus();
    </script>
@endsection