@extends('layout.master')
@section('content')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>


<!-- Main Content -->
<style>
    .btn-width {
        min-width: 70px;
        margin-right: 5px;
        color: white;
        background-color: #6657F7 !important;
    }
    .btn-red {
        background-color: #dc3545;
        color: white;
    }
    .btn-red:hover {
        background-color: #c82333;
        color: white;
    }
    .btn-width:hover {
        color: white;
        background-color: #6657F7 !important;
    }
    thead {
        background-color: #6657F7; /* Keep thead background color */
        color: white !important;
    }
    th {
        background-color: white; /* White background for th elements */
        color: white !important; /* Retain white text color */
    }
    td {
        vertical-align: middle !important;
    }
    .text-center {
        text-align: center;
    }
</style>

<div class="main-content side-content pt-0">
    <div class="main-container container-fluid">
        <div class="inner-body">
            <!-- Page Header -->
            <div class="page-header">
                <div>
                    <h2 class="main-content-title tx-24 mg-b-5">All Admin</h2>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Admins</li>
                    </ol>
                </div>
            </div>

            @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
            @endif

            <form action="" method="post">
                @csrf
            </form>

            <div class="row mt-2">
                <div class="col-lg-12 col-md-12">
                    <div class="card custom-card overflow-hidden">
                        <div class="card-body">
                            <form action="" method="post">
                                @csrf
                                <table id="example1" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th class="">Name</th>
                                            <th class="">Email</th>
                                            <th class="text-center ">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(isset($allusers))
                                        @foreach($allusers as $user)
                                        <tr>
                                            <td>{{ $user->name ?? 'N/A' }}</td>
                                            <td>{{ $user->email ?? 'N/A' }}</td>
                                            <td class="text-center">
                                                <a href="{{ route('users.edit', $user->id) }}" class="btn btn-sm btn-primary btn-width">Edit</a>
                                                <a href="{{ route('user.delete', $user->id) }}" class="btn btn-sm btn-red btn-width" onclick="return confirm('Are you sure you want to delete this user?');">Delete</a>
                                                <a href="{{ route('show.user', $user->id) }}" class="btn btn-sm btn-red btn-width">View Detail</a>
                                            </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
$(document).ready(function() {
    $("#checkall").click(function() {
        $('input:checkbox').not(this).prop('checked', this.checked);
    });
});
</script>
<script>
@if(Session::has('message'))
var type = "{{ Session::get('alert-type', 'info') }}";
switch (type) {
    case 'info':
        toastr.info("{{ Session::get('message') }}");
        break;
    case 'warning':
        toastr.warning("{{ Session::get('message') }}");
        break;
    case 'success':
        toastr.success("{{ Session::get('message') }}");
        break;
    case 'error':
        toastr.error("{{ Session::get('message') }}");
        break;
}
@endif
</script>

@endsection