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

{% block head %}
    <meta name="csrf-token" content="{{ csrf_token }}">
    <!-- Add any additional CSS or JS files here -->


{% endblock %}

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

{% block body %}
    <div class="">
        <h2>Service 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/html/service_table.html' %}

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

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

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

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

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

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

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

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

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



    </div>
    <!-- JavaScript for handling AJAX status change -->

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



    <!-- جاوااسکریپت برای Category -->
    <script src="{% static 'helper_service/js/category/category_table_load_data.js' %}"></script>
    <script src="{% static 'helper_service/js/category/category_table_search.js' %}"></script>
{#    <script src="{% static 'helper_service/js/category/category_table_sort.js' %}"></script>#}
{#    <script src="{% static 'helper_service/js/category/category_table_status_filters.js' %}"></script>#}
    <script src="{% static 'helper_service/js/category/category_table_edit_modal.js' %}"></script>
    <script src="{% static 'helper_service/js/category/category_table_add_modal.js' %}"></script>




{% endblock %}