@extends('layout')
@section('title','Rôles')
@section('content')
<h1>Rôles</h1>
<p class="muted">Un rôle est un jeu de permissions <strong>rwx</strong> : <code>r</code> consulter, <code>w</code> créer/modifier, <code>x</code> envoyer les campagnes.</p>

<div class="card">
    <h2>Créer un rôle</h2>
    <form method="post" action="{{ route('roles.store') }}">
        @csrf
        <div class="row" style="align-items:flex-end">
            <div style="flex:1"><label>Nom du rôle</label><input name="name" placeholder="ex. Analyste" required></div>
            <label style="font-weight:500"><input type="checkbox" name="can_read" value="1" checked style="width:auto"> r — consulter</label>
            <label style="font-weight:500"><input type="checkbox" name="can_write" value="1" style="width:auto"> w — modifier</label>
            <label style="font-weight:500"><input type="checkbox" name="can_execute" value="1" style="width:auto"> x — envoyer</label>
            <button class="btn">Créer</button>
        </div>
    </form>
</div>

<div class="card">
    <form method="get" action="{{ route('roles.index') }}" id="roles-filters" data-autosubmit data-results="#results">
        <div class="row" style="align-items:flex-end;gap:12px">
            <div style="flex:1;min-width:200px"><label>Recherche</label>
                <input type="text" name="q" value="{{ $q }}" placeholder="Nom du rôle…">
            </div>
            <div><button class="btn">Appliquer</button></div>
            @if($q !== '')
                <div><a class="btn secondary" href="{{ route('roles.index') }}">Réinitialiser</a></div>
            @endif
        </div>
    </form>
</div>

<div class="card" id="results">
    <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:6px">
        <h2 style="margin:0">Liste ({{ $roles->total() }})</h2>
        @include('partials.per-page-selector', ['perPage' => $perPage, 'options' => $perPageOptions, 'formId' => 'roles-filters'])
    </div>
    <table>
        <tr><th>Rôle</th><th>Permissions</th><th>Utilisateurs</th><th></th></tr>
        @forelse($roles as $role)
            <tr>
                <form method="post" action="{{ route('roles.update', $role) }}">
                    @csrf @method('PUT')
                    <td><input name="name" value="{{ $role->name }}" style="max-width:220px"></td>
                    <td>
                        <label style="display:inline;font-weight:500"><input type="checkbox" name="can_read" value="1" @checked($role->can_read) style="width:auto"> r</label>
                        <label style="display:inline;font-weight:500;margin-left:10px"><input type="checkbox" name="can_write" value="1" @checked($role->can_write) style="width:auto"> w</label>
                        <label style="display:inline;font-weight:500;margin-left:10px"><input type="checkbox" name="can_execute" value="1" @checked($role->can_execute) style="width:auto"> x</label>
                    </td>
                    <td>{{ $role->users_count }}</td>
                    <td style="text-align:right;white-space:nowrap">
                        <button class="btn secondary">Enregistrer</button>
                </form>
                        <form method="post" action="{{ route('roles.destroy', $role) }}" style="display:inline" onsubmit="return confirm('Supprimer ce rôle ?')">
                            @csrf @method('DELETE')
                            <button class="btn danger" @disabled($role->users_count)>Supprimer</button>
                        </form>
                    </td>
            </tr>
        @empty
            <tr><td colspan="4" class="muted">{{ $q !== '' ? 'Aucun rôle ne correspond à cette recherche.' : 'Aucun rôle. Créez-en un ci-dessus.' }}</td></tr>
        @endforelse
    </table>
    <div style="margin-top:14px">{{ $roles->links() }}</div>
</div>
@endsection