@extends('backend.includes.panel')

@section('page_css')
<link href="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.css' }}" rel="stylesheet">
<link href="{{ BE_URL.'plugins/sweetalert/sweetalert.css' }}" rel="stylesheet" type="text/css">
@stop

@section('page_title','Coupons')

@section('inner_page_link')
    <li class="breadcrumb-item active">Coupon List</li>
@stop

@section('main_content')
	<div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Coupons
                         @if(checkUserModuleAccess(2,'write'))
                            <button type="button" onclick="window.location.href='{{ route('coupon.create') }}'" class="float-right pull-right btn btn-success waves-effect waves-light m-r-10"><i class="fa fa-plus"></i> Add Coupons</button>
                        @endif
                    </h4>
                    <div class="table-responsive m-t-10">
                        <table id="coupons" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Name</th>
                                    <th>Code</th>
                                    <th>Type</th>
                                    <!-- <th>Duration</th> -->
                                    <th>Status</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('page_script')
<script src="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/datatables/jquery.dataTables.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/sweetalert/sweetalert.min.js' }}"></script>
<script type="text/javascript">

    var EDIT_URL = "{{ route('coupon.edit',['ID']) }}";
    var DELETE_URL = "{{ route('coupon.destroy',['ID']) }}";

    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });

    /* Coupons list with datatable */
    var caregoryTable = $('#coupons').DataTable({
        aaSorting: [],
        processing: true,
        serverSide: true,
        ajax: { "url":"{!! route('coupon.get.coupon') !!}","type": "POST"},
        columns: [
            { data: 'id', name: 'id',
                render:function(ata,type,row){
                    return '';
                }
            },
            { data: 'name', name: 'name' },
            { data: 'code', name: 'code' },
            { data: 'coupon_type', name: 'coupon_type' },
            // { data: 'coupon_duration', name: 'coupon_duration' },
            { data: 'coupon_status', name: 'coupon_status', searchable: true,
                render:function(data,type,row){
                    return '<code class="text-'+(data == 'Active' ? 'success' : 'danger')+'">'+data+'</code>';
                }
            },
            { data: 'id', 
                render: function(data,type,row){
                    return '<a href="'+EDIT_URL.replace('ID',data)+'" data-toggle="tooltip" data-original-title="Edit"> <i class="fas fa-pencil-alt text-inverse m-r-10"></i> </a><a href="javascript:;" onclick="deleteCoupons('+data+')" data-toggle="tooltip" data-original-title="Remove"> <i class="fas fa-window-close text-danger"></i> </a>';
                } 
            }
        ],
        "fnCreatedRow": function (row, data, index) {
            $('td', row).eq(0).html(index + 1);
        },
        aoColumnDefs: [
            {
                bSortable: false,
                aTargets: [ -1 ]
            }
        ],
        "oLanguage": {
            "sEmptyTable": "No Coupons Available. Click <a href='{{ route('coupon.create') }}' class='link'><u>Here</u></a> To Add New Coupons."
        }
    });

    /* Delete Coupons */
    function deleteCoupons(couponId){
        swal({   
            title: "Are you sure?",   
            text: "You will not be able to recover this coupon!",   
            type: "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",   
            confirmButtonText: "Yes, delete it!",   
            closeOnConfirm: false 
        }, function(){   
            $.ajax({
                url: DELETE_URL.replace('ID',couponId),
                type:'DELETE',
                dataType:'JSON',
                success:function(res){
                    if(res.result){
                        swal("Deleted!", "Your coupon has been deleted.", "success"); 
                        caregoryTable.ajax.reload( null, false );
                    }else{
                        flash('Coupons not deleted. Try again!','error');    
                    }
                },
                error:function(){
                    flash('Coupons not deleted. Try again!','error');
                }
            });            
        });        
    }

    $(".bt-switch input[type='checkbox'], .bt-switch input[type='radio']").bootstrapSwitch();
</script>
@stop