@extends('modules.head') @section('contenido')

<!-- List banners-->
<div class="box">

    <!-- /.box-header -->

    <div class="box-body table-responsive ">
    <h3 >Coupons</h3>
        <table id="table-list_coupons" class="table table-bordered table-hover dataTable" role="grid" aria-describedby="example2_info">
            <thead>
                <tr role="row">
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Code</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Amount</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Discount type</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Usage limit</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Usage count</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Creation date</th>
                    <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Expiration date</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

@include('products.scraper')

<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/dropzone/dropzone.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $.fn.dataTable.ext.errMode = 'throw';

        $(function() {
            $("#table-list_coupons").dataTable().fnDestroy();
            _table = $('#table-list_coupons').DataTable({
                responsive: true,
                processing: true,
                serverSide: true,
                "order": [],
                "language": {
                    url: 'https://cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json'
                },
                ajax: {
                    url: '/coupons_list',
                },
                columns: [{
                        data: 'code',
                        name: 'code',
                        "width": "15%"
                    },
                    {
                        data: 'amount',
                        name: 'amount',
                        "width": "15%"
                    },
                    {
                        data: 'discount_type',
                        name: 'discount_type',
                        "width": "15%"
                    },
                    {
                        data: 'usage_limit',
                        name: 'usage_limit',
                        "width": "15%",
                        render: function(data) {
                            if (data == '') {
                                return data;
                            }
                            else {
                                return "No limit";
                            }
                        }

                    },
                    {
                        data: 'usage_count',
                        name: 'usage_count',
                        "width": "15%"
                    },
                    {
                        data: 'date_created',
                        name: 'date_created',
                        "width": "15%",
                        render: function(data){
                            if(data){
                                var date = new Date(data);
                                var month = date.getMonth() + 1;
                                return (month.length > 1 ? "0" + month : month) + "/" + date.getDate() + "/" + date.getFullYear();
                            }
                            return '';

                        }
                    },
                    {
                        data: 'date_expires',
                        name: 'date_expires',
                        "width": "15%",
                        render: function(data){
                            if(data){
                                var date = new Date(data);
                                var month = date.getMonth() + 1;
                                return (month.length > 1 ? "0" + month : month) + "/" + date.getDate() + "/" + date.getFullYear();
                            }
                            return '';

                        }
                    },
                ],
            });
        });

    });
</script>


@endsection