@extends('layouts.master')
@section('title', 'Permissions Management')

@section('content')
<div class="container">

    <div class="d-flex justify-content-end mb-3">
        <a href="{{ route('users.index') }}" class="btn-back">
            <i class="fas fa-arrow-left me-2"></i> Back to Users
        </a>
    </div>

    <div class="card-header bg-primary text-white py-3">
        <h5 class="mb-0"><i class="fas fa-chart-line me-2"></i> Assign User Permissions</h5>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <!-- FORM START -->
    <form action="" method="POST">
        @csrf


    </form>
    <!-- FORM END -->

</div>

<!-- Select/Unselect All Script -->
<script>
    document.getElementById("selectAll").addEventListener("click", () => {
        document.querySelectorAll("input[type=checkbox]").forEach(cb => cb.checked = true);
    });
    document.getElementById("unselectAll").addEventListener("click", () => {
        document.querySelectorAll("input[type=checkbox]").forEach(cb => cb.checked = false);
    });
</script>
@endsection