@extends('layouts.admin')


@section('style')
@endSection

@section('script')


    <script>
        $(function () {

            var t = $('#redeem_codes_table').DataTable({
                lengthMenu: [ [10, 25, 50, 100, 200, 500, -1], [10, 25, 50, 100, 200, 500, "All"] ],
                dom:
                    "<'row p-2'<'#create_voucher.col-sm-6 mb-2 text-left'><'#import_export.col-sm-6 mb-2 text-left text-sm-right'B>>" +
                    "<'row px-2'<'col-sm-6'l><'col-sm-6'f>>" +
                    "<'row'<'col-sm-12 overflow-auto'tr>>" +
                    "<'row p-2'<'col-sm-5'i><'col-sm-7'p>>",
                buttons: [{
                    extend: 'csv',
                    text: '<i class="fas fa-file-export"></i> Export CSV',
                    className: 'btn btn-sm btn-default'
                }],
            });

            t.on( 'order.dt search.dt', function () {
                t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {
                    cell.innerHTML = i+1;
                } );
            } ).draw();
        });

    </script>

@endSection

@section('content')

        <!-- Content Header (Page header) -->
        @php
            $page_title =  __('heading.title_list_voucher_series');
        @endphp

        <!-- Main content -->
        <section class="content">
            <div class="row">

                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">{{ __('heading.title_list_voucher_series') }}</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body table-responsive p-0">

                            <table id="redeem_codes_table" class="table table-bordered table-hover dataTable">
                                <thead>
                                <tr>
                                    <th>No.</th>
                                    <th>Redeem Code</th>
                                    <th>Discount Value</th>
                                    <th>SKU</th>
                                    <th>Status</th>

                                </tr>
                                </thead>
                                <tbody>
                                @foreach($redeem_codes as $code)
                                    <tr>
                                        <td></td>
                                        <td>{{ $code['code'] }}</td>
                                        <td>{{ $code['discount_value'] }}</td>
                                        <td>{{ $code['sku'] }}</td>
                                        <td>{{ $code['status']}}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                                {{--<tfoot>--}}
                                {{--<tr>--}}
                                {{--<th>No.</th>--}}
                                {{--<th>Voucher Series</th>--}}
                                {{--<th>Title</th>--}}
                                {{--<th>Retail Store</th>--}}
                                {{--<th>Downloaded</th>--}}
                                {{--<th>Used</th>--}}
                                {{--<th>Redemption Period</th>--}}
                                {{--<th>Created Date</th>--}}
                                {{--</tr>--}}
                                {{--</tfoot>--}}
                            </table>
                        </div>
                        <!-- /.card-body -->
                    </div>
                </div>
            </div>
            <!-- /.row -->
        </section>
        <!-- /.content -->

@endsection