@extends('layouts.app')

@php use Illuminate\Support\Carbon; @endphp

@section('title', 'Payroll')
@section('header', 'Payroll')
@section('subheader', $canProcess ? 'Payslips for all employees' : 'Your payslips')

@section('header-actions')
    @can('create', App\Models\Payroll::class)
        <a href="{{ route('payrolls.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-lg me-1"></i>Generate Payslip
        </a>
    @endcan
@endsection

@section('content')
    <div class="card table-wrapper mb-3">
        <div class="card-body">
            <form method="GET" class="row g-2 align-items-end">
                @if ($canProcess)
                    <div class="col-md-3">
                        <label class="form-label small text-muted mb-1">Employee</label>
                        <select name="employee_id" class="form-select">
                            <option value="">All</option>
                            @foreach ($employees as $employee)
                                <option value="{{ $employee->id }}" @selected(($filters['employee_id'] ?? '') == $employee->id)>{{ $employee->full_name }}</option>
                            @endforeach
                        </select>
                    </div>
                @endif
                <div class="col-md-2">
                    <label class="form-label small text-muted mb-1">Year</label>
                    <input type="number" name="year" value="{{ $filters['year'] ?? '' }}" class="form-control" placeholder="{{ now()->year }}">
                </div>
                <div class="col-md-2">
                    <label class="form-label small text-muted mb-1">Month</label>
                    <select name="month" class="form-select">
                        <option value="">All</option>
                        @for ($m = 1; $m <= 12; $m++)
                            <option value="{{ $m }}" @selected(($filters['month'] ?? '') == $m)>{{ Carbon::create(null, $m)->format('F') }}</option>
                        @endfor
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label small text-muted mb-1">Status</label>
                    <select name="status" class="form-select">
                        <option value="">All</option>
                        <option value="draft" @selected(($filters['status'] ?? '') === 'draft')>Draft</option>
                        <option value="paid" @selected(($filters['status'] ?? '') === 'paid')>Paid</option>
                    </select>
                </div>
                <div class="col-md-3 d-flex gap-2">
                    <button class="btn btn-outline-primary"><i class="bi bi-funnel me-1"></i>Filter</button>
                    <a href="{{ route('payrolls.index') }}" class="btn btn-outline-secondary">Reset</a>
                </div>
            </form>
        </div>
    </div>

    <div class="card table-wrapper">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        @if ($canProcess)<th>Employee</th>@endif
                        <th>Period</th><th>Basic</th><th>Allowances</th><th>Tax</th><th>Deductions</th>
                        <th>Net</th><th>Status</th><th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($payrolls as $payroll)
                        <tr>
                            @if ($canProcess)<td>{{ $payroll->employee?->full_name ?? '—' }}</td>@endif
                            <td>{{ $payroll->period_label }}</td>
                            <td>{{ number_format((float) $payroll->basic_salary, 2) }}</td>
                            <td>{{ number_format((float) $payroll->allowances, 2) }}</td>
                            <td>{{ number_format((float) $payroll->tax, 2) }}</td>
                            <td>{{ number_format((float) $payroll->deductions, 2) }}</td>
                            <td class="fw-semibold">{{ number_format((float) $payroll->net_salary, 2) }}</td>
                            <td><x-status-badge :status="$payroll->status" /></td>
                            <td class="text-end text-nowrap">
                                <a href="{{ route('payrolls.show', $payroll) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-eye"></i></a>
                                @can('update', $payroll)
                                    @if ($payroll->status !== \App\Models\Payroll::STATUS_PAID)
                                        <form method="POST" action="{{ route('payrolls.mark-paid', $payroll) }}" class="d-inline">
                                            @csrf @method('PATCH')
                                            <button class="btn btn-sm btn-outline-success" title="Mark paid"><i class="bi bi-cash"></i></button>
                                        </form>
                                    @endif
                                @endcan
                                @can('delete', $payroll)
                                    <x-delete-form :action="route('payrolls.destroy', $payroll)" message="Delete this payslip?" label="" />
                                @endcan
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="{{ $canProcess ? 9 : 8 }}" class="text-center text-muted py-4">No payroll records found.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-3">{{ $payrolls->links() }}</div>
@endsection