@extends('layouts.app', ['class' => '', 'elementActive' => 'listUser'])

@section('content')

    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="shadow p-3 mb-5 bg-white rounded">
                        <div class="card-header">
                            <div class="row align-items-center">
                                <div class="col-12 col-md-8">
                                    <h3 class="mb-0">{{ __('Konten') }}</h3>
                                </div>
                                <div class="col-12 col-md-4 text-md-end text-right mt-2 mt-md-0">
                                    <a href="{{ route('user.addUser') }}" class="btn  btn-primary btn-lg">KONTO HINZUFÜGEN</a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-12">
                            
        @if (count($errors) > 0)
        @if($errors->any())
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{$errors->first()}}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
          </div>
        @endif
    @endif
                            @if (session('status'))
                                <div class="alert alert-success alert-dismissible fade show" role="alert">
                                    {{ session('status') }}
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            @endif
                        </div>
            
                      
                        <div class="table-responsive">
                   
                           <table class="table datatable"> 
                                <thead class="thead-light">
                                      <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Name</th>
                                        <th scope="col">Benutzerrolle</th>
                                        <th scope="col">E-mail</th>
                                        <th scope="col">Erstellungs datum</th>
                                        <th scope="col">Änderungs datum</th>
                                        <th scope="col" class="text-center">Aktionen</th>

                                    </tr>
                                </thead>

                                <tbody>
         @foreach ($listUser as $key=>$user)
         
          <tr   @if ($user->id === auth()->id()) style="background-color:rgb(215, 252, 212);" @endif>
       
        
          <td>{{ $key + 1 }}</td>
          <td>{{ $user->name }} </td>


                <td>
                @if($user->isAdmin == 1)
                        <span class="btn btn-success btn-sm" href="#" aria-disabled="true">Admin</span>

                @elseif($user->isAdmin === 0)
                    <span class="btn btn-warning btn-sm" href="#" aria-disabled="true">Editor</span>
                @else
                -
                @endif
                </td>
                
                <td>
                <a href="mailto:{{ $user->email }}">{{ $user->email }}</a>
                </td>

                <!-- <td>{{ $user->created_at ? date('d-m-Y', strtotime($user->created_at)) : '' }}</td>
                <td>{{ $user->updated_at ? date('d-m-Y', strtotime($user->updated_at)) : '' }}</td> -->

                <td>{{ $user->created_at ? $user->created_at : '' }}</td>
                <td>{{ $user->updated_at ? $user->updated_at : '' }}</td>

                <td >         
                    
                <!-- class="text-center" -->


                <div class="d-flex gap-2">

                    <div class="d-flex flex-column align-items-center">

                    <small class="text-muted d-block mb-1">Bearbeiten</small>
                    <!-- Schnellbearbeitung -->
<a href="editUser/{{$user->id}}" class="btn btn-success btn-round" role="button" aria-disabled="true">
    <i class="nc-icon nc-refresh-69"></i></a>

                     </div>                 
                     
                     <!-- &nbsp; &nbsp;

                    <div class="d-flex flex-column align-items-center">

                    <small class="text-muted d-block mb-1">Detailbearbeitung</small>

                        <a href="profile/{{$user->id}}" class="btn btn-info btn-round" role="button" aria-disabled="true">
                            <i class="nc-icon nc-refresh-69"></i></a>
                    </div>   -->

                    &nbsp; &nbsp;
                                             <!-- <br>       -->
                            <!-- IF EMPTY user->car_pdf_relative_path -->

                    <div class="d-flex flex-column align-items-center">
                          
                    @if($user->id != auth()->id()) 
                        <!-- $user->id != 1 &&  -->
                    <small class="text-muted d-block mb-1">Löschen</small>

                      <a href="deleteUser/{{$user->id}}" 
                       onclick="return confirm('Möchten Sie diesen Benutzer wirklich löschen?')"
                      class="btn btn-danger btn-fab btn-fab-mini btn-round" role="button" aria-disabled="true">
                     <i class="nc-icon nc-button-power"> </i></a>

                        @endif

                    </div>

                   
   </div>

                

                                            
        
                        
                </td>
          </tr>

         @endforeach


                                </tbody>
                            </table>
                        </div>






                 
                        </div>
                    </div>
                </div>
            </div>
        </div>

@endsection


@stack('js')
    <script>

    </script>
    <!-- @endstack -->