@extends('layouts/contentNavbarLayout')

@section('title', 'Designplus - Permission Group')

@section('content')
<h4 class="py-3 mb-4"><span class="text-muted fw-light">Permission /</span> Manage Permission
</h4>

<hr class="my-5">
@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

@if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif
<form action="{{ route('permissions.permission.store') }}" method="post" id="permissionsForm">
    @csrf

    <!-- Check All Button -->
    <div class="form-check mb-3">
        <input class="form-check-input" type="checkbox" id="checkAll">
        <label class="form-check-label" for="checkAll">Check All</label>
    </div>

    @foreach ($tableNames as $table)
        @if ($table != 'migrations' && $table != 'personal_access_tokens') <!-- Exclude the migrations table -->
            <h5 class="permission">{{ $table }}</h5>
            <input type="hidden" name="permissions[{{ $table }}][groups]" value="{{ $permissions->id }}"> <!-- Assuming $permissions contains the user group information -->
            <input type="hidden" name="urls[]" value="{{ $table }}">

            <!-- Error handling for required fields -->
            @error("permissions.{$table}.add")
                <span class="text-danger">{{ $message }}</span>
            @enderror

            @error("permissions.{$table}.edit")
                <span class="text-danger">{{ $message }}</span>
            @enderror

            @error("permissions.{$table}.view")
                <span class="text-danger">{{ $message }}</span>
            @enderror

            @error("permissions.{$table}.delete")
                <span class="text-danger">{{ $message }}</span>
            @enderror
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="1" id="{{ $table }}_adds" name="permissions[{{ $table }}][add]">
                <label class="form-check-label" for="{{ $table }}_adds">Add</label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="1" id="{{ $table }}_edits" name="permissions[{{ $table }}][edit]">
                <label class="form-check-label" for="{{ $table }}_edits">Edit</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="1" id="{{ $table }}_views" name="permissions[{{ $table }}][view]">
                <label class="form-check-label" for="{{ $table }}_views">View</label>
            </div>

            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="1" id="{{ $table }}_deletes" name="permissions[{{ $table }}][delete]">
                <label class="form-check-label" for="{{ $table }}_deletes">Delete</label>
            </div>
            <br>
        @endif
    @endforeach
    <hr class="my-5">
    <!-- Submit button -->
    <button type="submit" class="btn btn-primary waves-effect waves-light">Update Permissions</button>
</form>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        document.getElementById('checkAll').addEventListener('change', function () {
            const checkboxes = document.querySelectorAll('input[type="checkbox"]');
            checkboxes.forEach(checkbox => {
                checkbox.checked = this.checked;
            });
        });
    });
</script>



<!--/ Basic Bootstrap Table -->
<hr class="my-5">

<!-- Assuming you have included jQuery -->

@endsection