@extends('fronted.layout.main')
@section('adcontent')
<style>
    .permissionTable tr {
        color: #000;
        font-size: 0.8rem;
    }

    .permissionTable th {
        font-size: 0.8rem;
    }
</style>
<div class="container-fluid">
    <div class="controller">
        <div class="table-reponsive dataTable">
            <table class="table align-middle text-center permissionTable">
                <thead>
                    <th>S No</th>
                    <th>Permission Type</th>
                    <th>Permission</th>
                </thead>
                <tbody>
                    @php $count = 1 @endphp
                    @foreach($allPermission as $row)
                    <tr>
                        <td>{{$count++}}</td>
                        <td>{{$row->permissionType}}</td>
                        <td>
                            <div class="form-check">
                                <input class="form-check-input float-none" type="checkbox" value="{{$row->permissionType}}" onchange="changePermission(this,'{{$row->id}}')" {{$row->permission ? 'checked':''}}>
                                <label class="form-check-label visually-hidden">
                                    Disabled checkbox
                                </label>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
<script>
    function changePermission(checkbox, permissionId) {
        // Check if the checkbox is checked
        var permissionValue = $(checkbox).prop("checked") ? 1 : 0;
        var csrfToken = $('meta[name="csrf-token"]').attr('content');

        // Make the AJAX request
        $.ajax({
            type: "PUT",
            url: "{{ url('updatePermission') }}/" + permissionId,
            data: {
                // Assuming you want to send the updated permission value
                permission: permissionValue,
                // Add other data as needed
            },
            headers: {
                'X-CSRF-TOKEN': csrfToken
            },
            success: function(response) {
                // Handle the success response
                Swal.fire({
                    icon: 'success',
                    title: 'Permission Updated',
                    text: 'The permission has been successfully updated.',
                    showConfirmButton: false,
                    timer: 1500
                });
            },
            error: function(error) {
            
                // Handle the error response
                try {
                    var responseJson = JSON.parse(error.responseText);
                    var errorMessage = responseJson.error || 'An error occurred.';

                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: errorMessage,
                        showConfirmButton: true
                    });
                } catch (e) {
                    console.error('Error parsing JSON response:', e);
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: 'An error occurred.',
                        showConfirmButton: true
                    });
                }
            }
        });
    }
</script>
@endsection