@extends('layouts.admin')

@section('content')
@can('promoter_allowance_entries_create')
    <div style="margin-bottom: 10px;" class="row">
        <div class="col-lg-12">
            <a class="btn btn-success" href="{{ route('admin.promoter-allowance-entries.create') }}">
                {{ trans('global.add') }} {{ trans('cruds.promoterAllowanceEntry.title_singular') }}
            </a>
            {{-- <button class="btn btn-warning" data-toggle="modal" data-target="#csvImportModal">
                {{ trans('global.app_csvImport') }}
            </button>
            @include('csvImport.modal', ['model' => 'PromoterAllowance', 'route' => 'admin.promoter-allowances.parseCsvImport']) --}}
        </div>
    </div>
@endcan
<div class="card">
    <div class="card-header">
        {{ trans('cruds.promoterAllowanceEntry.title') }} {{ trans('global.list') }}
    </div>

    <div class="card-body">
        <table class="table table-bordered table-striped table-hover ajaxTable datatable datatable-PromoterAllowanceEntry">
            <thead>
                <tr>
                    <th width="10">

                    </th>
                    <th width="10">

                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.id') }}
                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.ptl_no') }}
                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.date') }}
                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.store') }}
                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.promoter') }}
                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.basic') }}
                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.allowance') }}
                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.outstation_allowance') }}
                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.ot_allowance') }}
                    </th>
                    <th>
                        {{ trans('cruds.promoterAllowanceEntry.fields.others') }}
                    </th>
                    <th>
                        &nbsp;
                    </th>
                </tr>
                <tr class="filters">
                    <td>

                    </td>
                    <td>

                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                        <input class="search" type="text" placeholder="{{ trans('global.search') }}">
                    </td>
                    <td>
                    </td>
                </tr>
            </thead>
        </table>
    </div>
</div>

@endsection
@section('scripts')
@parent
<script>
    $(function () {
        let dtButtons = $.extend(true, [], $.fn.dataTable.defaults.buttons)
        
        let dtOverrideGlobals = {
            buttons: dtButtons,
            processing: true,
            serverSide: true,
            retrieve: true,
            responsive: true,
            aaSorting: [],
            ajax: "{{ route('admin.promoter-allowance-entries.index') }}",
            columns: [
                { data: 'placeholder', name: 'placeholder', orderable: false, searchable: false },
                { data: 'placeholder', name: 'placeholder', orderable: false, searchable: false },
                { data: 'id', name: 'id' },
                { data: 'ptl_id', name: 'ptl_id' },
                { data: 'date', name: 'date' },
                { data: 'store', name: 'store' },
                { data: 'promoter_id', name: 'promoter_id' },
                { data: 'basic', name: 'basic' },
                { data: 'allowance', name: 'allowance' },
                { data: 'outstation_allowance', name: 'outstation_allowance' },
                { data: 'ot_allowance', name: 'ot_allowance' },
                { data: 'others', name: 'others' },
                { data: 'actions', name: '{{ trans('global.actions') }}', orderable: false, searchable: false }
            ],
            orderCellsTop: true,
            order: [[ 2, 'desc' ]],
            pageLength: 100,
        };
        let table = $('.datatable-PromoterAllowanceEntry').DataTable(dtOverrideGlobals);
        $('a[data-toggle="tab"]').on('shown.bs.tab click', function(e){
            $($.fn.dataTable.tables(true)).DataTable()
                .columns.adjust();
        });
  
        let visibleColumnsIndexes = null;
        $('.datatable thead').on('input', '.search', function () {
            let strict = $(this).attr('strict') || false
            let value = strict && this.value ? "^" + this.value + "$" : this.value

            let index = $(this).parent().index()
            if (visibleColumnsIndexes !== null) {
                index = visibleColumnsIndexes[index]
            }

            table
                .column(index)
                .search(value, strict)
                .draw()
        });
        
        table.on('column-visibility.dt', function(e, settings, column, state) {
            visibleColumnsIndexes = []
            table.columns(":visible").every(function(colIdx) {
                visibleColumnsIndexes.push(colIdx);
            });
        });
        
        table.on('responsive-resize', function ( e, datatable, columns ) {
            hideSearchInputs(columns);
        });
    });
</script>
@endsection