@php use Carbon\Carbon; @endphp
@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | Payslip')
@section('content')
    <style>
        .ps-wrap .card { border-radius: 14px; border: 1px solid #edf0f6; box-shadow: 0 0.125rem 0.5rem rgba(15, 23, 42, 0.04); }
        .ps-wrap .card-header { background: #fff; border-bottom: 1px solid #edf0f6; font-weight: 700; }
        .ps-section { background: #f8fafc; border-bottom: 1px solid #edf0f6; padding: 14px 16px; }
        .ps-section label, .ps-wrap .ps-label { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.55); margin-bottom: 6px; }
        .ps-wrap .select2-container { width: 100% !important; }
        .ps-wrap .select2-selection__rendered { line-height: 31px !important; }
        .ps-wrap .select2-container .select2-selection--single { height: 38px !important; }
        .ps-stat { background: #fff; border: 1px solid #edf0f6; border-radius: 10px; padding: 10px 14px; text-align: center; height: 100%; }
        .ps-stat .num { font-size: 1.25rem; font-weight: 800; line-height: 1.2; }
        .ps-stat .lbl { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: #64748b; }
        .ps-table thead th { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: rgba(15,23,42,.65); border-top: 0; white-space: nowrap; }
        .ps-table tbody td { vertical-align: middle; }
        .ps-staff-cell { font-weight: 600; max-width: 260px; }
        .ps-action-btns { display: inline-flex; flex-wrap: wrap; gap: 4px; }
        .ps-badge { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; text-transform: capitalize; }
        .ps-badge.paid { background: rgba(34,197,94,.12); color: #166534; }
        .ps-badge.unpaid { background: rgba(239,68,68,.12); color: #991b1b; }
        .ps-badge.pending { background: rgba(245,158,11,.12); color: #b45309; }
        .ps-badge.processing { background: rgba(14,165,233,.12); color: #0369a1; }
        .ps-money { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 600; }
    </style>

    <div class="container-fluid ps-wrap">
        <div class="row mt-3">
            <div class="col-12 d-flex flex-wrap justify-content-between align-items-center mb-3">
                <div>
                    <h4 class="page-title mb-0">Payslip</h4>
                    <p class="text-muted mb-0">View, filter, export, and manage employee payslips.</p>
                </div>
                <a href="{{ route('payroll.index') }}" class="btn btn-outline-primary">{{ __('Generate Payroll') }}</a>
            </div>

            @if (session()->has('message'))
                <div class="col-12"><div class="alert alert-success">{{ session('message') }}</div></div>
            @endif
            @if (session()->has('error'))
                <div class="col-12"><div class="alert alert-danger">{{ session('error') }}</div></div>
            @endif

            <div class="col-12 mb-3">
                <div class="form-row">
                    <div class="col-6 col-md-4 mb-2">
                        <div class="ps-stat"><div class="num text-primary">{{ (int) ($payslipStats->total ?? 0) }}</div><div class="lbl">{{ __('Total Payslips') }}</div></div>
                    </div>
                    <div class="col-6 col-md-4 mb-2">
                        <div class="ps-stat"><div class="num text-success">{{ number_format((float) ($payslipStats->net_total ?? 0), 2) }}</div><div class="lbl">{{ __('Net Total') }}</div></div>
                    </div>
                    <div class="col-6 col-md-4 mb-2">
                        <div class="ps-stat"><div class="num text-info">{{ (int) ($payslipStats->paid_count ?? 0) }}</div><div class="lbl">{{ __('Paid') }}</div></div>
                    </div>
                </div>
            </div>

            <div class="col-12">
                <div class="card mb-3">
                    <div class="card-header">{{ __('Bulk Actions') }}</div>
                    <div class="ps-section">
                        <form action="{{ route('bulk-payment') }}" method="POST" id="formBulkPayment">
                            @csrf
                            <div class="form-row align-items-end">
                                <div class="form-group col-6 col-md-2">
                                    <label class="ps-label">{{ __('Year') }}</label>
                                    <select name="year" class="select2 form-control" required>
                                        <option value="">{{ __('Year') }}</option>
                                        @for($i = 2020; $i <= date('Y'); $i++)
                                            <option value="{{ $i }}" @selected(date('Y') == $i)>{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-2">
                                    <label class="ps-label">{{ __('Month') }}</label>
                                    <select name="month" class="select2 form-control" required>
                                        <option value="">{{ __('Month') }}</option>
                                        @for($i = 1; $i <= 12; $i++)
                                            <option value="{{ $i }}" @selected($filterMonth == $i)>{{ date('F', mktime(0, 0, 0, $i, 1)) }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label class="ps-label">{{ __('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="form-group col-md-2" id="wrap_payment_department" style="display:none;">
                                    <label class="ps-label">{{ __('Department') }}</label>
                                    <select name="department_id" class="form-control select2">
                                        <option value="">{{ __('Select') }}</option>
                                        @foreach($departments ?? [] as $dept)
                                            <option value="{{ $dept->id }}">{{ $dept->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2" id="wrap_payment_warehouse" style="display:none;">
                                    <label class="ps-label">{{ __('Branch') }}</label>
                                    <select name="warehouse_id" class="form-control select2">
                                        <option value="">{{ __('Select') }}</option>
                                        @foreach($warehouses ?? [] as $wh)
                                            <option value="{{ $wh->id }}">{{ $wh->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-3" id="wrap_payment_staff" style="display:none;">
                                    <label class="ps-label">{{ __('Employee') }}</label>
                                    <select name="payment_staff_id" class="form-control select2">
                                        <option value="">{{ __('Select') }}</option>
                                        @foreach($staffForBulkPayroll ?? [] as $st)
                                            <option value="{{ $st->id }}">{{ $st->user?->name ?? '—' }}({{ $st->user_id }})-{{ $st->designation?->name ?? 'No Designation' }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <button class="btn btn-outline-primary btn-block mb-2" 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>

                <div class="card">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                        <span>{{ __('Payslip List') }}</span>
                        <a href="{{ route('payslip.index') }}" class="btn btn-sm btn-outline-secondary">{{ __('Clear Filters') }}</a>
                    </div>

                    <form action="{{ route('payslip.index') }}" method="get">
                        <div class="ps-section">
                            <div class="form-row align-items-end">
                                <div class="form-group col-md-2">
                                    <label class="ps-label">{{ __('Branch') }}</label>
                                    <select name="warehouse_id" class="select2 form-control">
                                        <option value="">{{ __('All Branches') }}</option>
                                        @foreach($warehouses ?? [] as $warehouse)
                                            <option value="{{ $warehouse->id }}" @selected((string) request('warehouse_id') === (string) $warehouse->id)>
                                                {{ $warehouse->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <label class="ps-label">{{ __('Department') }}</label>
                                    <select name="department_id" class="select2 form-control">
                                        <option value="">{{ __('All Departments') }}</option>
                                        @foreach($departments ?? [] as $department)
                                            <option value="{{ $department->id }}" @selected((string) request('department_id') === (string) $department->id)>
                                                {{ $department->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label class="ps-label">{{ __('Employee') }}</label>
                                    <select name="staff_id" class="select2 form-control">
                                        <option value="">{{ __('All Employees') }}</option>
                                        @foreach($staffForBulkPayroll ?? [] as $staff)
                                            <option value="{{ $staff->id }}" @selected((string) request('staff_id') === (string) $staff->id)>
                                                {{ $staff->user?->name ?? __('Unknown') }}({{ $staff->user_id }})-{{ $staff->designation?->name ?? 'No Designation' }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-2">
                                    <label class="ps-label">{{ __('Year') }}</label>
                                    <select name="year" class="select2 form-control">
                                        <option value="">{{ __('All') }}</option>
                                        @for($i = 2020; $i <= date('Y'); $i++)
                                            <option value="{{ $i }}" @selected((string) request('year', (string) $filterYear) === (string) $i)>{{ $i }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-2">
                                    <label class="ps-label">{{ __('Month') }}</label>
                                    <select name="month" class="select2 form-control">
                                        <option value="">{{ __('All') }}</option>
                                        @for($i = 1; $i <= 12; $i++)
                                            <option value="{{ $i }}" @selected((string) request('month', (string) $filterMonth) === (string) $i)>{{ date('F', mktime(0, 0, 0, $i, 1)) }}</option>
                                        @endfor
                                    </select>
                                </div>
                                <div class="form-group col-md-1">
                                    <button class="btn btn-primary btn-block" type="submit"><i class="fas fa-filter"></i> {{ __('Filter') }}</button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="card-body p-0">
                        <div class="px-3 pt-3 pb-2 d-flex flex-wrap align-items-center justify-content-between">
                            @can('Payroll-delete')
                                <div class="btn-group 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">
                                        <a class="dropdown-item" href="#" onclick="bulk_delete(); return false;">{{ __('Delete selection') }}</a>
                                    </div>
                                </div>
                            @endcan
                        </div>

                        <form id="sort_products" action="" method="GET">
                            <div class="table-responsive">
                                <table class="table ps-table mb-0">
                                    <thead>
                                    <tr>
                                        <th style="width: 40px;">
                                            <div class="custom-control custom-checkbox mb-0">
                                                <input type="checkbox" class="custom-control-input check-all" id="customCheck2">
                                                <label class="custom-control-label" for="customCheck2"></label>
                                            </div>
                                        </th>
                                        <th>{{ __('Employee') }}</th>
                                        <th>{{ __('Year') }}</th>
                                        <th>{{ __('Month') }}</th>
                                        <th>{{ __('Adjustment') }}</th>
                                        <th>{{ __('Net Salary') }}</th>
                                        <th>{{ __('Status') }}</th>
                                        <th class="text-right">{{ __('Action') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($payslips as $payslip)
                                        @php
                                            $statusClass = match(strtolower((string) $payslip->status)) {
                                                'paid' => 'paid',
                                                'unpaid' => 'unpaid',
                                                'pending' => 'pending',
                                                'processing' => 'processing',
                                                default => 'pending',
                                            };
                                        @endphp
                                        <tr>
                                            <td>
                                                <div class="custom-control custom-checkbox mb-0">
                                                    <input type="checkbox" name="id[]" value="{{ $payslip->id }}" class="custom-control-input check-one" id="payslip-check-{{ $payslip->id }}">
                                                    <label class="custom-control-label" for="payslip-check-{{ $payslip->id }}"></label>
                                                </div>
                                            </td>
                                            <td class="ps-staff-cell">
                                                <a href="{{ route('staffs.show', $payslip->staff_id) }}">{{ $payslip->staff->user?->name ?? __('Unknown') }}</a>
                                                <div class="small text-muted">
                                                    {{ $payslip->staff->user_id ?? '—' }}
                                                    · {{ $payslip->staff->designation?->name ?? 'No Designation' }}
                                                    @if($payslip->staff->warehouse?->name)
                                                        · {{ $payslip->staff->warehouse->name }}
                                                    @endif
                                                </div>
                                            </td>
                                            <td>{{ $payslip->salary_year }}</td>
                                            <td>{{ Carbon::create(null, $payslip->salary_month, null)->format('F') }}</td>
                                            <td class="ps-money">
                                                @php
                                                    $adjNet = (float) ($payslip->adjustment_amount ?? 0);
                                                    $adjCount = $payslip->payrollAdjustments?->count() ?? 0;
                                                @endphp
                                                @if($adjNet != 0 || $adjCount > 0)
                                                    <span class="{{ $adjNet >= 0 ? 'text-success' : 'text-danger' }}">{{ number_format($adjNet, 2) }}</span>
                                                    @if($adjCount > 0)
                                                        <div class="small text-muted">{{ $adjCount }} {{ __('item(s)') }}</div>
                                                    @endif
                                                @else
                                                    <span class="text-muted">—</span>
                                                @endif
                                            </td>
                                            <td class="ps-money">{{ number_format((float) $payslip->net_salary, 2) }}</td>
                                            <td><span class="ps-badge {{ $statusClass }}">{{ $payslip->status }}</span></td>
                                            <td class="text-right">
                                                <div class="ps-action-btns justify-content-end">
                                                    @can('Payroll-list')
                                                        <a href="{{ route('payslip.view', $payslip->id) }}" target="_blank" class="btn btn-primary btn-sm" title="{{ __('View') }}"><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" title="{{ __('Delete') }}"><i class="fas fa-trash"></i></a>
                                                    @endcan
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="7" class="text-center py-5 text-muted">{{ __('No payslips found for the selected filters.') }}</td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </form>
                    </div>

                    @if($payslips->hasPages())
                        <div class="card-footer bg-white border-top">
                            {{ $payslips->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    @include('modals.delete_modal')
@endsection

@section('script')
    <script>
        $(document).on('change', '.check-all', function () {
            $('.check-one:checkbox').prop('checked', this.checked);
        });

        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