@extends('layouts.master')

@section('title', __('Redemption'))

@push('styles')
     <style>
         .table-responsive .columns.columns-right.btn-group.float-right{
            right: 10px;
        }
    </style>
@endpush

@section("content")
<div class="main_section">
    <div class="card">
        <div class="card-body">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                <div class="px-0">
                    <div id="custom_toolbar_user" class="float-right">
                        <div class="dropdown" data-toggle="tooltip" data-placement="bottom" data-placement="bottom" title="Export data">
                            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="bi bi-download"></i> {{ __('Export') }}</button>
                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item d-block" href="javascript:void(0)" onclick="exportTasks('redeemed_gift_codes',['counter', 'username', 'name', 'gift_code', 'amount', 'created_at', 'principal_kgs', 'bonus_kgs', 'discount_kgs', 'type', 'status', 'transaction_id', 'reference_no'],'csv')">{{ __('CSV') }}</a>
                                <a class="dropdown-item d-block" href="javascript:void(0)" onclick="exportTasks('redeemed_gift_codes',['counter', 'username', 'name', 'gift_code', 'amount', 'created_at', 'principal_kgs', 'bonus_kgs', 'discount_kgs', 'type', 'status', 'transaction_id', 'reference_no'],'zip')">{{ __('ZIP') }}</a>
                            </div>
                        </div>
                    </div>
                    <table id="bstable" class="" data-icons="icons" data-show-button-text="true" data-icons-prefix="bi" table-for="redemption"
                    data-ajax="ajaxRequestRedemption" data-side-pagination="server" data-pagination="true" data-total-field="count"
                    data-data-field="items" data-filter-control="true" data-show-columns="true"
                    data-show-columns-toggle-all="false" data-toolbar="#custom_toolbar_user" data-show-search-clear-button="true" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                        <thead>
                        <tr>
                            <th data-field="counter">{{ __('#') }}</th>
                            <th data-field="username" data-filter-control="input" data-filter-control-placeholder="Username">{{__('Username')}}</th>
                            <th data-field="name" data-filter-control="input" data-filter-control-placeholder="Name Of Product">{{__('Name Of Product')}}</th>
                            <th data-field="gift_code" data-filter-control="input" data-filter-control-placeholder="Redeem Code">{{__('Redeem Code')}}</th>
                            <th data-field="amount" data-sortable="false" data-filter-control="input" data-filter-control-placeholder="Amount">{{__('Amount')}}</th>
                            <th data-field="created_at" data-filter-control="input" data-filter-control-placeholder="Redeem Date">{{__('Redeem Date')}}</th>
                            <th data-field="principal_kgs" data-sortable="true" data-filter-control="input" data-filter-control-placeholder="Principal Kgs">{{__('Principal Kgs')}}</th>
                            <th data-field="bonus_kgs" data-sortable="true" data-filter-control="input" data-filter-control-placeholder="Bonus Kgs">{{__('Bonus Kgs')}}</th>
                            <th data-field="discount_kgs" data-sortable="true" data-filter-control="input" data-filter-control-placeholder="Discount Kgs">{{__('Discount Kgs')}}</th>
                            <th data-field="type" data-filter-control="select" data-filter-data="var:typeArray" data-filter-control-placeholder="Type">{{__('Type [ Product / Licence ]')}}</th>
                            <th data-field="status" data-filter-control="select" data-filter-data="var:statusArray" data-formatter="redemptionStatusFormat" data-filter-control-placeholder="Status">{{__('Status')}}</th>
                            <th data-field="transaction_id" data-sortable="false" data-filter-control="input" data-filter-control-placeholder="Transaction ID">{{__('Transaction ID')}}</th>
                            <th data-field="reference_no" data-filter-control="input" data-filter-control-placeholder="Reference No">{{__('Reference No')}}</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    </div>
</div>
@endsection
@push('scripts')
    <script src="{{ asset('backend/js/pages-js/redemption.js') }}"></script>
@endpush