@extends('layouts.finance')

@section('title', 'Permissions')
@section('subtitle', 'Manage application permissions')

@section('content')
    <section class="card">
        <div class="section-head">
            <h2>Permissions</h2>
            <a href="{{ route('access.permissions.create') }}" class="btn btn-primary">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width:15px;height:15px"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
                New Permission
            </a>
        </div>

        <table>
            <thead>
                <tr>
                    <th>Permission Name</th>
                    <th>Guard</th>
                    <th>Assigned to Roles</th>
                    <th class="right">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($permissions as $permission)
                    <tr class="row-hover">
                        <td class="font-semibold">{{ $permission->name }}</td>
                        <td><span class="pill">{{ $permission->guard_name }}</span></td>
                        <td><span class="pill pill-amber">{{ $permission->roles_count }}</span></td>
                        <td class="right">
                            <div class="flex justify-end gap-2">
                                <a href="{{ route('access.permissions.edit', $permission) }}" class="btn btn-sm">Edit</a>
                                <form method="POST" action="{{ route('access.permissions.destroy', $permission) }}"
                                      onsubmit="return confirm('Delete permission &quot;{{ addslashes($permission->name) }}&quot;? It will be removed from all roles.')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" class="text-center muted" style="padding:24px">No permissions found. <a href="{{ route('access.permissions.create') }}" style="color:var(--accent)">Create the first permission</a>.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </section>
@endsection