@extends('admin.layout.main')

@section('title', 'Coupons')

@section('content')
<div class="content-header">
    </div>
    <!-- main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">Coupons</h3>
                            <a href="{{ route('coupons.create') }}" class="btn btn-primary float-right">Add Coupon</a>
                        </div>
                        <div class="card-body">
                            <table class="table table-bordered" id="couponsTable">
                                <thead>
                                    <tr>
                                        <th>Code</th>
                                        <th>Discount Type</th>
                                        <th>Discount Value</th>
                                        <th>Start Date</th>
                                        <th>End Date</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endsection
    @section('scripts')
    <script>
        $(function() {
            $('#couponsTable').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{{ route('coupons.index') }}',
                columns: [
                    { data: 'code', name: 'code' },
                    { data: 'discount_type', name: 'discount_type' },
                    { data: 'discount_value', name: 'discount_value' },
                    { data: 'start_date', name: 'start_date' },
                    { data: 'end_date', name: 'end_date' },
                    { data: 'status', name: 'status' },
                    { data: 'action', name: 'action', orderable: false, searchable: false },
                ]
            });
        });

        function deleteCoupon(id) {
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '/coupons/' + id,
                        type: 'DELETE',
                        data: {
                            "_token": "{{ csrf_token() }}"
                        },
                        success: function(response) {
                            $('#couponsTable').DataTable().ajax.reload();
                            Swal.fire(
                                'Deleted!',
                                'The coupon has been deleted.',
                                'success'
                            );
                        },
                        error: function(response) {
                            Swal.fire(
                                'Error!',
                                'There was an error deleting the coupon.',
                                'error'
                            );
                        }
                    });
                }
            });
        }
    </script>
@endsection