@extends('admin.layouts.master')
@section('title', CARD_TITLE_ADMIN)
@section('content')

<h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">
        <ol class="breadcrumb float-end">
            <li> <a class="bread-item" href="{{ route('admin.dashboard') }}"> Dashboard </a></li>
            <li> <span class=" inactive-bread">Cards</span></li>
        </ol>
    </span> {{ CARD_TITLE_ADMIN }}
</h4>
@include('admin.layouts.flash_message')
<!-- Bootstrap Table with Caption -->
<div class="card">
    <h5 class="card-header">{{ CARD_TITLE_ADMIN }}
        <a href="{{ route('cards.create',[$id]) }}">
            <span class="btn btn-success float-end">Add {{ CARD_TITLE_ADMIN }}</span>
        </a>
    </h5>
    <div class="card-body">
        <div class="table-responsive text-nowrap">
            <table class="table data-table">
                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Card</th>
                        <th>Card Category</th>
                        <th>Is Pro</th>
                        <th>Is New</th>
                        <th>Is Published</th>
                        <th></th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
    </div>
</div>

<script type="text/javascript">
    var table = $('.data-table').DataTable({
        processing: true,
        serverSide: true,
        ajax:{
            url: "{{ route('cards.index')}}",
                data: function(d){
                d.tag_id = '{{ $id }}';
            },
        },
        columns: [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'card_name', name: 'card_name'},
            {data: 'card_category', name: 'card_category'},
            {data: 'is_pro', name: 'is_pro'},
            {data: 'is_new', name: 'is_new'},
            {data: 'is_published', name: 'is_published'},
            // {data: null,render: function ( data, type, row ) {
            //     return '0';
            // // }},
            {data: 'cards_count', name: 'cards_count'},
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ]
    });
</script>
@endsection