@extends('admin.layouts.adminApp')
@section('style')
<link href='https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_editor.pkgd.min.css' rel='stylesheet' type='text/css' />
@endsection
@section('content')
<!--start page wrapper -->
<div class="page-wrapper">
    <div class="page-content">
        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">All Role Permission </div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page"> Role Permission </li>
                    </ol>
                </nav>
            </div>
            <div class="ms-auto">
                <div class="btn-group">
                </div>
            </div>
        </div>
        <!--end breadcrumb-->
        <div class="row">
            <div class="col-lg-12 mx-auto">
               <form   method="POST" enctype="multipart/form-data" id="SameForm">

                 
                    <div class="card">
                        <div class="card-header radius-15 bg-primary">
                            <div class="d-flex align-items-center">
                                <h6 class="mb-0 text-white">Role Permission</h6>
                            </div>
                        </div>
                        <div class="card-body p-4 row">
                            @csrf
                            <div class="col-md-6 mb-3">
                                <input type="hidden" name="id" value="{{ $role->id ?? '' }}">

                                <label for="name" class="form-label">Role Name</label>
                                <input type="text" class="form-control" id="name" name="name" value="{{ $role->name ?? '' }}" required>
                                @error('name')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="status" class="form-label">Status</label>
                                <select class="form-control" id="status" name="status">
                                    <option value="1" {{ (isset($role) && $role->status == 1) ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ (isset($role) && $role->status == 0) ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div> 
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header radius-15 bg-primary">
                            <div class="d-flex align-items-center row">
                                <h6 class="col-md-10 mb-0 text-white">Role Permission List</h6> 
                                <div class="col-md-2 form-check form-check-success">
                                    <input type="checkbox" class="form-check-input" id="selectAll">
                                    <label class="form-check-label text-white" for="selectAll">Select All</label>
                                </div>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                @php $k=0 @endphp 
                                <table class="table" id="example--">
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>Name</th>
                                            <th>View</th>
                                            <th>Add</th>
                                            <th>Edit</th>
                                            <th>Delete</th> 
                                        </tr>
                                    </thead>
                                    <tbody> 
                                        @php
                                        
                                       
                                        $permissions = [
                                                'App' => ['View', 'Add', 'Edit', 'Delete'],
                                                'Dashboard' => ['View', 'Add', 'Edit', 'Delete'],
                                                'Users' => ['View', 'Add', 'Edit', 'Delete'],
                                                'Roles' => ['View', 'Add', 'Edit', 'Delete'],
                                                'Permission' => ['View', 'Add', 'Edit', 'Delete'],
                                                'Property' => ['View', 'Add', 'Edit', 'Delete'],
                                                'Wards' => ['View', 'Add', 'Edit', 'Delete'],
                                                'TaxRateZone' => ['View', 'Add', 'Edit', 'Delete'],
                                                'OwnershipType' => ['View', 'Add', 'Edit', 'Delete'],
                                                'Situations' => ['View', 'Add', 'Edit', 'Delete'],
                                                'PropertyUses' => ['View', 'Add', 'Edit', 'Delete'],
                                                'CommercialUses' => ['View', 'Add', 'Edit', 'Delete'],
                                                'YearOfConstructions' => ['View', 'Add', 'Edit', 'Delete'],
                                                'ExemptionApplicable' => ['View', 'Add', 'Edit', 'Delete'],
                                                'FloorUsageType' => ['View', 'Add', 'Edit', 'Delete'],
                                                'FloorTypes' => ['View', 'Add', 'Edit', 'Delete'],
                                                'UsagsFactor' => ['View', 'Add', 'Edit', 'Delete']
                                            ];
                                        @endphp
                                        
                                        @foreach ($permissions as $key => $actions)
                                            @if (isset($me->role->permission[$key]['View']))
                                                <tr>
                                                    <td>{{ ++$k }}</td>
                                                    <td>{{ $key }}</td>
                                        
                                                    @foreach ($actions as $action)
                                                        <td>
                                                            @if (isset($me->role->permission[$key][$action]))
                                                                <div class="form-check form-check-{{ getPermissionClass($action) }}">
                                                                    <input type="checkbox" class="form-check-input" 
                                                                        @isset($role->permission[$key][$action]) checked @endisset 
                                                                        name="permission[{{ $key }}][{{ $action }}]"> 
                                                                    <label class="form-check-label" for="flexCheckCheckedSuccess">
                                                                        {{ $key }} {{ $action }}    
                                                                    </label> 
                                                                </div>
                                                            @endif
                                                        </td>
                                                    @endforeach
                                                </tr>
                                            @endif
                                        @endforeach
                                        
                                        @php
                                            // Helper function to return the right class based on action
                                            function getPermissionClass($action) {
                                                $classes = [
                                                    'View' => 'warning',
                                                    'Add' => 'success',
                                                    'Edit' => 'info',
                                                    'Delete' => 'danger'
                                                ];
                                        
                                                return $classes[$action] ?? 'secondary';
                                            }
                                        @endphp

                                       
                                        
                                    </tbody>
                                </table>

                            </div>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Save </button>
                    <a href="{{ route('gis.role.index') }}" class="btn btn-secondary">Cancel</a>
                </form>
                <div class="row">
                    <div class="col-12">
                        <!-- Displaying Success Message -->
                        @if(session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif

                        <!-- Displaying Error Messages -->
                        @if($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                    </div>
                </div>

            </div>
             
        </div>
    </div>
</div>
  
@endsection
@section('script')

<!-- JavaScript to handle "Select All" functionality -->
<script>
    document.getElementById('selectAll').addEventListener('change', function() {
        const checkboxes = document.querySelectorAll('.form-check-input');
        checkboxes.forEach(checkbox => {
            checkbox.checked = this.checked;
        });
    });
</script>

<script>
$(document).on("submit", "#SameForm", function (e) {
    e.preventDefault(); // ✅ This prevents default form submission

    let formData = new FormData(this);

    $.ajax({
        url: "{{ route('gis.permission.update') }}",
        type: "POST",
        data: formData,
        processData: false,
        contentType: false,

        success: function (res) {
            console.log("RES:", res);

            if (res.msg) {
                toastr.success(res.msg);
            }

            if (res.redirect) {
                setTimeout(() => {
                    window.location.href = res.redirect;
                }, 1000);
            }
        },

        error: function (xhr) {
            console.log("XHR ERROR:", xhr);

            if (xhr.status === 422) {
                let error = xhr.responseJSON.errors;
                $.each(error, function (key, value) {
                    toastr.error(value[0]);
                });
            } else {
                toastr.error("Something went wrong!");
            }
        }
    });
});


</script>
@endsection