@extends('layouts.admin')
@section('title', $pageTitle)
@section('content')

<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header card-header-primary">
                <h4 class="card-title float-left">{{ __('panel.page_title.group.list') }}</h4>
                <a class="btn btn-success btn-sm float-right" title="{{ trans('global.add') }} {{ trans('cruds.group.title_singular') }}" href="{{ route('admin.groups.create') }}">
                    <i class="fas fa-plus"></i>
                </a>
            </div>
            <div class="card-block">
                <div class="table-responsive">
                    <div class="clearfix"></div>
                    {{ $dataTable->table(['class' => 'display table nowrap table-hover', 'id' => 'groups-table', 'style' => 'width:100%;']) }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@parent
{!! $dataTable->scripts() !!}
<script src="{{ asset('js/common.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/admin/js/sweet-alert/sweetalert2@9.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(document).on("click", ".delete-record", function(event) {
            event.preventDefault();
            var url = $(this).data('href');
            var csrf_token = $('meta[name="csrf-token"]').attr('content');

            Swal.fire({
                title: "{{ trans('global.areYouSure') }}",
                text: "{{ trans('global.onceClickedRecordDeleted') }}",
                icon: "warning",
                showDenyButton: true,
                showCancelButton: true,
                confirmButtonText: "{{ trans('global.yes_delete_it') }}",
                denyButtonText: "{{ trans('global.no_cancel') }}",
            }).then(function(result) {
                if (result.isConfirmed) {
                    $.ajax({
                        type: 'POST',
                        url: url,
                        dataType: 'json',
                        data: {
                            _token: csrf_token,
                            _method: "DELETE"
                        },
                        success: function(response) {
                            if (response.status) {
                                Swal.fire({
                                    title: "{{ trans('global.success') }}",
                                    text: response.message,
                                    icon: "success",
                                    confirmButtonText: "{{__('global.okay')}}",
                                    confirmButtonColor: "#04a9f5"
                                }).then((result) => {
                                    if (result.isConfirmed || result.dismiss === Swal.DismissReason.backdrop) {
                                        window.location.href = response.redirect_url;
                                    } else {
                                        $('#groups-table').DataTable().ajax.reload(null, false);
                                    }
                                });
                            }
                        },
                        error: function(xhr) {
                            if (xhr.status === 400) {
                                Swal.fire({
                                    title: "{{ trans('global.error_title') }}",
                                    text: xhr.responseJSON.message,
                                    icon: "error",
                                    confirmButtonText: "{{__('global.okay')}}",
                                    confirmButtonColor: "#04a9f5"
                                });
                            } else {
                                Swal.fire({
                                    title: "{{ trans('global.error_title') }}",
                                    text: "{{ trans('messages.unexpected_error') }}",
                                    icon: "error",
                                    confirmButtonText: "{{__('global.okay')}}",
                                    confirmButtonColor: "#04a9f5"
                                });
                            }
                        }
                    });
                }
            });
        });
    });
</script>
@endsection