@extends('admin.auth.layout')

@section('content')
    <div class="text-center">
        <h5 class="primary-dark-tones-600">Welcome Back!</h5>
        <p class="text-muted">Sign in to continue</p>
    </div>

    <form action="{{ route('dashboard.login') }}" method="POST" class="mt-4">
        @csrf

        <div class="mb-3">
            <label>Email</label>
            <input type="email" name="email" class="form-control" placeholder="Enter email" required>
        </div>

        <div class="mb-3">
            <label>Password</label>
            <div class="position-relative auth-pass-inputgroup mb-3">
                <input type="password" name="password" class="form-control" placeholder="Enter password" required>
                <button
                    class="btn btn-link position-absolute end-0 top-0 text-decoration-none shadow-none text-muted password-addon"
                    type="button" id="password-addon"><i class="ri-eye-fill align-middle"></i></button>
            </div>
        </div>

        <div class="d-flex justify-content-between mb-3">
            <a href="{{ route('password.forgot') }}">Forgot password?</a>
        </div>

        <button class="btn primary-btn w-100">Sign In</button>
    </form>
@endsection