@extends('super-admin.layouts.main')
@section('content')
<main>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0 module-heading">Super Admin</h1>
                    </div><!-- /.col -->
                    <!-- <div class="col-sm-6"> -->
                    <!-- <ol class="breadcrumb float-sm-right"> -->
                    <!-- {{-- <li class="breadcrumb-item active">Starter Page</li> --}} -->
                    <!-- <div class="col-sm-6">
                                <ol class="breadcrumb float-sm-right">
                                    <a class="btn btn-addbtn" href="#">Add/View</a>
                                </ol>
                            </div> -->

                    <!-- </ol> -->
                    <!-- </div>/.col -->


                    <!-- <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <a class="btn btn-addbtn" href="#">Add Admin</a>
                        </ol>
                    </div> -->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        @if(Session::has('success'))
        <div id="successMessage" class="alert alert-success">{{ Session::get('success') }}</div>
        @endif
        <div class="card">
            <div class="card-body">
                <table id="datatable" class="display">
                    <thead>
                        <tr align="left">
                            <th>ID</th>
                            <th>User Name</th>
                            <th>Email </th>
                            <th>User Type</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</main>
@endsection

@section('script')
$(function () {
var table = $('#datatable').DataTable({

processing: true,
serverSide: true,
responsive:true,
order:['0','desc'],
ajax: "{{ route('user.view') }}",

"columnDefs": [
{
"targets": [ 0 ],
"visible": false,
"searchable": true
},
],
"columns": [
{ data: 'id' },
{ data: 'username' },
{ data: 'email' },
{ data: 'user_type' },
{data: 'action', name: 'action', orderable: false, searchable: false},
]

});
});
setTimeout(function() {
$('#successMessage').fadeOut('fast');
}, 1000);
@endsection