@php use App\Models\Staff;use Carbon\Carbon; @endphp
@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Payslip')
@section('content')
    <style>


        .select2-selection__rendered {
            line-height: 31px !important;

        }

        .select2-container .select2-selection--single {
            height: 35px !important;

        }

        .select2-selection__arrow {
            height: 34px !important;

        }


    </style>
    @php $month=date('m') @endphp

    <div class="row mt-3 mb-3">
        <div class="col-md-12 col-lg-12 col-xl-10 mx-auto">
            <div class="card">
                <div class="card-header">

                    <form action="{{route('bulk-payment')}}" method="POST" id="formBulkPayment">
                        @csrf
                        <div class="row align-items-end">
                            <div class="col-md-2 col-12 col-lg-2 mb-2">
                                <h5 class="mb-0">{{ __('Payslip List') }}</h5>
                            </div>
                            <div class="col-md-2 col-12 col-lg-2 mb-2">
                                <label class="small text-muted mb-0 d-block">{{ __('Year') }}</label>
                                <select name="year" class="select2 form-control custom-select" style="width: 100%; height:40px;" required>
                                    <option value="">{{ __('Year') }}</option>
                                    @for($i=2020;$i<=date('Y');$i++)
                                        <option @if(date('Y')==$i) selected @endif value="{{$i}}">{{$i}}</option>
                                    @endfor
                                </select>
                            </div>
                            <div class="col-md-2 col-12 col-lg-2 mb-2">
                                <label class="small text-muted mb-0 d-block">{{ __('Month') }}</label>
                                <select class="select2 form-control custom-select" name="month" style="width: 100%; height:40px;" required>
                                    <option value="">{{ __('Month') }}</option>
                                    <option value="1" @if($month!=null && $month==1) selected @endif>January</option>
                                    <option value="2" @if($month!=null && $month==2) selected @endif>February</option>
                                    <option value="3" @if($month!=null && $month==3) selected @endif>March</option>
                                    <option value="4" @if($month!=null && $month==4) selected @endif>April</option>
                                    <option value="5" @if($month!=null && $month==5) selected @endif>May</option>
                                    <option value="6" @if($month!=null && $month==6) selected @endif>June</option>
                                    <option value="7" @if($month!=null && $month==7) selected @endif>July</option>
                                    <option value="8" @if($month!=null && $month==8) selected @endif>August</option>
                                    <option value="9" @if($month!=null && $month==9) selected @endif>September</option>
                                    <option value="10" @if($month!=null && $month==10) selected @endif>October</option>
                                    <option value="11" @if($month!=null && $month==11) selected @endif>November</option>
                                    <option value="12" @if($month!=null && $month==12) selected @endif>December</option>
                                </select>
                            </div>
                            <div class="col-md-2 col-12 col-lg-2 mb-2">
                                <label class="small text-muted mb-0 d-block">{{ __('Scope') }}</label>
                                <select name="payment_scope" id="payment_scope" class="form-control">
                                    <option value="all">{{ __('All active staff') }}</option>
                                    <option value="department">{{ __('By department') }}</option>
                                    <option value="branch">{{ __('By branch / warehouse') }}</option>
                                    <option value="employee">{{ __('Specific employee') }}</option>
                                </select>
                            </div>
                            <div class="col-md-2 col-12 col-lg-2 mb-2" id="wrap_payment_department" style="display:none;">
                                <label class="small text-muted mb-0 d-block">{{ __('Department') }}</label>
                                <select name="department_id" class="form-control select2" style="width:100%;">
                                    <option value="">{{ __('Select') }}</option>
                                    @foreach($departments ?? [] as $dept)
                                        <option value="{{ $dept->id }}">{{ $dept->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2 col-12 col-lg-2 mb-2" id="wrap_payment_warehouse" style="display:none;">
                                <label class="small text-muted mb-0 d-block">{{ __('Branch') }}</label>
                                <select name="warehouse_id" class="form-control select2" style="width:100%;">
                                    <option value="">{{ __('Select') }}</option>
                                    @foreach($warehouses ?? [] as $wh)
                                        <option value="{{ $wh->id }}">{{ $wh->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2 col-12 col-lg-2 mb-2" id="wrap_payment_staff" style="display:none;">
                                <label class="small text-muted mb-0 d-block">{{ __('Employee') }}</label>
                                <select name="payment_staff_id" class="form-control select2" style="width:100%;">
                                    <option value="">{{ __('Select') }}</option>
                                    @foreach($staffForBulkPayroll ?? [] as $st)
                                        <option value="{{ $st->id }}">{{ $st->user?->name ?? '—' }}({{ $st->user?->id ?? $st->id }})</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-2 col-12 col-lg-2 mb-2">
                                <button class="btn btn-outline-primary btn-block mb-1" formaction="{{route('payroll.export')}}" type="submit">
                                    <i class="fas fa-file-excel"></i> {{ __('Payroll Register (Excel)') }}
                                </button>
                                <button class="btn btn-primary btn-block" type="submit">
                                    <i class="fas fa-dollar-sign"></i> {{ __('Bulk Payment') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="card-body">
                    <form action="{{ route('payslip.index') }}" method="get">
                        <div class="row mb-4">
                            <div class="col-md-2 col-12 col-lg-2">
                                <div class="btn-group mo-mb-2">
                                    <button class="btn btn-danger btn-sm dropdown-toggle" type="button"
                                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        Bulk Action
                                    </button>
                                    <div class="dropdown-menu">
                                        @can('Payroll-delete')
                                            <a class="dropdown-item" href="#"
                                               onclick="bulk_delete()">{{__('Delete selection')}}</a>
                                        @endcan
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-12 col-lg-3">
                                <select name="staff_id" id="" class="select2 form-control mb-3 custom-select"
                                        style="width: 100%; height:40px;">
                                    <option value="">{{ __('Please Select Staff') }}</option>
                                    @foreach($staffForBulkPayroll ?? [] as $staff)
                                        <option value="{{ $staff->id }}" @if((string) request('staff_id') === (string) $staff->id) selected @endif>
                                            {{ $staff->user?->name ?? __('Unknown') }}({{ $staff->user?->id ?? $staff->id }})
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3 col-12 col-lg-3">
                                <select name="year" id="" class="select2 form-control mb-3 custom-select"
                                        style="width: 100%; height:40px;">
                                    <option value="">Please Select Year</option>
                                    @for($i=2020;$i<=date('Y');$i++)
                                        <option value="{{$i}}" @if(request('year', date('Y')) == $i) selected @endif>{{$i}}</option>
                                    @endfor
                                </select>
                            </div>
                            <div class="col-md-3 col-12 col-lg-3">
                                <select class="select2 form-control mb-3 custom-select" name="month" id=""
                                        data-live-search="true" style="width: 100%; height:40px;">
                                    <option value="">Select Month</option>
                                    @php $filterMonth = (int) request('month', date('m')); @endphp
                                    <option value="1" @if($filterMonth == 1) selected @endif>January</option>
                                    <option value="2" @if($filterMonth == 2) selected @endif>February</option>
                                    <option value="3" @if($filterMonth == 3) selected @endif>March</option>
                                    <option value="4" @if($filterMonth == 4) selected @endif>April</option>
                                    <option value="5" @if($filterMonth == 5) selected @endif>May</option>
                                    <option value="6" @if($filterMonth == 6) selected @endif>June</option>
                                    <option value="7" @if($filterMonth == 7) selected @endif>July</option>
                                    <option value="8" @if($filterMonth == 8) selected @endif>August</option>
                                    <option value="9" @if($filterMonth == 9) selected @endif>September</option>
                                    <option value="10" @if($filterMonth == 10) selected @endif>October</option>
                                    <option value="11" @if($filterMonth == 11) selected @endif>November</option>
                                    <option value="12" @if($filterMonth == 12) selected @endif>December</option>
                                </select>
                            </div>
                            <div class="col-md-1 col-12 col-lg-1">
                                <button class="btn btn-primary" type="submit"><i class="fas fa-filter"></i>&nbsp;Filter
                                </button>
                            </div>
                        </div>
                    </form>
                    <table class="table mb-0">
                        <form class="" id="sort_products" action="" method="GET">
                            <thead>
                            <tr>
                                <th>

                                    <div class="checkbox" style="margin-bottom: 0.7rem">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input check-all"
                                                   id="customCheck2"
                                                   data-parsley-multiple="groups" data-parsley-mincheck="2">
                                            <label class="custom-control-label" for="customCheck2"></label>
                                        </div>
                                    </div>

                                </th>
                                <th>Employee Name</th>
                                <th>Salary Year</th>
                                <th>Salary Month</th>
                                <th>Net Salary</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>

                            </thead>

                            <tbody>

                            @foreach($payslips as $payslip)
                                <tr>
                                    <td>
                                        <div class="checkbox" style="margin-bottom: 2rem">
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" name="id[]" value="{{$payslip->id}}"
                                                       class="custom-control-input check-one" id="payslip-check-{{ $payslip->id }}"
                                                       data-parsley-multiple="groups" data-parsley-mincheck="2">
                                                <label class="custom-control-label" for="payslip-check-{{ $payslip->id }}"></label>
                                            </div>
                                        </div>


                                    </td>
                                    <td>
                                        <a href="{{route('staffs.show',$payslip->staff_id)}}">{{ $payslip->staff->user?->name ?? __('Unknown') }}</a>
                                    </td>
                                    <td>{{$payslip->salary_year}}</td>
                                    <td>{{Carbon::create(null,$payslip->salary_month,null)->format('F')}}</td>
                                    <td>{{$payslip->net_salary}}</td>
                                    <td>

                                        <span class="badge badge-pill badge-primary"> {{$payslip->status}}</span>


                                    </td>
                                    <td>
                                        @can('Payroll-list')
                                            <a href="{{route('payslip.view',$payslip->id)}}" target="_blank"
                                               class="btn btn-primary btn-sm"><i class="fas fa-eye"></i></a>
                                        @endcan
                                        @can('Payroll-delete')
                                            <a href="javascript:void(0)"
                                               data-href="{{ route('payslip.destroy', $payslip->id) }}"
                                               class="btn btn-danger btn-sm delete_modal"><i
                                                    class="fas fa-trash"></i></a>
                                        @endcan
                                    </td>
                                </tr>
                            @endforeach

                            </tbody>
                        </form>
                    </table>
                    {{$payslips->appends(request()->query())->links()}}
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
    <script !src="">

        $(document).on("change", ".check-all", function () {
            if (this.checked) {
                // Iterate each checkbox
                $('.check-one:checkbox').each(function () {
                    this.checked = true;
                });
            } else {
                $('.check-one:checkbox').each(function () {
                    this.checked = false;
                });
            }

        });

        function bulk_delete() {

            var data = new FormData($('#sort_products')[0]);
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{route('bulk-payroll-delete')}}",
                type: 'POST',
                data: data,
                cache: false,
                contentType: false,
                processData: false,
                success: function (response) {
                    if (response == 1) {
                        location.reload();
                    } else {
                        alert('{{ __('Could not delete selected payslips. Try again or delete one at a time.') }}');
                    }
                },
                error: function () {
                    alert('{{ __('Could not delete selected payslips.') }}');
                }
            });
        }

        (function () {
            var scope = document.getElementById('payment_scope');
            var wrapDept = document.getElementById('wrap_payment_department');
            var wrapStaff = document.getElementById('wrap_payment_staff');
            var wrapWh = document.getElementById('wrap_payment_warehouse');
            if (!scope) return;
            function syncPaymentScope() {
                var v = scope.value;
                if (wrapDept) wrapDept.style.display = (v === 'department') ? '' : 'none';
                if (wrapWh) wrapWh.style.display = (v === 'branch') ? '' : 'none';
                if (wrapStaff) wrapStaff.style.display = (v === 'employee') ? '' : 'none';
            }
            scope.addEventListener('change', syncPaymentScope);
            syncPaymentScope();
        })();
    </script>
@endsection