{% extends 'dashboard_layout.html' %}
{% load static %}
{% block content %}

<div class="loader" id="usersLoader">
    <img src="{% static 'loaders/ajax-loader.gif'  %}" />
</div>
<div class="content" id="modal-content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 ">
                {% include 'common/messages.html' %}
                <div class="card">
                    <div class="card-header card-header-primary">
                        <div class="row">
                            <div class="col-md-6">
                                <h4 class="card-title pt-2">Users</h4>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="users_table" class="table" style="width:100%; display: none;">
                                <thead class="text-primary">
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    let table_cols = [
        { "title": 'User Name' },
        { "title": 'Email' },
        { "title": 'User Type' },
        { "title": 'Provider' },
        { "title": 'Created At'},
        { "title": 'Action'}
    ]
    $(document).ready(function () {
        $('#usersLoader').show();
        function get_user_data() {
            let link = "{% url 'get-users' %}"
            try {
                $.ajax({
                    type: "POST",
                    url: link,
                    data: { 'csrfmiddlewaretoken': '{{ csrf_token }}' },
                    success: function (data) {
                        if (data.success) {
                            $('#usersLoader').hide();
                            $('#users_table').dataTable({
                                "data": data.users_data,
                                "ordering": false,
                                "columns": table_cols,
                                "bDestroy": true,
                            });
                            $('#users_table').show();
                        } else {
                            toastr.error(data.message)
                        }
                    }
                })
            }
            catch (err) {
                console.log("error in get_user_data ::::::: ", err)
            }
        }
        get_user_data();

        function viewSchedule(user_id){
            try{

            }
            catch (err) {
                console.log("error in get_user_data ::::::: ", err)
            }
        }
        $("body").on("click",".block-btn-js",function(){
				var c = confirm("Are you sure you want to proceed with this action?");
				if(c){

					var link = $(this).attr("rel");
					// console.log("yes delete it",link)
					$.ajax({
						type:"GET",
						url:link,
						success:function(data){
							// console.log("delete data is",data)
							if(data.success){
                                toastr.success(data.message)
								setTimeout(function(){
									window.location.reload()
								},1500)
							}else{
								toastr.error("Action Failed. Please reload your page and try again.")
							}
						}
					})
				}
			})
    });
</script>

{% endblock %}