<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{{asset('css/style-user-edit.css')}}">
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    <title>Users</title>
</head>
<body>
    <div class="container">
        <form action="/users/edit/{{$user["id"]}}" method="POST">
        @csrf
            <div class="righe">
                <h4 class="nome-mail-h4">Name</h4>
                <input class="nome-mail" type="text" name="name" placeholder="{{$user["name"]}}">
            </div>
            <div class="righe">
                <h4 class="nome-mail-h4">Email</h4>
                <input class="nome-mail" type="email" name="email" placeholder="{{$user["email"]}}">
            </div>
                <div id="permessi-totali">
                    <div id="permessi" class="permessi">
                    <h4 id="tit-permessi"><strong>Permessi: </strong></h4>
                        <div class="righe">
                            <input type="checkbox" value="1" name="permissions[]">
                            <p>Creazione di nuovi utenti</p>
                        </div>
                        <div class="righe">
                            <input type="checkbox" value="2" name="permissions[]">
                            <p>Creazione o rimozione di giorni nel calendario</p>
                        </div>
                        <div class="righe">
                            <input type="checkbox" value="3" name="permissions[]">
                            <p>Possibilità di firmare la presenza(ingressi e uscite)</p>
                        </div>                
                            <div class="righe">
                            <input type="checkbox" value="4" name="permissions[]">
                            <p>Possibilità di validare le presenze</p>
                        </div>
                    </div>

                    <div id="permessi-posseduti">
                        <h2><strong>Permessi posseduti dell' utente</strong></h2>
                        <br>
                        @for($i = 0; $i < $index_per; $i++)
                            <div class="righe">
                                <h4>{{$i}} -> {{$permessi[$i]["name"]}}</h4>
                            </div>
                        @endfor
                    </div>
                </div>
                <input type="submit" value="MODIFICA" id="invia">
        </form>
    </div>
    @section('scripts')
        <script src="{{ asset('js/script-users.js') }}"></script>
    @show
</body>
</html>