@extends('admin.layouts.main-layout')
@section('content')
<div class="container-fluid">
    <div class="page-title-box">
        <div class="row align-items-center">

            <div class="col-sm-6">
                <h4 class="page-title">Packages</h4>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Packages</li>
                </ol>

            </div>
            <div class="col-sm-6">
                <div class="float-right d-none d-md-block">
                    <a href="{{ route('admin.package.create') }}" class="btn btn-success waves-effect waves-light"><i class="fas fa-folder-plus"></i> Create Package</a>
                </div>
            </div>
        </div>
    </div>
    <!-- end row -->

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @include('admin.snippets.messages',['errors'=>$errors])
                    <table id="dynamic-table" class="table table-bordered dt-responsive nowrap">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                        <tfoot>
                            <tr>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </tfoot>
                    </table>

                </div>
            </div>
        </div> <!-- end col -->
    </div> <!-- end row -->
</div>
@section('script')
<script>
    $(function () {
        $('#dynamic-table').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": {
                "url": BASEPATH + "package/get-data",
                "dataType": "json",
                "type": "POST",
                "data": {_token: "{{csrf_token()}}"}
            },
            "columns": [
                {"data": "id"},
                {"data": "name"},
                {"data": "status"}
            ],
            "columnDefs": [
                {
                    "className": "dt-center",
                    "targets": [3],
                    "searchable": true,
                    "orderable": true,
                    "render": function (data, type, row) {
                        var resultHtml = '';
                        resultHtml = '<a class="" href="' + BASEPATH + 'package/edit/' + row.id + '"><i class="fas fa-pencil-alt"></i></a> ';
                        resultHtml += '<a class="confirmation" class="confirmation" href="' + BASEPATH + 'package/delete/' + row.id + '"><i class="fa fa-trash"></i></a>';
                        return resultHtml;

                    }
                }
            ]
        });
    });
</script>
@stop
@endsection