@extends('admin.layout.index')
@section('title', 'Muftaax | Edit Role')
@section('custom-style')
    <style>
        /* Your custom styles here */
    </style>
    <!-- Include Notyf CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css">
@endsection
@section('content')

    <!-- Start::app-content -->
    <div class="main-content app-content">
        <div class="container-fluid">

            <!-- Page Header -->
            <div class="my-4 page-header-breadcrumb d-flex align-items-center justify-content-between flex-wrap gap-2">
                <div>
                    <h1 class="page-title fw-medium fs-18 mb-2">Roles Management</h1>
                    <div class="">
                        <nav>
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item"><a href="javascript:void(0);">Roles Management</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Edit Role</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>

            <!-- Start::row-1 -->
            <div class="row">
                <div class="col-sm-12">
                    <div class="card custom-card">
                        <div class="card-header">
                            <div class="card-title">Edit Role</div>
                        </div>
                        <div class="card-body">
                            <form id="role-form" method="POST" action="{{ route('roles.update', $role->id) }}">
                                @csrf
                                @method('PUT')
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group mb-2">
                                            <label for="role-title" class="form-label">Role Title</label>
                                            <input type="text" class="form-control" name="name" id="role-title"
                                                placeholder="Role Title" value="{{ $role->name }}">
                                        </div>
                                    </div>
                                </div>

                                <h4 class="fs-16 mt-3 mb-3">Permissions</h4>

                                <div class="table-responsive">
                                    <table class="table text-nowrap table-bordered">
                                        <thead>
                                            <tr>
                                                <th scope="col">Modules</th>
                                                <th>View</th>
                                                <th scope="col">Add</th>
                                                <th scope="col">Edit</th>
                                                <th scope="col">Delete</th>
                                                <th scope="col">Block</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>Dashboard</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="view-dashboard"
                                                        {{ in_array('view-dashboard', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Analytics</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="analytics"
                                                        {{ in_array('analytics', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Restaurant Category</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="restaurant-category"
                                                        {{ in_array('restaurant-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="create-restaurant-category"
                                                        {{ in_array('create-restaurant-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-restaurant-category"
                                                        {{ in_array('edit-restaurant-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-restaurant-category"
                                                        {{ in_array('delete-restaurant-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Ride Category</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="ride-category"
                                                        {{ in_array('ride-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="create-ride-category"
                                                        {{ in_array('create-ride-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-ride-category"
                                                        {{ in_array('edit-ride-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-ride-category"
                                                        {{ in_array('delete-ride-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Top Deals</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="top-deals-category"
                                                        {{ in_array('top-deals-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="create-top-deals-category"
                                                        {{ in_array('create-top-deals-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-top-deals-category"
                                                        {{ in_array('edit-top-deals-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-top-deals-category"
                                                        {{ in_array('delete-top-deals-category', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Sub Admins</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="admins"
                                                        {{ in_array('admins', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="create-admins"
                                                        {{ in_array('create-admins', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-admins"
                                                        {{ in_array('edit-admins', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-admins"
                                                        {{ in_array('delete-admins', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="block-admins" disabled
                                                        {{ in_array('block-admins', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Roles</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="roles"
                                                        {{ in_array('roles', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="create-roles"
                                                        {{ in_array('create-roles', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-roles"
                                                        {{ in_array('edit-roles', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-roles"
                                                        {{ in_array('delete-roles', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Users</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="users"
                                                        {{ in_array('users', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="create-users" disabled
                                                        {{ in_array('create-users', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-users"
                                                        {{ in_array('edit-users', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-users"
                                                        {{ in_array('delete-users', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="block-users" disabled
                                                        {{ in_array('block-users', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Restaurants</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="restaurants"
                                                        {{ in_array('restaurants', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-restaurants"
                                                        {{ in_array('edit-restaurants', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-restaurants"
                                                        {{ in_array('delete-restaurants', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="block-restaurants" disabled
                                                        {{ in_array('block-restaurants', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Drivers</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="drivers"
                                                        {{ in_array('drivers', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="driver-verifications"
                                                        {{ in_array('driver-verifications', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-drivers"
                                                        {{ in_array('delete-drivers', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="block-drivers" disabled
                                                        {{ in_array('block-drivers', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Rides</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="rides"
                                                        {{ in_array('rides', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Banners</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="banners"
                                                        {{ in_array('banners', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="create-banners"
                                                        {{ in_array('create-banners', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-banners"
                                                        {{ in_array('edit-banners', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-banners"
                                                        {{ in_array('delete-banners', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Support</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="support"
                                                        {{ in_array('support', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-support"
                                                        {{ in_array('edit-support', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-support"
                                                        {{ in_array('delete-support', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>FAQ</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="faqs"
                                                        {{ in_array('faqs', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="create-faqs"
                                                        {{ in_array('create-faqs', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-faqs"
                                                        {{ in_array('edit-faqs', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-faqs"
                                                        {{ in_array('delete-faqs', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Feedback and Ratings</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="feedback-and-rating"
                                                        {{ in_array('feedback-and-rating', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-feedback"
                                                        {{ in_array('delete-feedback', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Issue Resolutions</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="issue-resolutions"
                                                        {{ in_array('issue-resolutions', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="edit-resolutions"
                                                        {{ in_array('edit-resolutions', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="delete-issue-resolutions"
                                                        {{ in_array('delete-issue-resolutions', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                            <tr>
                                                <td>Contact Us</td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="contact-us"
                                                        {{ in_array('contact-us', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}>
                                                </td>
                                                <td><input type="checkbox" name="permissions[]" id="staffPermissions"
                                                        value="" disabled
                                                        {{ in_array('', $rolePermissions) ? 'checked' : '' }}></td>
                                            </tr>
                                        </tbody>
                                    </table>

                                    <button class="btn btn-dark mt-3" type="submit">Submit</button>

                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!--End::row-1 -->

        </div>
    </div>
    <!-- End::app-content -->

@endsection
@section('custom-script')
    <!-- Include Notyf JS -->
    <script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#role-form').on('submit', function(e) {
                e.preventDefault();

                // Disable submit button
                $('button[type="submit"]').prop('disabled', true).text('Processing...');

                // Initialize Notyf
                var notyf = new Notyf();

                $.ajax({
                    type: 'PUT',
                    url: '{{ route('roles.update', $role->id) }}',
                    data: $(this).serialize(),
                    success: function(response) {
                        notyf.success(response.message);

                        setTimeout(function() {
                            window.location.href = '{{ route('roles') }}';
                        }, 3000); // Redirect after 3 seconds
                    },
                    error: function(response) {
                        notyf.error('Error: ' + response.responseJSON.message);
                        // Re-enable submit button
                        $('button[type="submit"]').prop('disabled', false).text('Submit');
                    }
                });
            });
        });
    </script>
@endsection