@extends('layouts/contentNavbarLayout')

@section('title', 'Managers')

@section('content')
    <h4 class="py-3 mb-4"><span class="text-muted fw-light">Communities /</span> User Management (for Community Managers)
    </h4>
        <div class="card">
            <div class="card-body row g-2">
              <div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
                <h5 class="m-0 me-2">User List</h5>
                <div>
                  <a href="/community-users/create" class="fw-medium btn btn-primary" style="color: white;">
                      Add User </a>
                </div>
              </div>
              <div class="table-responsive text-nowrap">
                @include('user.table')
              </div>
            </div>
        </div>
        <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection

@section('page-script')

  <script type="text/javascript">
    $(document).ready(function () {

      var table = $('.data-table').DataTable({
          processing: true,
          serverSide: true,
          ajax: "{{ route('community-users.index') }}",
          columns: [
              { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false },
              {data: 'community.name', name: 'community.name', orderable: false},
              {data: 'name', name: 'name'},
              {data: 'email', name: 'email'},
              {data: 'role', name: 'role'},
              {data: 'phone_number', name: 'phone_number'},

              {data: 'action', name: 'action', orderable: false, searchable: false},
          ]
      });

    });

    function deleteUser(deleteid) {
        var confirmation = confirm('Are you sure you want to delete?');  // Show a confirmation dialog

        if (confirmation) {
            // If the user clicks "OK", redirect to the desired URL
            var data = {};
            data["_method"] = "delete";
            data["X-CSRF-TOKEN"] = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

                const url = "/community-users/"+deleteid;
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: data,
                    headers: {
                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                    },
                    success: function(response) {
                      if ($.trim(response)) {
                        alert(
                            "Deleted! "+
                            "Community user has been deleted successfully! "
                        );
                        location.reload();
                    }},
                    error: function(xhr, status, error) {
                        console.error(error);
                    }
                });
        }
      }
  </script>

@endsection