@extends('adminlte::page')
@section('title', "Llista d'usuaris")
@section('content_header')
<i class="fa fa-users" aria-hidden="true"></i> Llista d'usuaris a la paperera
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
	<li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
	<li class="breadcrumb-item"><a href="{{ route('users.index') }}">Usuaris</a></li>
</ol>
@endsection
@section('content')

	<table class="table table-striped table-bordered" id="tablausers">
		<thead>
			<th>ID</th>
			<th>Nom</th>
			<th>Email</th>
			<th>Tipus</th>
			<th>Accions</th>
		</thead>
		<tbody>
			@foreach($users as $user)
				<tr id="{{ $user->id }}" name="{{ $user->name }}">
					<td>{{ $user->id }}</td>
					<td>{{ $user->name }}</td>
					<td>{{ $user->email }}</td>
					<td>{{ $user->type }}</td>
					<td>
						<button class="activar btn btn-success" title="Activar usuari"><span class="fas fa-check-circle" aria-hidden="true"></span> Activar</button>
						@if(Auth::user()->type == 'admin')
						<button class="eliminar btn btn-danger" title="Eliminar usuari"><span class="fas fa-trash-alt" aria-hidden="true"></span> Eliminar</button>
						@endif

					</td>
				</tr>
			@endforeach
		</tbody>
  		
	</table>
@endsection

@section('js')
@vite(['resources/js/enable.js']) }}">
<script>
	
	$(document).ready( function () {
    $('#tablausers').DataTable({
    	"order": [[ 0, "desc" ]],
    	responsive : true,
    	"language": {
                search: "",
                emptyTable: "No hi ha usuaris",
                zeroRecords: "No hi ha usuaris per aquesta cerca",
                lengthMenu: "Mostrar _MENU_ usuaris",
                info: "Mostrant _START_ a _END_ de _TOTAL_ usuaris",
                infoEmpty: "No hi ha usuaris",
                infoFiltered:   "(filtrat de _MAX_ usuaris en total)",
                searchPlaceholder: "Buscar...",
                selectPlaceholder: "Buscar...",
                paginate: {
            first:      "Primer",
            previous:   "Anterior",
            next:       "Següent",
            last:       "Últim"
        },
            },
    	 "dom": '<"datatablesalunos"f><l<t>ip>',
    	 "columnDefs": [ {
            "searchable": false,
            "orderable": false,
            "targets": [4],
        }],
} );
    });
	
</script>

@endsection