LinkStack/resources/views/panel/users.blade.php

@extends('layouts.sidebar')

@section('content')

<style>.delete{color:transparent; background-color:tomato; border-radius:5px; padding:8px 12px; cursor: pointer;}.delete:hover{color:transparent;background-color:#f13d1d;}html,body{max-width:100%;overflow-x:hidden;}.shorten{cursor:help;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}</style>

<style>*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.shadow-z-1{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);box-shadow:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24)}.table{width:100%;max-width:100%;margin-bottom:2rem;background-color:transparent}.table > thead > tr,.table > tbody > tr,.table > tfoot > tr{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{text-align:left;padding:min(20px, 1.6rem);vertical-align:top;border-top:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.table > thead > tr > th{font-weight:400;color:#757575;vertical-align:bottom;border-bottom:1px solid rgba(0,0,0,0.12)}.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}.table > tbody + tbody{border-top:1px solid rgba(0,0,0,0.12)}.table .table{background-color:transparent}.table .no-border{border:0}.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:.8rem}.table-bordered{border:0}.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:0;border-bottom:1px solid #e0e0e0}.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}.table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th{background-color:#f5f5f5}.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th{background-color:rgba(0,0,0,0.12)}@media screen and (max-width: 768px){.table-responsive-vertical > .table{margin-bottom:0;background-color:transparent}.table-responsive-vertical > .table > thead,.table-responsive-vertical > .table > tfoot{display:none}.table-responsive-vertical > .table > tbody{display:block}.table-responsive-vertical > .table > tbody > tr{display:block;border:1px solid #e0e0e0;border-radius:2px;margin-bottom:1.6rem}.table-responsive-vertical > .table > tbody > tr > td{background-color:transparent;display:block;vertical-align:middle;text-align:right}.table-responsive-vertical > .table > tbody > tr > td[data-title]:before{content:attr(data-title);float:left;font-size:inherit;font-weight:400;color:#757575}.table-responsive-vertical.shadow-z-1{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.table-responsive-vertical.shadow-z-1 > .table > tbody > tr{border:none;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);box-shadow:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24)}.table-responsive-vertical > .table-bordered{border:0}.table-responsive-vertical > .table-bordered > tbody > tr > td{border:0;border-bottom:1px solid #e0e0e0}.table-responsive-vertical > .table-bordered > tbody > tr > td:last-child{border-bottom:0}.table-responsive-vertical > .table-striped > tbody > tr > td,.table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd){background-color:transparent}.table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd){background-color:#f5f5f5}.table-responsive-vertical > .table-hover > tbody > tr:hover > td,.table-responsive-vertical > .table-hover > tbody > tr:hover{background-color:transparent}.table-responsive-vertical > .table-hover > tbody > tr > td:hover{background-color:rgba(0,0,0,0.12)}}.table

<section class="shadow text-gray-400">
        <h2 class="mb-4 card-header"><i class="bi bi-person"> Users</i></h2>
        <div class="card-body p-0 p-md-3">

        <form action="{{ route('searchUser') }}" method="post">
        @csrf
          <div class="form-group col-lg-8 mb-5">
            <input type="text" name="name" placeholder="search user">
            <button type="submit" class="btn-primary"><i class="bi bi-search"></i></button>
          </div>
        </form>
        Users: 
        <a href="{{ url('') }}/panel/users/all">All</a> - 
        <a href="{{ url('') }}/panel/users/user">User</a> - 
        <a href="{{ url('') }}/panel/users/vip">Vip</a> - 
        <a href="{{ url('') }}/panel/users/admin">Admin</a> 

        <div style="overflow-x:auto;">
        <table class="table table-bordered">
          <thead>
            <tr>
              <th scope="col">Name</th>
              <th scope="col">E-Mail</th>
              <th scope="col">Page</th>
              <th scope="col">Role</th>
              <th scope="col">Edit</th>
              <th scope="col">Links</th>
              @if(env('REGISTER_AUTH') !== 'auth')<th style="width:15%" scope="col">E-Mail Verified</th>@endif
              <th scope="col">Block</th>
              <th scope="col" style="width:150px">Delete user</th>
            </tr>
          </thead>
          <tbody>
          @foreach($users as $user)
            <tr>
              <td class="shorten" title="{{ $user->name }}"> {{ $user->name }} </td>
              <td class="shorten" title="{{ $user->email }}"> {{ $user->email }} </td>
              <td><a href="{{ url('') }}/@<?= $user->littlelink_name ?>" target="_blank" class="text-info"><i class="bi bi-box-arrow-up-right"></i>&nbsp; {{ $user->littlelink_name }} </a></td>
              <td>{{ $user->role }}</td>
              <td><a href="{{ route('editUser', $user->id ) }}">Edit</a></td>
              <td><a href="{{ route('showLinksUser', $user->id ) }}" class="text-primary">View</a></td>
              @if(env('REGISTER_AUTH') !== 'auth')
              <td>@if($user->find($user->id)->role == 'admin' and $user->email_verified_at != '')yes @else
              <a href="{{ route('verifyUser', ['verify' => '-' . $user->email_verified_at, 'id' => $user->id] ) }}" class="text-danger">@if($user->email_verified_at == '')<span>no</span>@else<span style="color:#228B22">yes</span></a>@endif</td>
              @endif
              @endif
              <td>@if($user->find($user->id)->role == 'admin')-@else<a href="{{ route('blockUser', ['block' => $user->block, 'id' => $user->id] ) }}" class="text-danger">{{ $user->block }}</a>@endif</td>
              <td>@if($user->find($user->id)->role == 'admin')<center>-</center>@else<center><a href="{{ route('deleteUser', ['id' => $user->id] ) }}" class="confirmation delete"><i style="color: #fff !important" class="bi bi-trash-fill"></i><span class="hide-mobile-del"></span></a></center>@endif</td>
            </tr>
            @endforeach
          </tbody>
        </table>
        </div>
        <a href="{{ url('') }}/panel/new-user">+ Add new user</a>

              <script type="text/javascript">
                var elems = document.getElementsByClassName('confirmation');
                var confirmIt = function (e) {
                    if (!confirm('Are you sure you want to delete this user? \nThis action cannot be undone!')) e.preventDefault();
                };
                for (var i = 0, l = elems.length; i < l; i++) {
                    elems[i].addEventListener('click', confirmIt, false);
                }
              </script>

          </div>
</section>

@endsection