@extends('layout.master', ['headerTitle' => 'Type List'])

@section('style')
<link href="{{ asset('assets/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.2.0/sweetalert2.min.css">
@endsection

@section('body')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <div class="container-xxl" id="kt_content_container">
        <div class="card card-flush">
            <div class="card-body pt-5">
                <div class="d-flex align-items-center py-3 py-md-1 mt-3">
                    <a href="{{route('type.create')}}" class="btn btn btn-dark">Add Type</a>
                </div>
                <table class="table align-middle table-row-dashed fs-6 gy-5" id="typeListTable">
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script src="{{ asset('assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
<script src="{{ asset('assets/js/custom/apps/ecommerce/sales/listing.js') }}"></script>
<script src="{{ asset('assets/js/widgets.bundle.js') }}"></script>
<script src="{{ asset('assets/js/custom/widgets.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.2.0/sweetalert2.all.min.js"></script>

<script>
    $(document).ready(function() {
        var table = $('#typeListTable');
        setTypeListTable();

        function setTypeListTable() {
            oTable = table.dataTable({
                "processing": true,
                "serverSide": true,
                "language": {
                    "aria": {
                        "sortAscending": ": click to sort column ascending",
                        "sortDescending": ": click to sort column descending"
                    },
                    "emptyTable": "No data available in table",
                    "info": "Showing _START_ to _END_ of _TOTAL_ entries",
                    "infoEmpty": "No entries found",
                    "infoFiltered": "(filtered1 from _MAX_ total entries)",
                    "lengthMenu": "_MENU_ entries",
                    "search": "Search:",
                    "zeroRecords": "No matching records found",
                    "paginate": {
                        "previous": "Prev",
                        "next": "Next",
                        "last": "Last",
                        "first": "First",
                        "page": "Page",
                        "pageOf": "of"
                    }
                },
                "columns": [{
                        "title": "S.No",
                        "data": "id"
                    },
                    {
                        "title": "Name",
                        "data": "name"
                    },
                    {
                        "title": "Action",
                        "data": "action"
                    }
                ],
                responsive: true,
                "order": [
                    [0, 'asc']
                ],
                "lengthMenu": [
                    [10, 20, 50, 100],
                    [10, 20, 50, 100]
                ],
                "pageLength" :