106 lines
4.6 KiB
HTML
106 lines
4.6 KiB
HTML
<!--
|
|
* © 2025-2026 Skoci Admin
|
|
* Designed and Developed by Abimanyu
|
|
* Contact : abimanyuag12@gmail.com
|
|
* All Rights Reserved
|
|
-->
|
|
|
|
{% load static %}
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="view-transition" content="same-origin">
|
|
<title>{{ alt_name_apps }} {% if menu %}| {{ menu }}{% endif %}</title>
|
|
<link rel="icon" type="image/x-icon" href="{% static 'images/favicon.ico' %}">
|
|
<!-- CSS: Framework -->
|
|
<link rel="stylesheet" href="{% static 'vendor/bootstrap/bootstrap.min.css' %}">
|
|
<!-- CSS: Icons -->
|
|
<link rel="stylesheet" href="{% static 'vendor/bootstrap-icons/bootstrap-icons.css' %}">
|
|
<link rel="stylesheet" href="{% static 'vendor/remixicon/remixicon.css' %}">
|
|
<!-- CSS: Plugins -->
|
|
<link rel="stylesheet" href="{% static 'vendor/datatables/dataTables.bootstrap5.min.css' %}">
|
|
<link rel="stylesheet" href="{% static 'vendor/datatables/responsive.bootstrap5.min.css' %}">
|
|
<!-- CSS: Custom -->
|
|
<link rel="stylesheet" href="{% static 'css/style.css' %}">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="bz-preloader">
|
|
<div class="bz-spinner"></div>
|
|
</div>
|
|
{% include 'layouts/header.html' %}
|
|
{% include 'layouts/sidebar.html' %}
|
|
<!-- main-content -->
|
|
<div class="main-content">
|
|
<div class="container-fluid py-4">
|
|
{% if messages %}
|
|
<div class="row mt-2">
|
|
{% for message in messages %}
|
|
<div class="alert bz-alert bz-alert-{% if message.tags == 'error' %}danger{% else %}{{ message.tags }}{% endif %} alert-dismissible fade show" role="alert">
|
|
<div class="alert-content">
|
|
<h5 class="fw-bold"><i class="ri-information-fill"></i> {{ message.tags|title }}</h5>
|
|
<p>{{ message|safe }}</p>
|
|
</div>
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal informasi -->
|
|
<div class="modal fade" id="helpModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLabel">
|
|
<i class="bi bi-info-circle"></i> Information
|
|
</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
<div class="mt-3">
|
|
<p class="px-3">{{ catatan|safe }}</p>
|
|
<hr class="my-4">
|
|
<div class="d-flex justify-content-end mb-4">
|
|
<button type="button" class="btn bz-btn-outline-primary btn-bz-size me-2" data-bs-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- jQuery -->
|
|
<script src="{% static 'vendor/jquery/jquery.min.js' %}"></script>
|
|
<!-- Bootstrap -->
|
|
<script src="{% static 'vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
|
|
<!-- DataTables -->
|
|
<script src="{% static 'vendor/datatables/jquery.dataTables.min.js' %}"></script>
|
|
<script src="{% static 'vendor/datatables/dataTables.bootstrap5.min.js' %}"></script>
|
|
<script src="{% static 'vendor/datatables/dataTables.responsive.min.js' %}"></script>
|
|
<script src="{% static 'vendor/datatables/responsive.bootstrap5.min.js' %}"></script>
|
|
<!-- Custom -->
|
|
<script src="{% static 'js/main.js' %}"></script>
|
|
|
|
{% block script %}
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('.tableDatatables').DataTable({
|
|
responsive: true,
|
|
language: {
|
|
search: "",
|
|
searchPlaceholder: "Search..."
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock script %}
|
|
</body>
|
|
</html>
|