@extends('adminlte::page')

@section('title', __('Roles'))

@section('content_header')
    <h1>{{ __('Roles') }}</h1>
@stop

@section('content')
    <livewire:roles-table>
@stop

@section('css')
@stop

@section('js')
    @stack('js-livewire-custom')

    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        function deleteID(id) {

            Swal.fire({
                title: '{{ __('Are sure you want to delete?') }}',
                text: '{{__('This cannot be reversed!')}}',
                icon: 'question',
                showCancelButton: true,
            })
                .then((result) => {
                    if (result.value) {
                        $.ajax({
                            url: "{{ url('settings/roles')}}" + '/' + id,
                            type: "POST",
                            data: {'_method': 'DELETE'},
                            success: function () {
                                Swal.fire({
                                    title: '{{__('Your record was successfully deleted!')}}',
                                    text: '{{__('Record Deleted')}}',
                                    icon: "success",
                                    timer: '1500'
                                }).then(function () {
                                    //location.reload();
                                    Livewire.emit('reload');
                                });
                            },
                            error: function () {
                                Swal.fire({
                                    title: 'Opps...',
                                    icon: 'error',
                                    timer: '1500'
                                })
                            }
                        })
                    } else {
                        Swal.fire({
                            title: '{{__('Your record is safe!')}}',
                            icon: 'info',
                            timer: '1500'
                        })
                    }
                });
        }
    </script>
@stop