@extends('layouts.app')
@section('content')
<div class="row">
    <div class="col-md-6 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>Vouchers <small>List</small></h2>

                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <div class="col-md-12 col-xs-12">
                    <form class="form-horizontal form-label-left input_mask" id="frmfilter" name="frmfilter">
                        @csrf
                        <div class="item form-group">
                            <label class="control-label col-md-4 col-sm-4 col-xs-12">Voucher Type</label>
                            <div class="col-md-8 col-sm-8 col-xs-12">
                                <select id="filter_type" name="filter_type" class="form-control col-md-12 col-xs-12">
                                    <option value="0">Select Type</option>
                                    @foreach($voucherType as $type)
                                    <option value="{{ $type->iVoucherType }}" {{ old('filter_type') == $type->iVoucherType ? 'selected' : '' }}>
                                        {{ $type->vCode }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('filter_type')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="item form-group">
                            <label class="control-label col-md-4 col-sm-4 col-xs-12">Used</label>
                            <div class="col-md-8 col-sm-8 col-xs-12">
                                <select id="filter_used" name="filter_used" class="form-control col-md-12 col-xs-12">
                                    <option value="">Select</option>
                                    <option value="1" {{ old('filter_used') == '1' ? 'selected' : '' }}>Used</option>
                                    <option value="0" {{ old('filter_used') == '0' ? 'selected' : '' }}>UnUsed</option>
                                </select>
                            </div>
                        </div>

                        <div class="ln_solid"></div>

                        <div class="form-group">
                            <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3 text-center">
                                <a href="{{ route('voucher.index') }}" class="btn btn-primary" id="voucher-btn-reset">Cancel</a>
                                <button type="button" class="btn btn-success" id="voucher-btn-filter">Apply</button>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="ln_solid"></div>
                    </form>

                </div>
            </div>
            <div class="x_content">
                <table id="datatableVoucher" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <!-- <th>ID</th> -->
                            <th>Code</th>
                            <th>User ID</th>
                            <th>Recipient Email</th>
                            <th>Recipient Name</th>
                            <th>Buyer Email</th>
                            <th>Buyer Name</th>
                            <th>Valid Till</th>
                            <th>Length</th>
                            <th>Date Created</th>
                            <th>Used</th>
                            <th>Date Used</th>
                            <th>Expired</th>
                            <th>Program ID</th>
                            <th>Partner</th>
                            <th></th>
                        </tr>
                    </thead>


                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        <div class="x_panel">
            <div class="x_title">
                <h2>Used Vouchers <small>List</small></h2>

                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <div class="col-md-12 col-xs-12">
                    <form class="form-horizontal form-label-left input_mask" id="frmusedfilter" name="frmusedfilter" method="post" enctype="multipart/form-data">
                        <div class="item form-group">
                            <label class="control-label col-md-4 col-sm-4 col-xs-12">Voucher Type</label>
                            <div class="col-md-8 col-sm-8 col-xs-12">
                                <select id="used_filter_type" name="used_filter_type" class="form-control col-md-12 col-xs-12">
                                    <option value="0">Select Type</option>
                                    @if (isset($voucherType))
                                    @foreach($voucherType as $row)
                                    <option value="{{ $row->iVoucherType }}" {{ old('used_filter_type') == $row->iVoucherType ? 'selected' : '' }}>{{$row->vCode;}}</option>
                                    @endforeach
                                    @endif

                                </select>

                                @error('used_filter_type')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                        </div>
                        <div class="ln_solid"></div>
                        <div class="form-group">
                            <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3 text-center">
                                <a href="{{ route('voucher.index') }}" type="button" class="btn btn-primary" id="used-voucher-btn-reset">Cancel</a>
                                <button type="button" class="btn btn-success" id="used-voucher-btn-filter">Apply</button>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="ln_solid"></div>
                    </form>
                </div>
            </div>
            <div class="x_content">
                <table id="datatableUsedVoucher" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <!-- <th>ID</th> -->
                            <th>Code</th>
                            <th>User ID</th>
                            <th>Recipient Email</th>
                            <th>Recipient Name</th>
                            <th>Buyer Email</th>
                            <th>Buyer Name</th>
                            <th>Valid Till</th>
                            <th>Length</th>
                            <th>Date Created</th>
                            <th>Used</th>
                            <th>Date Used</th>
                            <th>Expired</th>
                            <th>Program ID</th>
                            <th>Partner</th>
                        </tr>
                    </thead>


                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
        <div class="x_panel">
            <div class="x_title">
                <h2>Expired Vouchers <small>List</small></h2>

                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <div class="col-md-12 col-xs-12">

                    <form class="form-horizontal form-label-left input_mask" id="frmexpiredfilter" name="frmexpiredfilter">
                        @csrf

                        <div class="item form-group">
                            <label class="control-label col-md-4 col-sm-4 col-xs-12">Voucher Type</label>
                            <div class="col-md-8 col-sm-8 col-xs-12">
                                <select id="expired_filter_type" name="expired_filter_type" class="form-control col-md-12 col-xs-12">
                                    <option value="0">Select Type</option>
                                    @foreach($voucherType as $row)
                                    <option value="{{ $row->iVoucherType }}" {{ old('expired_filter_type') == $row->iVoucherType ? 'selected' : '' }}>
                                        {{ $row->vCode }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('expired_filter_type')
                                <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="ln_solid"></div>

                        <div class="form-group">
                            <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3 text-center">
                                <a href="{{ route('voucher.index') }}" class="btn btn-primary" id="expired-voucher-btn-reset">Cancel</a>
                                <button type="button" class="btn btn-success" id="expired-voucher-btn-filter">Apply</button>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="ln_solid"></div>
                    </form>

                </div>
            </div>
            <div class="x_content">
                <table id="datatableExpiredVoucher" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <!-- <th>ID</th> -->
                            <th>Code</th>
                            <th>User ID</th>
                            <th>Recipient Email</th>
                            <th>Recipient Name</th>
                            <th>Buyer Email</th>
                            <th>Buyer Name</th>
                            <th>Valid Till</th>
                            <th>Length</th>
                            <th>Date Created</th>
                            <th>Used</th>
                            <th>Date Used</th>
                            <th>Expired</th>
                            <th>Program ID</th>
                            <th>Partner</th>
                        </tr>
                    </thead>


                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-6 col-xs-12">
        <div class="row">
            <div class="col-md-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>{{ isset($mode) ? $mode : 'Create' }} <small>Vouchers</small></h2>


                        <div class="clearfix"></div>
                    </div>

                    <div class="x_content responsive_form">

                        <br />
                        <form class="form-horizontal form-label-left input_mask" id="frmdays" name="frmdays" method="POST" action="{{ isset($mode) && $mode == 'Edit' ? route('voucher.update') : route('voucher.add') }}" enctype="multipart/form-data">
                            @csrf
                            @if(isset($mode) && $mode == 'Edit')
                            @method('PUT')
                            @endif
                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Program <span class="red">*</span></label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <select id="iprogramid" name="iprogramid" class="form-control col-md-12 col-xs-12">
                                        <option value="0">All Programs</option>
                                        @foreach($programList as $row)
                                        <option value="{{ $row->iProgramID }}" {{ (old('iprogramid', $voucher['iProgramID'] ?? '') == $row->iProgramID) ? 'selected' : '' }}>{{ $row->vAdminName }}</option>
                                        @endforeach
                                    </select>
                                    <span class="red">{{ $errors->first('iprogramid') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Voucher Type <span class="red">*</span></label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <select id="voucher_type" name="voucher_type" class="form-control col-md-12 col-xs-12">
                                        <option value="">Select Voucher Type</option>
                                        @foreach($voucherType as $row)
                                        @if($row->bActive == 1)
                                        <option value="{{ $row->iVoucherType }}" {{ (old('voucher_type', $voucher['iVoucherType'] ?? '') == $row->iVoucherType) ? 'selected' : '' }} data-partner="{{ $row->iPartnerId }}">{{ $row->vCode }}</option>
                                        @endif
                                        @endforeach
                                    </select>
                                    <span class="red">{{ $errors->first('voucher_type') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">User ID <span class="green">*</span></label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="userid" name="userid" type="number" class="form-control col-md-12 col-xs-12" placeholder="User ID" value="{{ old('userid', $voucher['iUserID'] ?? '') }}">
                                    <span class="red">{{ $errors->first('userid') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Recipient Email <span class="green">*</span></label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="recipientemail" name="recipientemail" type="email" class="form-control col-md-12 col-xs-12" placeholder="Recipient Email" value="{{ old('recipientemail', $voucher['vRecipientEmail'] ?? '') }}">
                                    <span class="red">{{ $errors->first('recipientemail') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Recipient Name</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="recipientname" name="recipientname" type="text" class="form-control col-md-12 col-xs-12" placeholder="Recipient Name" value="{{ old('recipientname', $voucher['vRecipientName'] ?? '') }}">
                                    <span class="red">{{ $errors->first('recipientname') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Buyer Email</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="buyeremail" name="buyeremail" type="email" class="form-control col-md-12 col-xs-12" placeholder="Buyer Email" value="{{ old('buyeremail', $voucher['vBuyerEmail'] ?? '') }}">
                                    <span class="red">{{ $errors->first('buyeremail') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Buyer Name</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="buyername" name="buyername" type="text" class="form-control col-md-12 col-xs-12" placeholder="Buyer Name" value="{{ old('buyername', $voucher['vBuyerName'] ?? '') }}">
                                    <span class="red">{{ $errors->first('buyername') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Valid Till <span class="red">*</span></label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="validtill" name="validtill" type="date" class="form-control col-md-12 col-xs-12" placeholder="Valid Till" value="{{ old('validtill', isset($voucher['dValidTill']) ? \Carbon\Carbon::parse($voucher['dValidTill'])->format('Y-m-d') : '') }}" min="{{ now()->format('Y-m-d') }}">
                                    <span class="red">{{ $errors->first('validtill') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Length <span class="red">*</span></label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="length" name="length" type="text" class="form-control col-md-12 col-xs-12" placeholder="Length(in Month)" value="{{ old('length', $voucher['iLength'] ?? '') }}">
                                    <span class="red">{{ $errors->first('length') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Partner</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <select id="partner" name="partner" class="form-control col-md-12 col-xs-12">
                                        <option value="">Select Partner</option>
                                        @foreach($partnerList as $row)
                                        <option value="{{ $row->iPartnerId }}" {{ (old('partner', $voucher['iPartnerId'] ?? '') == $row->iPartnerId) ? 'selected' : '' }}>{{ $row->vName }}</option>
                                        @endforeach
                                    </select>
                                    <span class="red">{{ $errors->first('partner') }}</span>
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Discount</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="discount" name="discount" type="number" class="form-control col-md-12 col-xs-12" placeholder="Discount" value="{{ old('discount', $voucher['iDiscount'] ?? '') }}">
                                    <span class="red">{{ $errors->first('discount') }}</span>
                                </div>
                            </div>


                            @if(isset($mode) && $mode == 'Edit')
                            <input type="hidden" name="voucher_id" value="{{ old('voucher_id', $voucher['iVoucherID'] ?? '') }}">
                            <span class="red">{{ $errors->first('voucher_id') }}</span>
                            @endif

                            <div class="ln_solid"></div>
                            <div class="form-group">
                                <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
                                    <a href="{{ route('voucher.index') }}" class="btn btn-primary" type="reset">Cancel</a>
                                    @if (Auth::guard('admin')->user()->bUser == 1)
                                    <button type="submit" class="btn btn-success">{{ $mode == 'Edit' ? 'Save Changes' : 'Create' }}</button>
                                    @endif
                                </div>
                            </div>
                        </form>

                    </div>

                </div>
            </div>
            <div class="col-md-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2> Voucher <small>Types</small></h2>

                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content table-responsive">
                        <table id="datatableVoucherType" class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Code</th>
                                    <th>Description</th>
                                </tr>
                            </thead>


                            <tbody>
                                @if (isset($voucherType) && $voucherType->count() > 0)
                                @foreach ($voucherType as $vType)
                                <tr>
                                    <td>{{$vType->iVoucherType}}</td>
                                    <td>{{$vType->vCode}}</td>
                                    <td>{{$vType->vDescription}}</td>
                                </tr>
                                @endforeach
                                @endif

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>

@endsection
@push('scripts')
<script type="module">
    $(document).ready(function() {
        // vouchers list

        var VoucherDataTable = $('#datatableVoucher').DataTable({
            processing: true,
            serverSide: true,
            searching: true,
            pageLength: 10,
            scrollX: true,
            ajax: {
                url: '{{ route("voucher.list") }}',
                type: 'POST',
                data: function(d) {
                    d._token = $('meta[name="csrf-token"]').attr("content");
                    d.filter_type = $('#filter_type').val();
                    d.filter_used = $('#filter_used').val();
                }
            },
            columns: [{
                    data: 'vVoucherType',
                    name: 'vVoucherType',
                },
                {
                    data: 'iUserID',
                    name: 'iUserID'
                },
                {
                    data: 'vRecipientEmail',
                    name: 'vRecipientEmail'
                },
                {
                    data: 'vRecipientName',
                    name: 'vRecipientName'
                },
                {
                    data: 'vBuyerEmail',
                    name: 'vBuyerEmail'
                },
                {
                    data: 'vBuyerName',
                    name: 'vBuyerName'
                },
                {
                    data: 'dValidTill',
                    name: 'dValidTill'
                },
                {
                    data: 'iLength',
                    name: 'iLength'
                },
                {
                    data: 'dDateCreated',
                    name: 'dDateCreated'
                },
                {
                    data: 'bUsed',
                    name: 'bUsed'
                },
                {
                    data: 'dDateUsed',
                    name: 'dDateUsed'
                },
                {
                    data: 'bExpired',
                    name: 'bExpired'
                },
                {
                    data: 'iProgramID',
                    name: 'iProgramID'
                },
                {
                    data: 'vName',
                    name: 'vName',
                },

                {
                    data: 'action',
                    name: 'action',
                    orderable: false
                }
            ],
            columnDefs: [{
                targets: '_all',
                orderSequence: ["asc", "desc"]
            }]

        });
        // expire coupon list
        var UsedVoucherDataTable = $('#datatableUsedVoucher').DataTable({
            processing: true,
            serverSide: true,
            searching: true,
            pageLength: 10,
            scrollX: true,

            ajax: {
                url: '{{ route("voucher.used-voucher") }}',
                type: 'POST',
                data: function(d) {
                    d._token = $('meta[name="csrf-token"]').attr("content");
                    d.used_filter_type = $('#used_filter_type').val();
                }

            },
            columns: [{
                    data: 'vVoucherType',
                    name: 'vVoucherType',
                },
                {
                    data: 'iUserID',
                    name: 'iUserID'
                },
                {
                    data: 'vRecipientEmail',
                    name: 'vRecipientEmail'
                },
                {
                    data: 'vRecipientName',
                    name: 'vRecipientName'
                },
                {
                    data: 'vBuyerEmail',
                    name: 'vBuyerEmail'
                },
                {
                    data: 'vBuyerName',
                    name: 'vBuyerName'
                },
                {
                    data: 'dValidTill',
                    name: 'dValidTill'
                },
                {
                    data: 'iLength',
                    name: 'iLength'
                },
                {
                    data: 'dDateCreated',
                    name: 'dDateCreated'
                },
                {
                    data: 'bUsed',
                    name: 'bUsed'
                },
                {
                    data: 'dDateUsed',
                    name: 'dDateUsed'
                },
                {
                    data: 'bExpired',
                    name: 'bExpired'
                },
                {
                    data: 'iProgramID',
                    name: 'iProgramID'
                },
                {
                    data: 'vName',
                    name: 'vName',
                }


            ],
            columnDefs: [{
                targets: '_all',
                orderSequence: ["asc", "desc"]
            }]
        });

        var ExpiredVoucherDataTable = $('#datatableExpiredVoucher').DataTable({
            processing: true,
            serverSide: true,
            searching: true,
            pageLength: 10,
            scrollX: true,
            ajax: {
                url: '{{ route("voucher.expired-voucher") }}',
                type: 'POST',
                data: function(d) {
                    d._token = $('meta[name="csrf-token"]').attr("content");
                    d.expired_filter_type = $('#expired_filter_type').val();
                }

            },
            columns: [{
                    data: 'vVoucherType',
                    name: 'vVoucherType',
                },
                {
                    data: 'iUserID',
                    name: 'iUserID'
                },
                {
                    data: 'vRecipientEmail',
                    name: 'vRecipientEmail'
                },
                {
                    data: 'vRecipientName',
                    name: 'vRecipientName'
                },
                {
                    data: 'vBuyerEmail',
                    name: 'vBuyerEmail'
                },
                {
                    data: 'vBuyerName',
                    name: 'vBuyerName'
                },
                {
                    data: 'dValidTill',
                    name: 'dValidTill'
                },
                {
                    data: 'iLength',
                    name: 'iLength'
                },
                {
                    data: 'dDateCreated',
                    name: 'dDateCreated'
                },
                {
                    data: 'bUsed',
                    name: 'bUsed'
                },
                {
                    data: 'dDateUsed',
                    name: 'dDateUsed'
                },
                {
                    data: 'bExpired',
                    name: 'bExpired'
                },
                {
                    data: 'iProgramID',
                    name: 'iProgramID'
                },
                {
                    data: 'vName',
                    name: 'vName',
                }


            ],
            columnDefs: [{
                targets: '_all',
                orderSequence: ["asc", "desc"]
            }]
        });


        // coupon type table
        $("#datatableVoucherType").DataTable({
            "pageLength": 50,
            "order": [
                [0, "asc"]
            ]
        });



        $('#voucher-btn-filter').click(function() { //button filter event click
            VoucherDataTable.ajax.reload(); //just reload table
        });

        $('#voucher-btn-reset').click(function() { //button reset event click
            $('#frmfilter')[0].reset();
            VoucherDataTable.ajax.reload(); //just reload table
        });

        $('#used-voucher-btn-filter').click(function() { //button filter event click
            UsedVoucherDataTable.ajax.reload(); //just reload table
        });
        $('#used-voucher-btn-reset').click(function() { //button reset event click
            $('#frmfilter')[0].reset();
            UsedVoucherDataTable.ajax.reload(); //just reload table
        });


        $('#expired-voucher-btn-filter').click(function() { //button filter event click
            ExpiredVoucherDataTable.ajax.reload(); //just reload table
        });
        $('#expired-voucher-btn-reset').click(function() { //button reset event click
            $('#frmfilter')[0].reset();
            ExpiredVoucherDataTable.ajax.reload(); //just reload table
        });


    });
</script>
@endpush