@extends('base')
@section('content')

<h1 class="mt-5">Users</h1>
<div class="graph-card p-3 my-5">
    @if(session()->has('success'))
        <div class="alert alert-success flashmsg">
            {{ session()->get('success') }}
        </div>
    @endif
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2>View Users</h2>
    </div>
    <table class="vl-table table bg-white table-striped table-bordered table-hover">
            <thead class="table-light font-wei">
            <tr>
                <th class="text-center p-3 p-3" scope="col">SL NO</th>
                <th class="text-center p-3" scope="col">User Id</th>
                <th class="text-center p-3" scope="col">Name</th>
                <th class="text-center p-3" scope="col">Email</th>
                <th class="text-center p-3" scope="col">Role</th>
                <th class="text-center p-3" scope="col">Created At</th>
                <th class="text-center p-3" scope="col">Action</th>
            </tr>
            </thead>
            <tbody>
            @foreach($getUser as $index => $getUsers )
                <form method="POST" action="{{ secure_url('delete-users',$getUsers->id) }}">
                    @csrf
                    <tr>
                        <th class="text-center p-3" scope="row">{{ $index +1 }}</th>
                        <td class="text-center p-3">{{ $getUsers->id }}</td>
                        <td class="text-center p-3">{{ $getUsers->name }}</td>
                        <td class="text-center p-3">{{ $getUsers->email }}</td>
                        <td class="text-center p-3">{{ $getUsers->roles_id }}</td>
                        <td class="text-center p-3">{{ $getUsers->created_at }}</td>
                        <td class="text-center p-3"><a href="{{ route('edit-user',$getUsers->id) }}"><button type="button" class="btn btn-primary vl-table-view"><i class="fa fa-edit me-1" aria-hidden="true"></i>Edit</button></a><button type="submit" class="btn btn-danger ms-3 vl-table-delete"><i class="fa fa-trash me-1" aria-hidden="true"></i>Delete</button></td>
                    </tr>
                </form>
            @endforeach
            </tbody>
    </table>
</div>
<script type="text/javascript">
    setTimeout(function() {
        $('.flashmsg').fadeOut(1500);
    }, 3000);
</script>
@endsection