@extends('layouts.front_main')
@section('title', $page_name)

@if(isset($page) && $page)
   @include('front.partials._meta_properties_page')

@endif
@section('content')
<div class="page-wrapper"> 
    @include('front.partials._breadcrumb')

    <section class="standard-section about-text-section">
        <div class="container">
            <div class="col-12 offset-0 col-md-6 offset-md-3">
                <div class="white-box">
                    <h3>Login</h3>
                        @if (session('status'))
                            <div class="mb-4 font-medium text-sm text-green-600">
                                {{ session('status') }}
                            </div>
                        @endif
                        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach

                    <form method="POST" action="{{ route('login') }}">
                        @csrf

                        {{-- <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label">Email address <span class="color-red">*</span></label>
                            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
                            <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
                        </div> --}}
                        <div class="mb-3">
                            <x-jet-label for="email" value="{{ __('Email') }}"  /><span class="color-red">*</span>
                            <x-jet-input id="email" class="form-control" type="email" name="email" :value="old('email')" required autofocus />
                        </div>

                        <div class="mb-3">
                            <x-jet-label for="password" value="{{ __('Password') }}" />
                            <x-jet-input id="password" class="form-control" type="password" name="password" required autocomplete="current-password" />
                        </div>

                        

                        <div class="d-flex flex-row flex-wrap align-items-center mb-3 ">
                            <div class="me-3">
                                <button type="submit" class="btn blue">Login</button>
                            </div>
                            <div>
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" id="exampleCheck1" name="remember">
                                    <label class="form-check-label" for="exampleCheck1">Remember me</label>
                                </div>
                            </div>
                        </div>
                        {{-- <div class="flex items-center justify-end mt-4">
                            @if (Route::has('password.request'))
                                <a class="underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('password.request') }}">
                                    {{ __('Forgot your password?') }}
                                </a>
                            @endif

                            <x-jet-button class="ml-4">
                                {{ __('Log in') }}
                            </x-jet-button>
                        </div> --}}
                    </form>

                    <p class="mb-3">Sign-up: <a href="{{route('jobseeker')}}">Jobseeker</a> or <a href="{{route('recruiter')}}">Recruiter</a></p>

                    <p class="mb-3"><a href="">Forgot Username?</a><br><a href="" data-route="{{ route('password.request') }}">Forgot Password?</a></p>

                    <p class="mb-0">To manage a free trial or subscription login and go to the 'Account' tab.<br>
                    Still need help? <a href="{{route('contact')}}" class="font-bold">Email us</a></p>
                </div>
            </div>
        </div>
    </section>
</div>


@endsection




@push('scripts')

@endpush