<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Main CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('back-end/css/main_1.css') }}">
    <!-- Font-icon css-->
    <link rel="stylesheet" type="text/css"
        href="{{ asset('back-end/css/font-awesome.min.css') }}">
    <title>Sooma | ننوتل</title>
</head>
<body>
    <section class="material-half-bg">
        <div class="cover"></div>
    </section>
    <section class="login-content">
        <div class="logo" style="text-align: center;">
            <img src="{{ asset('favicon.ico') }}" style="height: 50px; width:50px;" alt="">
        </div>
        <div class="login-box">
            {{-- Display session status (e.g., after logout) --}}
            @if(session('status'))
                <div class="alert alert-success">
                    {{ session('status') }}
                </div>
            @endif

            {{-- Display validation errors --}}
            @if($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form class="login-form" method="POST" action="{{ route('login.attempt') }}">
                @csrf
                <h6 class="text-center">
                    Sooma <img src="{{ asset('favicon.ico') }}"
                        style="height: 60px; width:110px;" alt="">
                </h6>
                <p class="text-center login-head">
                    Control Pashto Poetry From Here
                </p>

                <div class="form-group">
                    <label class="control-label">EMAIL</label>
                    <input class="form-control @error('email') is-invalid @enderror" name="email" type="email" placeholder="Email" value="{{ old('email') }}" autofocus>
                    @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label class="control-label">PASSWORD</label>
                    <input class="form-control @error('password') is-invalid @enderror" name="password" type="password" placeholder="Password">
                    @error('password')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>

                <div class="form-group btn-container">
                    <button type="submit" class="btn btn-primary btn-block">
                        <i class="fa fa-sign-in fa-lg fa-fw"></i> SIGN IN
                    </button>
                </div>
            </form>
        </div>
    </section>

    <!-- Essential javascripts for application to work-->
    <script src="{{ asset('back-end/js/jquery-3.2.1.min.js') }}"></script>
    <script src="{{ asset('back-end/js/popper.min.js') }}"></script>
    <script src="{{ asset('back-end/js/bootstrap.min.js') }}"></script>
    <script src="{{ asset('back-end/js/main.js') }}"></script>
    <!-- The javascript plugin to display page loading on top-->
    <script src="{{ asset('back-end/vendor/pace.min.js') }}"></script>
</body>
</html>
