@extends('apex-layouts.main')

@section('title',"Coupons")

@section('header-right')
    <form class="btn btn-raised btn-primary round btn-min-width mr-1 mb-1" enctype="multipart/form-data"
          action="{{route('coupons.importSheet')}}" method="post">
        @csrf
        <input type="file" name="file_excel">
        <button type="submit" class="btn btn-raised btn-green round btn-min-width mr-1 mb-1">Import</button>
    </form>
    <a href="{{ route('coupons.create') }}" class="btn btn-raised btn-primary round btn-min-width mr-1 mb-1"><i
            class="fa fa-plus-circle"></i> </a>
@endsection
@section('content')
    <section id="multi-column">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body collapse show">
                        <div class="card-block ">
                            <table class="table table-responsive-lg" id="coupons-table">
                                <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Title</th>
                                    <th>Code</th>
                                    <th>StartOn</th>
                                    <th>ExpiredOn</th>
                                    <th>UsesPerCoupon</th>
                                    <th>TimesUsed</th>
                                    <th>DiscountType</th>
                                    <th>DiscountValue</th>
                                    <th>Active</th>
                                    <th>DiscountType</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    <script>
        $(function () {
            $('#coupons-table').DataTable({
                processing: true,
                serverSide: true,
                iDisplayLength: 100,
                aaSorting: [[0, "desc"]],
                ajax: '{!! route('coupons.data') !!}',
                columns: ,

            });
        });

    </script>
@stop