@extends('layouts.app')

@section('titulo', 'Utilizadores')

@section('conteudo')
<div class="top">
    <div>
        <a href="{{ route('fichas.index') }}" class="btn b2" style="margin-bottom:8px;display:inline-block">&larr; Voltar à fila</a>
        <div class="crumb">Utilizadores</div><h1>Utilizadores</h1>
    </div>
    <div class="btns">
        <a href="{{ route('users.criar') }}" class="btn b3">Novo utilizador</a>
    </div>
</div>

<div class="card">
    <div class="wrap">
        <table>
            <tr>
                <th>Utilizador</th>
                <th>Nome</th>
                <th>Estado</th>
                <th></th>
            </tr>
            @foreach($users as $user)
                <tr>
                    <td class="mono">{{ $user->username }}</td>
                    <td>{{ $user->name }}</td>
                    <td>
                        @if($user->ativo)
                            <span class="pill p-ok">ativo</span>
                        @else
                            <span class="pill p-blk">inativo</span>
                        @endif
                    </td>
                    <td>
                        <div class="btns">
                            @if($user->ativo)
                                <form method="POST" action="{{ route('users.desativar', $user) }}">
                                    @csrf
                                    <button type="submit" class="btn b2" style="padding:4px 10px;font-size:12px">Desativar</button>
                                </form>
                            @else
                                <form method="POST" action="{{ route('users.ativar', $user) }}">
                                    @csrf
                                    <button type="submit" class="btn b2" style="padding:4px 10px;font-size:12px">Ativar</button>
                                </form>
                            @endif
                            <form method="POST" action="{{ route('users.password', $user) }}" style="display:flex;gap:4px;align-items:center">
                                @csrf
                                <input type="password" name="password" placeholder="Nova password" style="width:120px;padding:4px 8px;font-size:12px">
                                <button type="submit" class="btn b2" style="padding:4px 10px;font-size:12px">Mudar password</button>
                            </form>
                        </div>
                    </td>
                </tr>
            @endforeach
        </table>
    </div>
</div>
@endsection