@extends('auth.layout.app')
@section('title', 'Login')
@section('content')
    <div class="container">
        <div class="">
            <div class="p-5 row">
                <div class="col-lg-3"></div>
                <div class="col-lg-6">
                    <div class="p-5 shadow-sm card">
                        <h1>Welcome to International School Management </h1>
                        @if (Auth::user())
                            <h6><a href="{{ route('admin.dashboard') }}">You are logged in as admin. Go to Dashboard</a></h6>
                        @endif
                        <p class="account-subtitle">Need an account? </p>
                        <h2>Sign in</h2>
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <form action="{{ route('login') }}" method="POST">
                            @csrf
                            <div class="form-group">
                                <label>Email <span class="login-danger">*</span></label>
                                <input name="email" class="form-control" type="text">
                            </div>
                            <div class="col-12">
                                <div class="form-group local-forms">
                                    <label>Password <span class="login-danger">*</span></label>
                                    <input name="password" class="form-control pass-input" type="password">
                                    <span class="profile-views feather-eye toggle-password"></span>
                                </div>
                            </div>

                            <!-- Remember Me checkbox -->
                            <div class="mb-3 form-group form-check">
                                <input type="checkbox" name="remember" class="form-check-input" id="remember">
                                <label class="form-check-label" for="remember">Remember Me</label>
                            </div>

                            <div class="form-group">
                                <button class="btn btn-primary btn-block" type="submit">Login</button>
                            </div>
                        </form>

                    </div>
                </div>

                <div class="col-lg-3"></div>
            </div>
        </div>
    </div>
@endsection