@extends('layout.master')
@section('page-title', "SCHOOL MANAGER")
@section('header-links')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/forms/wizard.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/tables/datatable/datatables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/forms/select/select2.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/plugins/x-editable/dist/bootstrap4-editable/css/bootstrap-editable.css')}}">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css" integrity="sha512-vHWRw+H28F7d7lODIyQeh/ny90XO/2oQwbsE+r4th4QeLcViey0PCQ2lpaRPQeDUH3pamu1mbq4dmJ/DasBxcg==" crossorigin="anonymous" referrerpolicy="no-referrer" />


@endsection

@section('content')
<!-- BEGIN: Content-->
<div class="app-content content"><div class="content-overlay"></div>
<div class="content-wrapper">
<div class="content-body">
<section id="nav-filled">
	<div class="row">
		<div class="col-sm-12">
		  <div class="card">
			<div class="card-content">
			  <div class="card-body">
			  <div class="table-responsive">
						<table class="table user_table table-striped table-bordered table-hover">
							<thead class="thead" style="text-align:center;">
								<tr>
                                    <th>Name</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>

							</tbody>
						</table>
					</div>
			  </div>
			</div>
		  </div>
		</div>
	</div>
</section>
</div><!-- Dashboard Ecommerce ends -->
</div></div>
<!-- END: Content-->

<div class="sidenav-overlay"></div>
<div class="drag-target"></div>
@endsection

@section('footer-links')
    <script src="{{asset('app-assets/vendors/js/extensions/jquery.steps.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/forms/wizard-steps.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/tables/datatable/datatables.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/tables/datatable/dataTables.bootstrap4.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/tables/datatable/dataTables.buttons.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/datatables/datatable.min.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/forms/select/select2.full.min.js')}}"></script>
    <script src="{{asset('app-assets/js/scripts/forms/select/form-select2.min.js')}}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
    <script src="{{asset('app-assets/plugins/x-editable/dist/bootstrap4-editable/js/bootstrap-editable.min.js')}}"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js" integrity="sha512-xvhw/4EKqdj+A/dEL/fPZ26Ki3iksy83zzZ36GF0N36I5iJcNTJNjeIqn2W8ZrxTMs9G5FxJw0fwuBsoERkXEw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
@endsection

@section('footer-scripts')
<script>
    $(document).ready(function () {
        function close_modal(){
            $(".modal").modal('hide');
            $('body').removeClass('modal-open');
            $('.modal-backdrop').remove();
        }

        let receipt_invoice_id;

        let user_table = $(".user_table").DataTable({
            processing: true,
            ajax: {
                url: "/view_user",
                type: "GET",
                data: function (d) {
                    return $.extend({}, d, {});
                },
                "dataSrc": function (response){
                    var data = [];
                    for ( var i=0; i < response.returned_data.length; i++ ) {
                        data.push(response.returned_data[i]);
                    }
                    return data;
                }
            },
            deferRender: true,
            createdRow: function (row, data, index) {
                // $("td", row).css("text-align", "center");
            },
            fnDrawCallback: function () {

            },
        });


        $(".card-body").on("click", ".edit_invoice", function(e) {
            e.preventDefault();
            $("#empty_modal").find(".modal-title").html("");
            $("#empty_modal").find(".modal-div").html("");
            $("#empty_modal").find(".modal-footer").html("");
            let invoice_id = $(this).data("id");
            $(".load_info").fadeIn();
            $.ajax({
                url: "/view_edit_invoice",
                type: "GET",
                data: {
                    invoice_id: invoice_id
                },
                dataType: "json"
            }).done(function(response) {
                if (response.status === "failed") {} else if (response.status === "success") {
                    $(".load_info").hide(1);
                    $("#empty_modal").find(".modal-title").html(response.title);
                    $("#empty_modal").find(".modal-div").html(response.body);
                    $("#empty_modal").find(".modal-footer").html(response.footer);

                }
            });
        });

        $(".empty_modal_form").on("click", ".submit_edit_invoice", function (e){
            e.preventDefault();

            let form = $(this).parents("form");
            let invoice_id =  $(this).data("id");
            let error = false;

            if(!error){
                close_modal();
                swal({
                        title: "Are you sure?",
                        text: "Invoice will be edited",
                        type: "warning",
                        showCancelButton: true,
                        closeOnConfirm: false,
                        showLoaderOnConfirm: true
                    },
                    function() {
                        form.ajaxSubmit({
                            url: "/edit_invoice",
                            data: {
                                invoice_id: invoice_id
                            },
                            type: "PATCH",
                            // dataSrc: "",
                            dataType: "json",
                            success: function (data) {
                                console.log(data);
                                if (data.status == "failed") {
                                    //  toastr.error(data.message);
                                    swal("Cancelled!", data.message, "error");
                                    user_table.ajax.reload();
                                } else if (data.status == "success") {
                                    // toastr.success("Edit Successfully");
                                    swal("Edited!", "Edit Successful", "success");
                                    user_table.ajax.reload();
                                }
                            },
                            error: function (data) {
                            },
                        });
                    });

            }
        });

        $(".card-body").on("click", ".delete_invoice", function () {
            let invoice_id = $(this).attr("data-id");
            let $_this = $(this);
            let tr =  $_this.parents('tr');
            let row = user_table.row(tr);
            swal({
                    title: "Are you sure?",
                    text: "Invoice will be deleted",
                    type: "warning",
                    showCancelButton: true,
                    closeOnConfirm: false,
                    showLoaderOnConfirm: true
                },
                function() {
                    $.ajax({
                        url: "/delete_invoice",
                        type: "DELETE",
                        dataType: "json",
                        data: {
                            invoice_id: invoice_id
                        },
                        success: function (response) {
                            if(response.status === "success"){
                                swal("Deleted!", 'Invoice deleted.', "success");
                                // members_table.ajax.reload();
                            }
                            row.remove().draw(false);
                        },
                    });
                });
        });

        //JQUERY FOR ASSIGNING SCHOOLS
        $(".card-body").on("click", ".show_assign_school", function(e) {
            e.preventDefault();
            $("#empty_modal").find(".modal-title").html("");
            $("#empty_modal").find(".modal-div").html("");
            let user_id = $(this).data("id");
            let user_name = $(this).data("name");
            $(".load_info").fadeIn();
            $.ajax({
                url: "/show_assign_school",
                type: "GET",
                data: {
                    id: user_id,
                    name: user_name
                },
                dataType: "json"
            }).done(function(response) {
                if (response.status === "failed") {} else if (response.status === "success") {
                    $(".load_info").hide(1);
                    $("#empty_modal").find(".modal-title").html(response.title);
                    $("#empty_modal").find(".modal-div").html(response.body);

                }
            });
        });

        //JQUERY FOR ASSIGNING ROLES
        $(".card-body").on("click", ".show_assign_role", function(e) {
            e.preventDefault();
            $("#empty_modal").find(".modal-title").html("");
            $("#empty_modal").find(".modal-div").html("");
            let user_id = $(this).data("id");
            let user_name = $(this).data("name");
            $(".load_info").fadeIn();
            $.ajax({
                url: "/show_assign_role",
                type: "GET",
                data: {
                    id: user_id,
                    name: user_name
                },
                dataType: "json"
            }).done(function(response) {
                if (response.status === "failed") {} else if (response.status === "success") {
                    $(".load_info").hide(1);
                    $("#empty_modal").find(".modal-title").html(response.title);
                    $("#empty_modal").find(".modal-div").html(response.body);

                }
            });
        });



    });

</script>

@endsection