@extends('layout.index')

@section('users', 'active')

@section('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/users.css') }}">
@endsection

@section('contents')
    <div class="content-wrapper mb-3">
        <div class="container-fluid p-2">
            <div class="content-header">
                <x-content-header 
                    heading="Users"
                    description="Users maintenance. Manage and perform various transactions related to users here.">
                </x-content-header>

                <button class="btn btn-primary mr-2 mb-3" id="create-account-btn">Create Account</button>

                <hr>

                <div class="mt-2">
                    <x-datatable :tableColumns="['Profile', 'First Name', 'Last Name', 'Email', 'Status', 'Action']"></x-dashboard>
                </div>
            </div>
        </div>
    </div>

    @include('users.modals')
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/users.js') }}"></script>
@endsection