@extends('others_layouts.authentication_layouts.master')

@section('title', 'Login')

@section('css')

@endsection

@section('main_content')
<div class="app-wrapper d-block">
    <div class="main-container">
        <!-- Body main section starts -->
        <div class="container">
            <div class="row sign-in-content-bg">
                <div class="col-lg-6 image-contentbox d-none d-lg-block">
                    <div class="form-container ">
                        <div class="signup-content mt-4">
    
                        </div>

                        <div class="signup-bg-img">
                            <img src="assets/images/login/04.png" alt="" class="img-fluid">
                        </div>
                    </div>

                </div>
                <div class="col-lg-6 form-contentbox">
                    <div class="form-container">
                    <form id="loginForm" class="app-form" method="POST" action="{{ route('login') }}">
    @csrf
    <div class="row">
        <div class="col-12">
            
                        <span>
                  <img src="assets/images/logo/1.png" alt="" class="img-fluid ">
                </span>
            <div class="mb-5 text-center text-lg-start">
                <h2 class="text-primary f-w-600">Welcome To Africa Insurance Company S.C.</h2>
                <p>Automated Alerts for Smarter Workflow.</p>
            </div>
        </div>

        <div id="errorMessage"></div>
        <div id="successMessage"></div>

        <div class="col-12">
            <div class="mb-3 form-group">
                <label for="username" class="form-label">Email Address</label>
                <input type="email"
                    class="form-control @error('email') is-invalid @enderror clearable"
                    placeholder="Enter Your Email Address"
                    id="email"
                    name="email"
                    value="{{ old('email') }}"
                    required
                    autocomplete="email"
                    autofocus>
                @error('email')
                    <span class="invalid-feedback d-block" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>

        <div class="col-12">
            <div class="mb-3 form-group">
                <label for="password" class="form-label">Password</label>
                <a href="{{ route('password.request') }}" class="link-primary float-end">Forgot Password ?</a>
                <input type="password"
                    class="form-control @error('password') is-invalid @enderror clearable"
                    placeholder="Enter Your Password"
                    id="password"
                    name="password"
                    required
                    autocomplete="current-password">
                @error('password')
                    <span class="invalid-feedback d-block" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>

        <div class="col-12">
            <div class="form-check mb-3">
                <input class="form-check-input" type="checkbox" id="checkDefault" name="remember">
                <label class="form-check-label text-secondary" for="checkDefault">
                    Remember me
                </label>
            </div>
        </div>

        <div class="col-12">
            <div class="mb-3">
                <button type="submit" name="btn-login" id="btn-login" class="btn btn-primary w-100">
                    Sign In <i class="icofont icofont-sign-in"></i>
                </button>
            </div>
        </div>
    </div>
</form>

                    </div>
                </div>
            </div>
        </div>
        <!-- Body main section ends -->
    </div>
</div>

@endsection

@section('scripts')

@endsection