@extends('layouts.master')

@push('styles')
    <style>
        #CsrRedemptionSettingsForm table tbody input, #CsrRedemptionSettingsEditForm table tbody input{
            width: 100% !important;
        }
        #CsrRedemptionSettingsForm table .form-check-input, #CsrRedemptionSettingsEditForm table .form-check-input{
            width: 30px !important;
        }
        .promotion-table{
            overflow: auto;
        }
    </style>
@endpush
@section('title', 'Redemption Settings')
@section('content')
    @include('backend.csr_redemption_setting.add-form')
    <div id="edit_form_div"></div>
    <div id="view_form_div"></div>

    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                    <div class="box">
                        <div class="box-body">
                            <div class="table-responsive roles_table">
                                <div id="normal-table user_tables_ajax">
                                    <div id="custom_toolbar" class="float-right">
                                        @can('csr-redemption-settings-create')
                                            <a class="btn btn-secondary" id="addBtn" data-toggle="tooltip" data-placement="top" title="Add New" href="javascript:void(0)">{!! renderIconHtml('add') !!}{{ __('Add New') }}</a>
                                        @endcan

                                    </div>
                                    <table id="bstable" data-icons="icons" data-icons-prefix="bi"
                                           class="table table-hover" data-ajax="ajaxRequestCSRRedemptionSetting"
                                           data-show-export="false" data-filter-control="true" data-side-pagination="server"
                                           data-search="false" data-total-field="count" data-data-field="items"
                                           data-show-search-clear-button="true" data-pagination="true" data-search="false"
                                           data-toolbar="#custom_toolbar" data-toggle="table" data-show-button-text="true"
                                           data-show-columns="true" data-show-columns-toggle-all="false" data-show-toggle="false"
                                           table-for="redemption_setting"
                                           data-export-options='{"fileName": "{{ config('app.name') . ' - Roles - ' . date('d/m/Y-H:m:s') }}"}'
                                           data-loading-template="DataTaleLoadingTemplate" data-search-on-enter-key="true">
                                        <thead>
                                        <tr>
                                            @if (auth()->user()->setting->preference == "Left")
                                                <th data-field="action" data-formatter="actionBtn" title="Action">{{ __('Action') }}</th>
                                            @endif
                                            <th data-field="no" data-filter-control-placeholder="" data-sortable="false" title="#">{{ __('#') }}</th>
                                            <th title="week" data-field="week" data-filter-control="input" data-filter-control-placeholder="Week" data-sortable="true" data-filter-starts-with-search="true">{{ __('Week') }}</th>
                                            <th title="date" data-field="date" data-filter-control="input" data-filter-control-placeholder="Date" data-sortable="true" data-filter-starts-with-search="true">{{ __('Date') }}</th>
                                            <th data-field="primary_csr_segmentation" data-filter-strict-search=true data-filter-control-placeholder="Primary CSR Segmentation" data-sortable="true" data-filter-control="input">{{ __('primary CSR Segmentation') }}</th>
                                            <th data-field="primary_no_of_deliveries" data-filter-strict-search=true data-filter-control-placeholder="Primary No Of Deliveries" data-sortable="true" data-filter-control="input">{{ __('primary No Of Deliveries') }}</th>
                                            <th data-field="promotion_type" data-filter-strict-search=true data-filter-control-placeholder="
                                            Promotion Type" data-sortable="true" data-filter-control="select" data-filter-data="var:promotionTypeArray">{{ __('Promotion Type') }}</th>
                                            <th data-field="promotion_csr_segmentation" data-filter-strict-search=true data-filter-control-placeholder="Promotion CSR Segmentation" data-sortable="true" data-filter-control="input">{{ __('promotion CSR Segmentation') }}</th>
                                            <th data-field="promotion_value" data-filter-strict-search=true data-filter-control-placeholder="Promotion Percentage" data-sortable="true" data-filter-control="input">{{ __('Promotion Percentage') }}</th>
                                            <th data-field="promotion_no_of_deliveries" data-filter-strict-search=true data-filter-control-placeholder="Promotion No Of Deliveries" data-sortable="true" data-filter-control="input">{{ __('promotion No Of Deliveries') }}</th>
                                            @if (auth()->user()->setting->preference == "Right")
                                                <th data-field="action" data-formatter="actionBtn" title="Action">{{ __('Action') }}</th>
                                            @endif
                                        </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script>
        var promotionTypeArray = {
            'None' : 'None',
            'Bonus' : 'Bonus',
            'Discount' : 'Discount',
        };
        var can_edit = false;
        var can_view = false;

        @can('csr-redemption-settings-edit')
            can_edit = true;
        @endcan
        @can('csr-redemption-settings-view')
            can_view = true;
        @endcan
    </script>
    <script src="{{ asset('backend/js/internal-scripts/site-settings/tabs/csr-redemption-settings-blade.js') }}"></script>
    <script src="{{ asset('backend/js/internal-scripts/site-settings/tabs/csr-redemption-settings-add-edit-blade.js') }}"></script>
@endpush