107 lines
5.8 KiB
PHTML
Executable File
107 lines
5.8 KiB
PHTML
Executable File
<!-- Facility Comments Modal -->
|
|
<div class="modal fade" id="statusModal" tabindex="-1" aria-labelledby="statusModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg">
|
|
<div class="modal-content border-0 shadow">
|
|
<div class="modal-header bg-light">
|
|
<h5 class="modal-title" id="statusModalLabel">
|
|
<i class="bi bi-chat-square-text text-primary me-2"></i>Facility Comments
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body p-4">
|
|
<!-- Add Comment Form (Only shown to logged in users) -->
|
|
<?php if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true && $_SESSION['access'] >= 1): ?>
|
|
<div class="mb-4 border-bottom pb-4">
|
|
<h6 class="fw-bold mb-3">
|
|
<i class="bi bi-plus-circle text-success me-2"></i>Add New Comment
|
|
</h6>
|
|
<form id="commentForm">
|
|
<input type="hidden" name="action" value="status">
|
|
<input type="hidden" name="facilityId" id="commentFacilityId" value="">
|
|
|
|
<div class="mb-3">
|
|
<label for="commentText" class="form-label">Your Comment</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i class="bi bi-pencil text-primary"></i>
|
|
</span>
|
|
<textarea class="form-control border-start-0" id="commentText" name="commentText" rows="3" placeholder="Share your thoughts about this facility..." required></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-end">
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="bi bi-send me-1"></i>Post Comment
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<!-- Existing Comments Section -->
|
|
<div>
|
|
<h6 class="fw-bold mb-3">
|
|
<i class="bi bi-chat-square-dots text-primary me-2"></i>Comments
|
|
</h6>
|
|
|
|
<div id="commentsContainer" class="comments-container">
|
|
<!-- Comments will be loaded here dynamically -->
|
|
<div class="text-center py-4 text-muted" id="noCommentsMessage">
|
|
<i class="bi bi-chat-square-text fs-4 d-block mb-2"></i>
|
|
<p>No comments yet. Be the first to share your thoughts!</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Login Prompt for Non-Authenticated Users -->
|
|
<?php if (!isset($_SESSION['loggedin']) || $_SESSION['loggedin'] !== true): ?>
|
|
<div class="alert alert-info mt-3">
|
|
<i class="bi bi-info-circle me-2"></i>
|
|
<span>Please <a href="#" data-bs-toggle="modal" data-bs-target="#loginModal" data-bs-dismiss="modal">log in</a> to add your comments.</span>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer bg-light">
|
|
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit Comment Modal -->
|
|
<div class="modal fade" id="editCommentModal" tabindex="-1" aria-labelledby="editCommentModalLabel" 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="editCommentModalLabel">
|
|
<i class="bi bi-pencil-square text-primary me-2"></i>Edit Comment
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body p-4">
|
|
<form id="editCommentForm">
|
|
<input type="hidden" name="action" value="editComment">
|
|
<input type="hidden" name="commentId" id="editCommentId" value="">
|
|
|
|
<div class="mb-3">
|
|
<label for="editCommentText" class="form-label">Edit Your Comment</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text bg-light border-end-0">
|
|
<i class="bi bi-pencil text-primary"></i>
|
|
</span>
|
|
<textarea class="form-control border-start-0" id="editCommentText" name="editCommentText" rows="4" placeholder="Update your comment..." required></textarea>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer bg-light">
|
|
<div class="w-100 d-flex justify-content-between">
|
|
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
|
|
<button type="submit" form="editCommentForm" class="btn btn-primary">
|
|
<i class="bi bi-check-circle me-1"></i>Save Changes
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|