@extends('layouts.master')


@section('title', $title)


@push('styles')
    <link rel="stylesheet" href="{{asset('backend/css/pages-css/setting-page.css')}}">
@endpush
@section("content")

    <div class="card">
        <div class="card-body">
            <div id="custom_toolbar" class="float-right">
                @can('invoice-export')
                <div class="dropdown" data-toggle="tooltip" 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('sa_purchase',['counter','transaction_id','description', 'gift_code','status', 'package_date', 'expiration_date', 'redeemed_date','purchase_by','redeem_by'],'csv', ['{{$id}}'])">CSV</a>
                        <a class="dropdown-item d-block" href="javascript:void(0)" onclick="exportTasks('sa_purchase',['counter','transaction_id','name', 'gift_code','status', 'package_date', 'expiration_date', 'redeemed_date','purchase_by','redeem_by'],'zip', ['{{$id}}'])">ZIP</a>
                    </div>
                </div>
                @endcan
            </div>

            <table class="table table-bordered" id="bstable" table-for="purchase"
                   data-show-button-text="true" data-show-search-clear-button="true" data-toggle="table"
                   data-ajax="ajaxRequestPurchase" data-side-pagination="server" data-pagination="true"
                   data-total-field="count" data-data-field="items" data-show-columns="true"
                   data-show-toggle="false" data-show-export="false" data-filter-control="true"
                   data-icons="icons" data-icons-prefix="bi"
                   data-show-columns-toggle-all="false" data-toolbar="#custom_toolbar"
                   data-export-options='{"fileName": "{{ config('app.name') . ' - Purchase - ' . date('d/m/Y-H:m:s') }}"}' data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                <thead>
                    <tr>
                        <th data-field="counter" data-sortable="false">#</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="description" data-sortable="true" data-filter-control="input" data-filter-control-placeholder="Product">{{__('Product')}}</th>
                        <th data-field="gift_code" data-sortable="true" data-filter-control="input" data-filter-control-placeholder="Gift Code">{{__('Gift Code')}}</th>
                        <th data-field="status" data-sortable="true" data-filter-control="select" data-filter-data="var:giftCodeStatuses" data-formatter="giftCodeStatusFormat" data-filter-control-placeholder="Status">Status</th>
                        <th data-field="package_date" data-sortable="false" data-filter-control="input" data-filter-control-placeholder="Package Date">{{__('Purchase Date')}}</th>
                        <th data-field="expiration_date" data-sortable="false" data-filter-control="input" data-filter-control-placeholder="Expiration Date">{{__('Expiration Date')}}</th>
                        <th data-field="redeemed_date" data-sortable="false" data-filter-control="input" data-filter-control-placeholder="Redemption Date">{{__('Redemption Date')}}</th>
                        <th data-field="purchase_by" data-sortable="false" data-filter-control="input" data-filter-control-placeholder="Buyer">{{__('Buyer')}}</th>
                        <th data-field="redeem_by" data-sortable="true" data-filter-control="input" data-filter-control-placeholder="Redeem By">{{__('Redeemed By')}}</th>
                        <th data-field="bv" data-sortable="false" >{{__('BV')}}</th>

                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
        </div>
    </div>


@endsection

@push('scripts')
    <script>
        let id = "{{$id}}";
    </script>
    <script src="{{asset('backend/js/pages-js/purchase.js')}}"></script>
@endpush