@extends('layouts.default')


@section('content')
<div class="row">
    <div class="col-lg-12 margin-tb">
        <div class="pull-left">
            <h2>Users Management</h2>
        </div>
        <div class="pull-right">
            <a class="btn btn-success" href="{{ route('users.create') }}"> Create New User</a>
        </div>
    </div>
</div>
@if ($message = Session::get('success'))
<div class="alert alert-success">
  <p>{{ $message }}</p>
</div>
@endif

<div class="container" class="rishab" id="dynamicTable">
Test
</div>        


@endsection

<script src="https://code.jquery.com/jquery-3.6.3.js" integrity="sha256-nQLuAZGRRcILA+6dMBOvcRh5Pe310sBpanc6+QBmyVM=" crossorigin="anonymous"></script>

<script type="text/javascript">
    $(function () {
        $('body').on('click', '.inline-flex a', function (e) {
           // alert("dd");
            e.preventDefault();
            $('#load').append('<img style="position: absolute; left: 0; top: 0; z-index: 10000;" src="https://i.imgur.com/v3KWF05.gif />');
            var url = $(this).attr('href');
            window.history.pushState("", "", url);
            getData(url);
        });

        function getData(url) {
            $.ajax({
                url: url
            }).done(function (data) {
                $('#dynamicTable').html(data);
            }).fail(function () {
                console.log("Failed to load data!");
            });
        }
    });
</script>