@extends('dashboard.layouts.index')
@section('page_title')
    @lang('global.salary')
@stop
@section('breadcrumb')

    <div class="breadcrumb-item">
        @lang('global.salary')
    </div>
@stop

@section('content')
        <div class="row">
            <div class="col-12">
                <div class="card">

                    <div class="card-body p-4">

                      {{--  <div class="input-daterange input-group" id="datepicker">
                            <input type="text" class="input-sm form-control" name="start" value="{{ Carbon\Carbon::now()->format('m/d/Y') }}" />
                            <span class="input-group-addon">to</span>
                            <input type="text" class="input-sm form-control" name="end" value="{{ Carbon\Carbon::now()->format('m/d/Y') }}"/>
                        </div>
                        <button type="button" id="dateSearch" class="btn btn-sm btn-primary">Search</button>
                    </div> --}}

                        {{-- <form action="{{ route('dashboard.salary.employeeseller_search') }}" method="get">
                            @csrf
                            <div class="justify-content-center d-flex row">
                                <label for="date_from">@lang("global.from")</label>
                                <div class="col-sm-2">
                            <input class="form-control" type="date" name="date_from" id="date_from">
                                </div>
                                <label for="date_to">@lang("global.to")</label>
                                <div class="col-sm-2">
                            <input class="form-control" type="date" name="date_to" id="date_to">
                                </div>
                                <div class="col-sm-2">
                                    <button type="submit" class="btn btn-lg btn-block btn-primary">@lang("global.search")</button>
                                </div>
                            </div>
                        </form> --}}
                        <div class="table-responsive">
                            <table class="table table-striped" id="table-user">
                                <thead>
                                <tr>
                                    <th class="text-center">
                                        <i class="fas fa-th"></i>
                                    </th>
                                    <th>@lang("global.employee")</th>
                                    <th>@lang("global.workplace")</th>
                                    <th>@lang("global.bank_name")</th>
                                    <th>@lang("global.current_salary")</th>
                                    <th>@lang("global.othersuits")</th>
                                    <th>@lang("global.socialsecurity")</th>
                                    <th>@lang("global.tax")</th>
                                    <th>@lang("global.overtime")</th>
                                    <th>@lang("global.overtime_hours")</th>
                                    <th>@lang("global.deduction")</th>
                                    <th>@lang("global.reward")</th>
                                    <th>@lang("global.loan_amount")</th>
                                    <th>@lang("global.monthly_deducationn")</th>
                                    <th>@lang("global.salary_one_day")</th>
                                    <th>@lang("global.late_employee_salary")</th>
                                    <th>@lang("global.health_insurance")</th>
                                    <th>@lang("global.available_salary")</th>
                                    <th>@lang("global.created_at")</th>
                                    <th>@lang("global.action")</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @stop
@push('js')
    <script>
        $(function () {
            var table = $("#table-user").DataTable({
                oLanguage: {
                    "sSearch": "@lang('global.search')",
                    "sLengthMenu": "@lang('global.show') _MENU_ @lang('global.record')",
                    "sZeroRecords": "@lang('global.zero_records')",
                    "sInfo": "@lang('global.showing')  _START_ @lang('global.to') _END_ @lang('global.of') _TOTAL_ @lang('global.entries')",
                    'sInfoEmpty': "@lang('global.zero_pages')",
                    "sProcessing": "@lang('global.processing')",
                    oPaginate: {
                        "sFirst": "@lang('global.first')",
                        "sLast": "@lang('global.last')",
                        "sNext": "@lang('global.next')",
                        "sPrevious": "@lang('global.previous')"
                    },
                },
                dom: 'Bfrtip',
                 buttons: [
                 'copy', 'csv', 'excel', 'pdf', 'print'
                ],
                processing: true,
               serverSide: false,
                autoWidth: false,
                ajax: '{{route("dashboard.salary.employeesellerdatatable")}}',
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'employee', name: 'employee'},
                    {data: 'workplace', name: 'workplace'},
                    {data: 'bank_name', name: 'bank_name'},
                    {data: 'current_salary', name: 'current_salary'},
                    {data: 'othersuits', name: 'othersuits'},
                    {data: 'socialsecurity', name: 'socialsecurity'},
                    {data: 'tax', name: 'tax'},
                    {data: 'overtime_show', name: 'overtime_show'},
                    {data: 'overtime_hours', name: 'overtime_hours'},
                    {data: 'discount', name: 'discount'},
                    {data: 'reward', name: 'reward'},
                    {data: 'loan_amount', name: 'loan_amount'},
                    {data: 'loan', name: 'loan'},
                    {data: 'salary_one_day', name: 'salary_one_day'},
                    {data: 'late_employee_salary', name: 'late_employee_salary'},
                    {data: 'health_insurance', name: 'health_insurance'},
                    {data: 'available_salary_show', name: 'available_salary_show'},
                    {data: 'created_at', name: 'created_at'},
                    {data: 'actions', name: 'actions'},
                ],
            });
            App.reloadTable = function () {
                table.ajax.reload();
            }
        });
    </script>

@endpush