@extends('admin.layouts.admin')
@section('content') 
    <div class="container-fluid">  
        <div class="table-block-common"> 
            <!-- Card header -->
            <div class="top-title-block-table">
                <div class="top-title-block-table-left common-btn-admin">
                @if(isset($module_name))
                    <h2 class="sdial-darkbox-subtitle-text20">{{  $module_name }}</h2>
                @endif
                <a href="{{ $module_route."/create" }}"  class="btn btn-yellow-admin">
                <i class="fas fa-plus me-2"></i>  
                <span>
                  @if(isset($module_name))
                        Add {{  $module_name }}  
                    @endif  
                    </span>  
                </a>
                </div>
                
            </div>
            <div class="table-common-block">
            <div class="table-responsive">
                <table class="table table-flush" id="datatable-basic">
                    <thead class="thead-light">
                        <tr> 
                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                Name
                            </th>
                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                Email
                            </th> 
                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                Creation Date
                            </th>
                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                Action
                            </th>
                        </tr>
                    </thead>
                    <tbody> 
                    </tbody>
                </table>
            </div>
            </div>
        </div>  
    </div>
@endsection

@push('js')  
<script>  
        var oTable;
        $(document).ready(function () {
            oTable = $('#datatable-basic').DataTable({
                "pageLength": 10,
                processing: true,
                serverSide: true,
                language: {
                    searchPlaceholder: "Search",
                    sEmptyTable: "No admins match.",  
                    info: "_START_ - _END_ of _MAX_",
                },
                lengthMenu: [
                    [5, 10, 15, -1],
                    [5, 10, 15, "All"]
                ],
                "ajax": { 
                    "url": "{!! $module_route.'/datatable' !!}", 
                },
                columns: [  
                    {
                        data: 'name',
                        name: 'name',  
                    },
                    {
                        data: 'email',
                        address: 'email', 
                    },  
                    { data: 'added_date', searchable: false, name: 'created_at'},
                    {   data:  null,
                        class: 'center-block',
                        "orderable": false,
                        "searchable": false,
                        "render":function(o){ 
                            var str = "";
                            str += '<div class="custom-dropdwon-table link-dropdown"><div class="d-flex"><div class="dropdown"><button class="btn dost-icon-btn" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-ellipsis-v"></i></button><div class="dropdown-menu" aria-labelledby="dropdownMenu2">';
                            str += '<a class="dropdown-item" href="{{ $module_route }}/' + o.id + '/edit"><button class="edit-button" type="button">Edit</button></a>';
                            if(o.id>1)
                            {
                                str += '<button class="dropdown-item" type="button"><a href="javascript:void(0);" class="deleteRecord" val="' + o.id + '">Delete</a></button>';
                            } 
                            str += ' </div></div></div></div>'; 
                            return str;
                        }
                    } 
                ],
                order: [[2, "DESC"]],
                drawCallback: function( settings, start, end, max, total, pre ) {   
                    if(this.fnSettings().fnRecordsTotal() == 0)
                    {
                        $("#datatable-basic_info").html('');
                    } 
                },
                //dom: '<"top"i>rt<"bottom"flp><"clear">',
            });  
            
        }); 
    
      //delete Record
       jQuery(document).on('click', '.deleteRecord', function() {
            var textSwal = "";
            textSwal = "Are you sure you want to delete the admin?";
            var id = $(this).attr('val'); 
            swal({ 
                    text: textSwal,
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "Yes, Delete",
                    cancelButtonText: "No",
                })
                .then(function() {
                    $.ajax({ 
                        url: "{{ url('admin/adminuser') }}/" + id +"/delete-admin",
                        type: 'GET',
                        data: {
                            "_token": window.Laravel.csrfToken
                        },
                        success: function(data) { 
                            oTable.draw(false);
                        },
                        error: function(xhr, status, error) {
                            if (xhr.responseJSON && xhr.responseJSON.message != "") {
                                swal("ohh snap!", xhr.responseJSON.message, "error");
                            } else {
                                swal("ohh snap!", "Something went wrong", "error");
                            }
                            ajaxError(xhr, status, error);
                        }
                    });
                }, function(dismiss) {});
       }); 
    // jQuery(document).on('click', '.deleteRecord', function(event) {
    //     var id = $(this).attr('val');
    //     var deleteUrl = "{!!  $module_route  !!}/" + id;
    //     var isDelete = deleteRecordByAjax(deleteUrl, "{{$module_name}}", oTable);
    // });
</script>
@endpush