@extends('layouts.master')

@section('title', 'Products')
@push('styles')
    <style>
        .select2-container--default .select2-selection--multiple{
            background: #f3f4f6;
            border: 1px solid #9ca3af !important;
        }
    </style>
@endpush

@section('content')

@include('backend.product_management.static_option.create')
<div class="card">
    <div class="card-body">
        <div class="row">
            <div id="normal-table user_tables_ajax">
                <div id="custom_toolbar_user" class="float-right d-flex">
                    <div class="dropdown  me-1" id="indexExportTasks" 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="#"
                                onclick="exportTasks('product_static_options',['id','title','price','wallet_name','type','redemption_expire_days','created_at'],'csv')">CSV</a>
                            <a class="dropdown-item d-block" href="#"
                                onclick="exportTasks('product_static_options',['id','title','price','type','wallet_name','redemption_expire_days','created_at'],'zip')">ZIP</a>
                        </div>
                    </div>
                    @can('product-static-create')
                        <a class="btn btn-secondary text-white mr-1 btnNewRecord" data-toggle="tooltip" id="btnNewOption" data-placement="bottom" title="Add New" href="javascript:void(0);">{!! renderIconHtml('add') !!}{{ __('Add New') }}</a>
                    @endcan

                    @can('product-static-list')
                        <a onclick="showArchived('index')" id="backToBtn" data-toggle="tooltip" data-placement="bottom"
                            title="{{ __('Back') }}"
                            class="btn btn-secondary text-white showUsers d-none float-right" href="javascript:void(0)"><i class="bi bi-arrow-counterclockwise"></i> {{ __('Back') }}</a>

                        <a onclick="showArchived('archive')" id="archivedBtn" data-toggle="tooltip" data-placement="bottom"
                            title="{{ __('Show Archived') }}" class="btn btn-secondary text-white showArchive"
                            href="javascript:void(0)"><i class="bi bi-archive"></i> {{ __('Archive') }}</a>
                    @endcan
                </div>
                    <input type="hidden" id="edit_permission" value="{{ auth()->user()->can('product-static-edit') }}" />
                    <input type="hidden" id="delete_permission" value="{{ auth()->user()->can('product-static-delete') }}" />
                    <input type="hidden" id="archive_permission" value="{{ auth()->user()->can('product-static-archive') }}" />

                <table class="table table-bordered" id="bstable" data-toggle="table" table-for="product_static_option"
                    data-ajax="getProductOption" data-side-pagination="server" data-pagination="true"
                    data-show-button-text="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-show-columns-toggle-all="false" data-sticky-header="true"
                    data-sticky-header-offset-y="170"
                    data-export-options='{"fileName": "{{ config('app.name') . ' - product-option - ' . date('d/m/Y-H:m:s') }}"}'
                    data-icons="icons" data-icons-prefix="bi"
                    data-show-search-clear-button="true" data-toolbar="#custom_toolbar_user" data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                    <thead>
                        <tr>
                            <th data-field="counter" data-sortable="false" title="#" data-width-unit="px">{{ __('#') }}</th>
                            <th data-field="title" data-sortable="true" data-filter-control="input"
                                title="Product Name" data-filter-control-placeholder="Title">{{ __('Title') }}</th>
                            <th data-field="price" data-filter-strict-search=true data-sortable="true"
                                data-filter-control="input" title="Price" data-filter-control-placeholder="Price" data-width-unit="px">{{ __('Price') }}</th>
                            <th data-field="type" data-filter-data="var:is_type" data-formatter="isTypeFormatter"
                                data-filter-strict-search=true data-sortable="true" data-filter-control="select"
                                title="Status" data-filter-control-placeholder="Type"> {{ __('Type') }}</th>
                            <th data-field="redemption_expire_days"  data-filter-strict-search=true data-sortable="true"
                                data-filter-control="select"  data-filter-data="var:redemption_expire_days" title="Redemption Expire Days" data-filter-control-placeholder="Redemption Expire Days" data-width-unit="px">{{ __('Redemption Expire Days') }}</th>
                            <th data-field="created_at" data-filter-strict-search="true" data-sortable="true"
                                data-filter-control="input" title="Created At" data-filter-control-placeholder="Created At" data-width-unit="px">{{ __('Created At') }}</th>
                            <th data-field="action" data-formatter="actionBtn" title="Action" data-width-unit="px">
                                {{ __('Action') }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
<input type="hidden" value="{{ route('admin.products.getProductOption') }}" id="ProductStaticOption">

@endsection
@push('scripts')
<script src="{{asset('backend/js/pages-js/product-static-index-blade.js')}}"></script>
<script src="{{ asset('backend/js/pages-js/product-static-option.blade.js') }}"></script>
@endpush