@extends('layouts.base')

@section('title', 'User')

@php
    $trClass = 'px-2 py-1 text-xs leading-tight';
@endphp

@section('content')
    <div class="card">
        <div class="card-header bg-secondary rounded-t-lg">
            <div class="flex justify-between items-center">
                <h4 class="card-title text-white font-bold">@yield('title')</h4>

                <div class="flex items-center gap-2">
                    <x-buttons.form-create-button route="{{ route('user.create') }}" />
                </div>
            </div>
        </div>

        <div class="p-6 shadow-md rounded-b-lg">
            <table id="userTable" class="min-w-full display table-auto text-sm" width="100%">
                <thead class="bg-gray-50">
                    <tr class="{{ $trClass }}">
                        <th>S.N</th>
                        <th>Name</th>
                        <th>Username</th>
                        <th>Email</th>
                        <th>Role</th>
                        <th>Active</th>
                        <th>Actions</th>
                    </tr>
                </thead>

                <tbody class="bg-white divide-y divide-gray-200">

                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('scripts')
    @include('user.partials.scripts')
@endsection