@extends('layouts.admin')

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
 
   $(document).ready( function () {
	   
		var userTable = $('#laravel_datatable').DataTable({
			aaSorting: [[0, 'desc']],
			processing: true,
			serverSide: true,
		    ajax: "{{ route('user.list') }}",
		    columns: [
					{ data: 'DT_RowIndex', name: 'id' },
					{ data: 'name', name: 'name' },
					{ data: 'last_name', name: 'last_name' },
					{ data: 'email', name: 'email' },
					{ data: 'phone', name: 'phone' },
					{ data: 'status', name: 'status' },
					{ data: 'action', name: 'action' },
					
				]
		});
		
	$(document).on('change', '#userStatus', function() {
    var selectedValue = $(this).val();
    var id = $(this).attr('data-id');
    showWarningMessage(selectedValue, id);
});

function showWarningMessage(selectedValue, id) {
        Swal.fire({
        title: "Are you sure?",
        text: "You want to chnage status!",
        icon: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes, chnage it!",
        cancelButtonText: "No, cancel it!",
        closeOnConfirm: false,
        closeOnCancel: false
    }).then((isConfirm) => {
        if (isConfirm.value) {
            $.ajax({
                type: "POST",
                url: '{{route("user.status")}}',
                data: { status: selectedValue, id: id },
                success: function(data) {
                    if (data) {
                        Swal.fire("Changed!", "Status has been changed.", "success");
                        userTable.draw();
                    } else {
                        Swal.fire("Cancelled", "Error", "error");
                    }
                }
            });
        } else {
            Swal.fire("Cancelled", "", "error");
        }
    });
}

	$(document).on('click', '.user-delete', function() {
	  
	   
    var id = $(this).attr('data-id');
   
    showDeleteMessage(id);
});

function showDeleteMessage(id) {
        Swal.fire({
        title: "Are you sure?",
        text: "You want to Delete User!",
        icon: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes, delete it!",
        cancelButtonText: "No, cancel it!",
        closeOnConfirm: false,
        closeOnCancel: false
    }).then((isConfirm) => {
        if (isConfirm.value) {
            $.ajax({
                type: "POST",
                url: '{{route("user.delete")}}',
                data: {id: id },
                success: function(data) {
                    if (data) {
                        Swal.fire("Changed!", "User has been deleted.", "success");
                        userTable.draw();
                    } else {
                        Swal.fire("Cancelled", "Error", "error");
                    }
                }
            });
        } else {
            Swal.fire("Cancelled", "", "error");
        }
    });
}


	});
	
		
		
	
</script>

@endsection

@section('content')

<div class="row">
        <div class="col-lg-12">

          <div class="card">
            <div class="card-body">
				<div class="row">
					<div class="col-sm-6"> <h5 class="card-title">All Users</h5></div>
					
				</div>
             
			 

			  <div class="table-responsive">
						<table class="table table-bordered" id="laravel_datatable">
						   <thead>
							    <tr>
									<th>Id</th>
									<th>First Name</th>
									<th>Last Name</th>
								    <th>Email</th>
								    <th>Phone</th>
									<th>Status</th>
									<th>Action</th>
								
							    </tr>
						   </thead>
						</table>
</div>

            </div>
          </div>

        </div>
      </div>

   
@endsection