63 lines
3.6 KiB
PHTML
Executable File
63 lines
3.6 KiB
PHTML
Executable File
<!-- Login Modal -->
|
|
<div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-light">
|
|
<h5 class="modal-title" id="loginModalLabel">
|
|
<i class="bi bi-box-arrow-in-right text-success me-2"></i>Login to EcoBuddy
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body p-4">
|
|
<form id="loginForm">
|
|
<div class="mb-3">
|
|
<label for="username" class="form-label">Username</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i class="bi bi-person text-success"></i>
|
|
</span>
|
|
<input type="text" class="form-control border-start-0" id="username" name="username" placeholder="Enter your username" required>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="password" class="form-label">Password</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i class="bi bi-lock text-success"></i>
|
|
</span>
|
|
<input type="password" class="form-control border-start-0" id="password" name="password" placeholder="Enter your password" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="loginError" class="alert alert-danger" style="display: none;"></div>
|
|
|
|
<div class="row captcha-container" style="display: none;">
|
|
<!-- CAPTCHA Display -->
|
|
<div class="col-md-6 mb-3">
|
|
<label for="captchaCode" class="form-label">CAPTCHA Code</label>
|
|
<input type="text" class="form-control bg-light" id="captchaCode" name="generatedCaptcha" value="" readonly>
|
|
</div>
|
|
|
|
<!-- CAPTCHA Input -->
|
|
<div class="col-md-6 mb-3">
|
|
<label for="captchaInput" class="form-label">Enter CAPTCHA</label>
|
|
<input type="text" class="form-control" id="captchaInput" name="captchaInput" placeholder="Enter code">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-grid gap-2 mt-4">
|
|
<button type="submit" class="btn btn-success">
|
|
<i class="bi bi-box-arrow-in-right me-2"></i>Login
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer bg-light">
|
|
<div class="w-100 d-flex justify-content-between align-items-center">
|
|
<small class="text-muted">Don't have an account? <a href="" onclick="alert('Please contact the administrator to create an account.');" class="text-success">Register</a></small>
|
|
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |