@extends('layouts.auth-app')
@section('title', 'Login Page')


@section('content')
    <form class="login100-form mojere-login" action="{{ route('admin.login.post') }}" method="POST">
        @csrf

        <div class="brand-head">
            <div class="brand-logo">
                <img src="{{ asset('assets/img/Mojere Logo1.jpg') }}" alt="Mojere">
            </div>
            <div class="brand-name">Mojere</div>
        </div>
        <span class="login100-form-title p-b-10">
            Welcome back 👋
        </span>
        <p class="login-subtitle">Enter your details here to login to the dashboard</p>
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        {{--       @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif --}}

        <div class="field">
            <label class="field-label" for="email">Email</label>
            <div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
                <i class="fa fa-envelope input-icon"></i>
                <input id="email" class="input100" type="text" name="email" value="{{ old('email') }}"
                    autocomplete="email">
            </div>
            @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>


        <div class="field">
            <label class="field-label" for="password">Password</label>
            <div class="wrap-input100 validate-input" data-validate="Password is required">
                <i class="fa fa-lock input-icon"></i>
                <input id="password" class="input100" type="password" name="password" autocomplete="current-password">
            </div>
            @error('password')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="flex-sb-m w-full p-t-3 p-b-32">
            <div class="contact100-form-checkbox">
                <input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me">
                <label class="label-checkbox100" for="ckb1">
                    Remember me
                </label>
            </div>

            <div>
                <a href="{{ route('admin.password-reset') }}" class="txt1">
                    Forgot Password?
                </a>
            </div>
        </div>

        <div class="container-login100-form-btn">
            <button class="login100-form-btn">
                Sign In
            </button>
        </div>

    </form>
@endsection