Default page

Edit File: admins.blade.php

@extends('layouts.app')
@section('content')

<div id="page-container" class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed main-content-narrow">
    @include('layouts.top_navbar')
    @include('layouts.sidebar')
        
        <main id="main-container">

<div class="bg-body-light">
                <div class="content content-full">
                    <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                        <h1 class="flex-sm-fill h3 my-2">
                            Users
                        </h1>
                        <nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
                            <ol class="breadcrumb breadcrumb-alt">
                                <li class="breadcrumb-item">User</li>
                                <li class="breadcrumb-item" aria-current="page">
                                    <a class="link-fx" href="">List</a>
                                </li>
                            </ol>
                        </nav>
                    </div>
                    <div class="float-right mb-3">
                        <a class="link-fx btn btn-primary" href="{{ Route('users.create') }}">New</a>
                    </div>
                </div>
            </div>

{{-- 
                <div class="block block-rounded">
                    <div class="block-content block-content-full">
                        <table class="table table-bordered table-striped table-vcenter js-dataTable-full-pagination">
                            <thead>
                                <tr>
                                    <th class="text-center" style="width: 80px;">ID</th>
                                    <th>Name</th>
                                    <th class="d-none d-sm-table-cell" style="width: 30%;">Email</th>
                                    <th class="d-none d-sm-table-cell" style="width: 15%;">Status</th>
                                    <th style="width: 15%;">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($users as $user)
                                <tr>
                                    <td class="text-center font-size-sm">{{ $loop->index+1 }}</td>
                                    <td class="font-w600 font-size-sm">{{ $user->name }}</td>
                                    <td class="d-none d-sm-table-cell font-size-sm">{{ $user->email }}</td>
                                    @if($user->status == 1)
                                    <td class="d-none d-sm-table-cell"><a href="{{ Route('users.status',[$user->id]) }}" class="btn btn-success btn-sm">Active</a></td>
                                    @else
                                    <td class="d-none d-sm-table-cell"><a href="{{ Route('users.status',[$user->id]) }}" class="btn btn-danger btn-sm">Inactive</a></td>
                                    @endif
                                    <td><a href="{{ Route('users.edit',[$user->id]) }}" class="btn btn-warning btn-sm btn-view "><span class="fa fa-edit" ></span></a><a href="" data-remote="{{ Route('users.destroy',[$user->id]) }}" class="btn btn-warning btn-sm delete-confirm ml-1"><span class="fa fa-trash" ></span></a></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                 --}}

<div class="block block-rounded">
                                    <div class="block-header">
                                        <h3 class="block-title fw-bold">User Table</h3>
                                    </div>
                                    <div class="block-content block-content-full">
                                        
                                        <table class="table table-bordered table-striped table-vcenter js-dataTable-full">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" style="width: 80px;">ID</th>
                                                    <th>Name</th>
                                                    <th class="d-none d-sm-table-cell" style="width: 30%;">Email</th>
                                                    <th class="d-none d-sm-table-cell" style="width: 15%;">Status</th>
                                                    <th style="width: 15%;">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($users as $user)
                                                <tr>
                                                    <td class="text-center font-size-sm">{{ $loop->index+1 }}</td>
                                                    <td class="font-w600 font-size-sm">{{ $user->name }}</td>
                                                    <td class="d-none d-sm-table-cell font-size-sm">{{ $user->email }}</td>
                                                    @if($user->status == 1)
                                                    <td class="d-none d-sm-table-cell"><a href="{{ Route('users.status',[$user->id]) }}" class="btn btn-success btn-sm">Active</a></td>
                                                    @else
                                                    <td class="d-none d-sm-table-cell"><a href="{{ Route('users.status',[$user->id]) }}" class="btn btn-danger btn-sm">Inactive</a></td>
                                                    @endif
                                                    <td><a href="{{ Route('users.edit',[$user->id]) }}" class="btn btn-warning btn-sm btn-view "><span class="fa fa-edit" ></span></a><a href="" data-remote="{{ Route('users.destroy',[$user->id]) }}" class="btn btn-warning btn-sm delete-confirm ml-1"><span class="fa fa-trash" ></span></a></td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                
        </main>
        
</div>
@endsection
@section('script')
<script>
$( document ).ready(function() {
    @if (session('status'))
        const Toast = Swal.mixin({
            toast: true,
            position: 'top-end',
            showConfirmButton: false,
            timerProgressBar: true,
            showCloseButton: true,
            didOpen: (toast) => {
                toast.addEventListener('mouseenter', Swal.stopTimer)
                toast.addEventListener('mouseleave', Swal.resumeTimer)
                }
        })
    var timing = 2000;
    @if (session('extend_time'))
        var timing = 20000;
    @endif
    Toast.fire({
        title: "{{session('message')}}",
        icon:"{{session('status')}}",
        timer: timing
    })
    @endif
});
$(function() {
    var table = $('.table');
  table.on('click','.delete-confirm[data-remote]', function (event) {
        event.preventDefault();
        let url = $(this).data('remote');
        Swal.fire({
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        icon: 'warning',
        iconColor: '#d33',
        showCancelButton: true,
        confirmButtonColor: '#38138a',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!'
        }).then((result) => {
        if (result.isConfirmed) {
        window.location.href = url;
        }
        })
        });
    });
</script>
@endsection