@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>Coupons <small>List</small></h2>

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

                    <a href="javascript::void(0)" class="btn btn-default filterBtn" data-filter="1">Used</a>
                    <a href="javascript::void(0)" class="btn btn-default filterBtn" data-filter="2">Unused</a>
                    <a href="javascript::void(0)" class="btn btn-default filterBtn" data-filter="3">None Left</a>

                    <a href="" class="btn btn-primary">Reset</a>
                </div>
            </div>
            <div class="x_content table-responsive">
                <table id="datatableCoupons" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Code</th>
                            <th>Description</th>
                            <th>Message</th>
                            <th>Count Left</th>
                            <th>Count Used</th>
                            <th>User ID</th>
                            <th>Recipient Email</th>
                            <th>Recipient Domain</th>
                            <th>Valid Till</th>
                            <th>Used</th>
                            <th>Program ID</th>
                            <th>Discount</th>
                            <th>Coupon Type</th>
                            <th>Partner</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="x_panel">
            <div class="x_title">
                <h2>Expired Coupons <small>List</small></h2>
                <div class="clearfix"></div>
            </div>

            <div class="x_content">
                <table id="datatableExpiredCoupons" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Code</th>
                            <th>Description</th>
                            <th>Message</th>
                            <th>Count Left</th>
                            <th>Count Used</th>
                            <th>User ID</th>
                            <th>Recipient Email</th>
                            <th>Recipient Domain</th>
                            <th>Valid Till</th>
                            <th>Used</th>
                            <th>Program ID</th>
                            <th>Discount</th>
                            <th>Coupon Type</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 p-2">
                    <div class="x_title">
                        <h2> Create <small>Coupons</small></h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content responsive_form">                        
                        <form class="form-horizontal form-label-left input_mask" id="frmdays" name="frmdays"
                            method="post"
                            action="{{ isset($mode) && $mode == 'Edit' ? route('coupon.update') : route('coupon.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">Code <span
                                        class="red">*</span></label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="coupon_code" name="coupon_code" type="text" class="form-control"
                                        placeholder="Code" value="{{ old('coupon_code', $coupon->vCode ?? '') }}" {{ isset($mode) && $mode == 'Edit' ? 'readonly' : '' }}>
                                    @error('coupon_code') <span class="red">{{ $message }}</span> @enderror
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Description</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="coupon_description" name="coupon_description" type="text"
                                        class="form-control" placeholder="Description"
                                        value="{{ old('coupon_description', $coupon->vDescription ?? '') }}">
                                    @error('coupon_description') <span class="red">{{ $message }}</span> @enderror
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Message <span
                                        class="red">*</span></label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="coupon_message" name="coupon_message" type="text" class="form-control"
                                        placeholder="Message"
                                        value="{{ old('coupon_message', $coupon->vMessage ?? '') }}">
                                    @error('coupon_message') <span class="red">{{ $message }}</span> @enderror
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Count Left</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="coupon_countleft" name="coupon_countleft" type="number"
                                        class="form-control" placeholder="Count Left"
                                        value="{{ old('coupon_countleft', $coupon->iCountLeft ?? 0) }}">
                                    @error('coupon_countleft') <span class="red">{{ $message }}</span> @enderror
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">User ID</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="coupon_userid" name="coupon_userid" type="number" class="form-control"
                                        placeholder="User ID"
                                        value="{{ old('coupon_userid', $coupon->iUserId ?? '') }}">
                                    @error('coupon_userid') <span class="red">{{ $message }}</span> @enderror
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Recipient Email</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="coupon_recipientemail" name="coupon_recipientemail" type="email"
                                        class="form-control col-md-12 col-xs-12" placeholder="Recipient Email"
                                        value="{{ old('coupon_recipientemail', $coupon->vRecipientEmail ?? '') }}">
                                    @error('coupon_recipientemail') <span class="red">{{ $message }}</span> @enderror
                                </div>
                            </div>
                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Recipient Domain</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="coupon_recipientedomain" name="coupon_recipientedomain" type="text"
                                        class="form-control col-md-12 col-xs-12" placeholder="Recipient Domain"
                                        value="{{ old('coupon_recipientedomain', $coupon->vRecipientDomain ?? '') }}">
                                    @error('coupon_recipientedomain') <span class="red">{{ $message }}</span> @enderror
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Valid Till</label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <input id="coupon_validtill" name="coupon_validtill" type="date"
                                        class="form-control"
                                        value="{{ old('coupon_validtill', isset($coupon->dValidTill) ? \Carbon\Carbon::parse($coupon->dValidTill)->format('Y-m-d') : '') }}">
                                    @error('coupon_validtill') <span class="red">{{ $message }}</span> @enderror
                                </div>
                            </div>

                            <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="coupon_program" name="coupon_program" class="form-control">
                                        <option value="">Select Program</option>
                                        <option value="100" {{ old('coupon_program', $Coupon->iProgramId ?? '') == 100 ? 'selected' : '' }}>All Programs</option>
                                        @foreach($activePrograms as $program)
                                        <option value="{{ $program->iProgramID }}" {{ old('coupon_program', $coupon->iProgramId ?? '') == $program->iProgramID ? 'selected' : '' }}>
                                            {{ $program->vAdminName }}
                                        </option>
                                        @endforeach
                                    </select>
                                    @error('coupon_program') <span class="red">{{ $message }}</span> @enderror
                                </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="coupon_discount" name="coupon_discount" type="number" min="0" max="100"
                                        class="form-control col-md-12 col-xs-12" placeholder="Discount"
                                        value="{{ old('coupon_discount', $coupon->iDiscount ?? '') }}">
                                    @error('coupon_discount') <span class="red">{{ $message }}</span> @enderror
                                </div>
                            </div>

                            <div class="item form-group">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Coupon Type <span
                                        class="red">*</span></label>
                                <div class="col-md-9 col-sm-9 col-xs-12">
                                    <select id="coupon_type" name="coupon_type" class="form-control">
                                        <option value="">Select Coupon Type</option>
                                        @foreach($couponType as $row)
                                        @if($row->bActive == 1)
                                        <option value="{{ $row->iCouponTypeId }}" data-partner="{{ $row->iPartnerId }}"
                                            {{ isset($coupon['iCouponTypeId'])
                                                    ? ($row->iCouponTypeId == $coupon['iCouponTypeId'] ? 'selected' : '')
                                                    : ($row->iCouponTypeId == 1 ? 'selected' : (old('coupon_type') == $row->iCouponTypeId ? 'selected' : '')) 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           }}>
                                            {{ $row->vType }}
                                        </option>
                                        @endif
                                        @endforeach
                                    </select>
                                    @error('coupon_type') <span class="red">{{ $message }}</span> @enderror
                                </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', $coupon->iPartnerId ?? '') == $row->iPartnerId ? 'selected' : '' }}>{{ $row->vName }}</option>
                                        @endforeach
                                    </select>
                                    @error('partner') <span class="red">{{ $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">
                                    @if(isset($mode) && $mode == 'Edit')
                                    <input type="hidden" name="coupon_id"
                                        value="{{ old('coupon_id', $coupon->iCouponId ?? '') }}">
                                    @endif
                                    <a href="{{ route('coupon.index') }}" class="btn btn-primary">Cancel</a>
                                    @if (Auth::guard('admin')->user()->bUser == 1)
                                    <button type="submit"
                                        class="btn btn-success">{{ isset($mode) && $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 p-2">
                    <div class="x_title">
                        <h2> Coupon <small>Types</small></h2>

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


                            <tbody>
                                @if (isset($couponType) && count($couponType) > 0)

                                @foreach ($couponType as $cType)
                                <tr>
                                    <td>{{$cType->iCouponTypeId}}</td>
                                    <td>{{$cType->vType}}</td>
                                    <td>{{$cType->vDescription}}</td>
                                </tr>
                                @endforeach
                                @endif


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

    </div>

</div>

@endsection

@push('scripts')
<script type="module">
    $(document).ready(function() {
        // coupon list
        var CouponType = '';
        var CouponDataTable = $('#datatableCoupons').DataTable({
            processing: true,
            serverSide: true,
            searching: true,
            pageLength: 50,
            scrollX: true,
            order: [
                [0, 'desc']
            ],
            ajax: {
                url: '{{ route("coupon.list") }}',
                type: 'POST',
                data: function(d) {
                    d._token = $('meta[name="csrf-token"]').attr("content");

                    d.filter_coupon = CouponType;
                }

            },
            columns: [{
                    data: 'iCouponId',
                    name: 'iCouponId'
                },
                {
                    data: 'vCode',
                    name: 'vCode'
                },
                {
                    data: 'vDescription',
                    name: 'vDescription'
                },
                {
                    data: 'vMessage',
                    name: 'vMessage'
                },
                {
                    data: 'iCountLeft',
                    name: 'iCountLeft'
                },
                {
                    data: 'iCountUsed',
                    name: 'iCountUsed'
                },
                {
                    data: 'iUserId',
                    name: 'iUserId'
                },
                {
                    data: 'vRecipientEmail',
                    name: 'vRecipientEmail'
                },
                {
                    data: 'vRecipientDomain',
                    name: 'vRecipientDomain'
                },
                {
                    data: 'dValidTill',
                    name: 'dValidTill'
                },
                {
                    data: 'bUsed',
                    name: 'bUsed'
                },
                {
                    data: 'iProgramId',
                    name: 'iProgramId'
                },
                {
                    data: 'iDiscount',
                    name: 'iDiscount'
                },
                {
                    data: 'vType',
                    name: 'vType',
                },
                {
                    data: 'vName',
                    name: 'vName',
                },
                {
                    data: 'action',
                    name: 'action',
                    orderable: false
                }
            ],
            columnDefs: [{
                targets: '_all',
                orderSequence: ["asc", "desc"]
            }]

        });
        // expire coupon list
        var CouponDataTable2 = $('#datatableExpiredCoupons').DataTable({
            processing: true,
            serverSide: true,
            searching: true,
            pageLength: 10,
            scrollX: true,
            order: [
                [0, 'desc']
            ],
            ajax: {
                url: '{{ route("coupon.expired-coupon") }}',
                type: 'POST',
                data: function(d) {
                    d._token = $('meta[name="csrf-token"]').attr("content"); // CSRF token

                }

            },
            columns: [{
                    data: 'iCouponId',
                    name: 'iCouponId'
                },
                {
                    data: 'vCode',
                    name: 'vCode'
                },
                {
                    data: 'vDescription',
                    name: 'vDescription'
                },
                {
                    data: 'vMessage',
                    name: 'vMessage'
                },
                {
                    data: 'iCountLeft',
                    name: 'iCountLeft'
                },
                {
                    data: 'iCountUsed',
                    name: 'iCountUsed'
                },
                {
                    data: 'iUserId',
                    name: 'iUserId'
                },
                {
                    data: 'vRecipientEmail',
                    name: 'vRecipientEmail'
                },
                {
                    data: 'vRecipientDomain',
                    name: 'vRecipientDomain'
                },
                {
                    data: 'dValidTill',
                    name: 'dValidTill'
                },
                {
                    data: 'bUsed',
                    name: 'bUsed'
                },
                {
                    data: 'iProgramId',
                    name: 'iProgramId'
                },
                {
                    data: 'iDiscount',
                    name: 'iDiscount'
                },
                {
                    data: 'vType',
                    name: 'vType',
                },
                {
                    data: 'vName',
                    name: 'vName',
                }

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

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

        $('.filterBtn').click(function() { //button filter event click
            CouponType = $(this).attr('data-filter')
            $('.filterBtn').removeClass("btn-success");
            $(this).addClass("btn-success");
            CouponDataTable.ajax.reload(); //just reload table
        });



        var selectedOption = $('#coupon_type').find("option:selected");
        var partner = selectedOption.data("partner");
        var mode = "";
        if (mode == "Create") {
            if (partner) {
                $('#partner').val(partner);
            } else {
                $('#partner').val('');
            }
        }


    });

    $('#coupon_type').on('change', function() {
        var selectedOption = $(this).find("option:selected");
        var partner = selectedOption.data("partner");
        if (partner) {
            $('#partner').val(partner);
        } else {
            $('#partner').val('');
        }
    })
</script>
@endpush