@extends('layouts.master')

 @section('page-content')
 <div class="title-bar">
 	<h1 class="title-bar-title">
 		<span class="d-ib">All Obituary</span>
 	</h1>

 </div>
 <div class="row gutter-xs">
 	<div class="col-xs-12">
 		<div class="card" style="overflow:hidden;">
 			<div class="card-header bg-primary">
 				<div class="card-actions">
 					<button type="button" class="card-action card-toggler" title="Collapse"></button>
 				</div>
                <strong>Obituary</strong>
                <strong><a href="{{url('obituary/create')}}" class="btn btn-md btn-primary pull-right"><i class="icon icon-plus"></i> Add Obituary</a></strong>
 			</div>
 			<div class="card-body" style="overflow-x: scroll;">
  <table class="table table-bordered" id="category_table">
                        <thead>
                            <tr>
                                <th>#</th>
                            <th>Member Name</th>
                            <th>Person Expired</th><!-- new -->
                            <th>Birth Date</th><!-- new -->
                            <th>Died On</th>
                            <th>To Show Still</th>
                            <th>Description</th>
                            <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
 			</div>
 		</div>
 	</div>
 </div>
 @endsection

@push('page-script')
<script type="text/javascript" src="https://cdn.jsdelivr.net/g/mark.js(jquery.mark.min.js)"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.13/features/mark.js/datatables.mark.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-sweetalert/1.0.1/sweetalert.min.js"></script>
 -->    <script>
    let table;
    $('#category_table').DataTable().clear().draw();
    table = $('#category_table').DataTable({
        "destroy": true,
        'language':{
            "loadingRecords": "&nbsp;",
            "processing": "Loading Regions...",
            "zeroRecords": " "
        },
        'mark':true,
        "ajax": {
            "url" : "{{route('get_obitury_all')}}",
            "type" : "POST",
            "data" : function(d){
            },
        },
        "processing": true,
        "columnDefs": [{
            "searchable": false,
            "orderable": false,
            "targets": [0]
        }],
         dom: 'Bfrtip',
        buttons: [
                {
                    extend: 'csvHtml5',
                    title : 'MPM_Obitury',
                    exportOptions: {
                        columns: [ 0,1,2,3,4,5,6],
                    }
                },
               
            ],
    });
    table.on( 'order.dt search.dt', function () {
        table.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
            cell.innerHTML = i+1;
        });
    }).draw();




    $(document).on('click', '.delete', function(){
        let id = $(this).attr('data-id');

        swal({
            title: "Are you sure?",
            text: "Once deleted, you will not be able to recover this record!",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })
        .then((willDelete) => {
            if (willDelete) {
                $.ajax({
                    url:'/delete_obituary/'+ id,
                    type:'get',
                    data:{_method:'delete',_token:'{{ csrf_token() }}'},
                    success : function(response) {
                        swal("Poof! Your record has been deleted!", {
                            icon: "success",
                        });
                        // $( ".dataTable" ).load( "/obituary .dataTable" );
                        location.reload();
                    }
                })
            } else {

            }
        });
    });
</script>
@endpush