{% extends 'Base.html' %}
{% load static %}

{% block head %}
<meta name="csrf-token" content="{{ csrf_token }}">
{% endblock %}

{% block title %}
Shiraz Center
{% endblock %}

{% block body %}

<div class="">
    <h2>Technician Settings</h2>
    <hr>

    {% if messages %}
    {% for message in messages %}
    <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
        {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    {% endfor %}
    {% endif %}
    {% include './helper_service/technician_table.html' %}

    {% include './helper_service/technician_modal_add.html' %}

    {% include './helper_service/technician_modal_edit.html' %}

    {% include './helper_service/technician_modal_delete.html' %}

    {% include './helper_service/toast_result_action.html' %}

    {% include './helper_service/toast_message.html' %}


</div>
<script src="{% static 'helper_service/js/technician/service_table_load_data.js' %}"></script>
<script src="{% static 'helper_service/js/technician/service_table_search.js' %}"></script>
<script src="{% static 'helper_service/js/service/service_table_sort.js' %}"></script>
<script src="{% static 'helper_service/js/technician/service_table_status_filters.js' %}"></script>
<script src="{% static 'helper_service/js/technician/service_table_edit_modal.js' %}"></script>
<script src="{% static 'helper_service/js/technician/service_table_add_modal.js' %}"></script>

<script>
    // Auto-dismiss alerts after 2 seconds
    document.addEventListener('DOMContentLoaded', function () {
        setTimeout(function () {
            var alerts = document.querySelectorAll('.alert');
            alerts.forEach(function (alert) {
                var bsAlert = new bootstrap.Alert(alert);
                bsAlert.close();
            });
        }, 2000);
    });
</script>
{% endblock %}