@extends('admin.layouts.contentLayoutMaster')
@section('title','Package List')
@section('pagelevelcss')
<style type="text/css">
.disabled { pointer-events: none; cursor: default; }
.disabled i.material-icons.blue-text { color: #9e9e9e !important; }
</style>
@stop
@section('content')
<div class="section section-data-tables">
    <div class="row">          
      <div class="col s12 m12 l12">
        <a class="btn waves-effect waves-light breadcrumbs-btn right" href="{{route('package.category.create')}}">
            <i class="material-icons hide-on-med-and-up">settings</i>
            <span class="hide-on-small-onl">Add Package Category</span>
        </a>
      </div>
    </div>
    <div class="card">
        <div class="card-content">            
            <table class="display list" id="page-length-option">
                <thead>
                    <tr>
                        <th width="70%">Name</th>
                        <th width="20%">Image</th>
                        <th width="10%">Action</th>                      
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection
@section('pageleveljs')
<script type="text/javascript">
$(function () {
    var list = $('.list').DataTable({
        processing: true,
        serverSide: true,
        ordering: false,
        responsive:true,
        ajax: "{{ route('package.category.list') }}",
        columns: [
            {data: 'name', name: 'name'},
            {data: 'image', name: 'image'},
            {data: 'action', name: 'action'},
        ]
    });
    $('body').on('click', '.category_enable', function (e) {
        var get_url = $(this).data("url");
        var enabletype = $(this).data("enabletype");
        if(enabletype == 0)
        {
            var text = "You want to deactivate this item!";
            var deletetxt = 'deactivate';
        }
        if(enabletype == 1)
        {
            var text = "You want to activate this item!";
            var deletetxt = 'activate';
        }
        swal({
                title: "Are you sure?",
                text: text,
                icon: 'warning',
                dangerMode: true,
                buttons: {
                    cancel: 'No, Please!',
                    delete: 'Yes, '+deletetxt+' It'
                }
            }).then(function (enable) {           
                if (enable) {
                    $.ajax({
                        type: "get",
                        url: get_url,
                        data: {},
                        success: function (data) {
                            swal(data.message, {
                                icon: "success",
                            });
                            var d_Table = $('.list').dataTable(); 
                            d_Table.api().ajax.reload();
                        },
                        error: function (data) {
                          swal({
                                title: 'Error',
                                icon: 'error'
                            });
                        }
                    });                    
                } else {
                }
            });
    });
});
</script>
@stop