@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>

        <div class="row">
            @foreach ($tableNames as $table)
                @if (
                    $table != 'migrations' &&
                        $table != 'personal_access_tokens' &&
                        $table != 'career_enquiries' &&
                        $table != 'faqs' &&
                        $table != 'media_categories' &&
                        $table != 'project_galleries' &&
                        $table != 'testimonial_videos' &&
                        $table != 'user_group' &&
                        $table != 'project_category' &&
                        $table != 'authers' &&
                        $table != 'career' &&
                        $table != 'blog_comments' &&
                        $table != 'blog_gallerys' &&
                        $table != 'blog_tags' &&
                        $table != 'event_category' &&
                        $table != 'event_faqs' &&
                        $table != 'event_gallerys')
                    <div class="col-md-6 mb-3">
                        <h5 class="permission">{{ ucfirst(str_replace('_', ' ', $table)) }}</h5>
                        <input type="hidden" name="permissions[{{ $table }}][groups]"
                            value="{{ $permissions->id }}">
                        <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

                        @php
                            // Check if the permission exists for the current table
                            $existingPermission = $existingPermissions->where('url', $table)->first();
                        @endphp

                        <!-- Add checkbox for 'Add' permission -->
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="1" id="{{ $table }}_adds"
                                name="permissions[{{ $table }}][add]"
                                @if ($existingPermission && $existingPermission->adds) checked @endif>
                            <label class="form-check-label" for="{{ $table }}_adds">Add</label>
                        </div>

                        <!-- Add checkbox for 'Edit' permission -->
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="1" id="{{ $table }}_edits"
                                name="permissions[{{ $table }}][edit]"
                                @if ($existingPermission && $existingPermission->edits) checked @endif>
                            <label class="form-check-label" for="{{ $table }}_edits">Edit</label>
                        </div>

                        <!-- Add checkbox for 'View' permission -->
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="1" id="{{ $table }}_views"
                                name="permissions[{{ $table }}][view]"
                                @if ($existingPermission && $existingPermission->views) checked @endif>
                            <label class="form-check-label" for="{{ $table }}_views">View</label>
                        </div>

                        <!-- Add checkbox for 'Delete' permission -->
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="1" id="{{ $table }}_deletes"
                                name="permissions[{{ $table }}][delete]"
                                @if ($existingPermission && $existingPermission->deletes) checked @endif>
                            <label class="form-check-label" for="{{ $table }}_deletes">Delete</label>
                        </div>
                    </div>
                @endif
            @endforeach
        </div>

        <hr class="my-5">
        <!-- Submit button -->
        <button type="submit" class="btn1 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