@extends('layouts.auth')

@section('title', 'Login')

@section('content')

<div class="row">
    <div class="col-xl-7"><img class="bg-img-cover bg-center" src="{{asset('assets/images/loginPage.jpg')}}" alt="looginpage"></div>
    <div class="col-xl-5 p-0">
        <div class="login-card">
            <div>
                <div>
                    <a class="logo " href="{{ route('login') }}">
                        <img class="img-fluid for-light" src="{{asset('assets/images/logoSalihin/salihin-logo.png')}}" alt="looginpage">
                        <img class="img-fluid for-dark" src="{{asset('assets/images/logoSalihin/salihin-logo.png')}}" alt="looginpage">
                    </a>
                </div>
                <div class="login-main">
                    <form class="theme-form" method="POST" action="{{ route('login') }}">
                        @csrf
                        <h4>Sign in to account</h4>
                        <p>Enter your email & password to login</p>

                        @if (count($errors->all()) > 0)
                            <div class="alert alert-danger alert-dismissible fade show mb-4 mt-4" role="alert" id="login">
                                @foreach ($errors->all() as $error)
                                    {{ $error }}<br>
                                @endforeach
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        @endif

                        <div class="form-group">
                            <label class="col-form-label">Email Address</label>
                            <input name="email" class="form-control" type="email" required="" placeholder="Test@gmail.com">
                        </div>
                        <div class="form-group">
                            <label class="col-form-label">Password</label>
                            <input class="form-control" type="password" name="password" required="" placeholder="*********">
                            <div class="show-hide"><span class="show">                         </span></div>
                        </div>
                        <div class="form-group mb-0">
                            <div class="checkbox p-0">
                                <input id="checkbox1" type="checkbox">
                                <label class="text-muted" for="checkbox1">Remember password</label>
                            </div>
                            <button class="btn btn-primary btn-block" type="submit">Sign in</button>
                        </div>
                        <center>
                            <p class="mt-4 mb-0">Don't have account?<a class="ms-2" href="{{ (!empty($appliedVacancyID))? route('registerWVID', ['appliedVacancyID' => $appliedVacancyID]) : route('register') }}">Create Account</a></p>
                        </center>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection