@extends('layouts.app')

@php use Illuminate\Support\Carbon; @endphp

@section('title', 'Generate Payslip')
@section('header', 'Generate Payslip')

@section('content')
    <div class="row g-4">
        <div class="col-lg-7">
            <div class="card table-wrapper">
                <div class="card-body">
                    <h2 class="h6 mb-3">Single Employee</h2>
                    <form method="POST" action="{{ route('payrolls.store') }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-12">
                                <label for="employee_id" class="form-label">Employee <span class="text-danger">*</span></label>
                                <select id="employee_id" name="employee_id" class="form-select @error('employee_id') is-invalid @enderror" required>
                                    <option value="">Select…</option>
                                    @foreach ($employees as $employee)
                                        <option value="{{ $employee->id }}" @selected(old('employee_id') == $employee->id)>
                                            {{ $employee->full_name }} — {{ number_format((float) $employee->base_salary, 2) }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('employee_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label for="year" class="form-label">Year <span class="text-danger">*</span></label>
                                <input type="number" id="year" name="year" value="{{ old('year', now()->year) }}"
                                    class="form-control @error('year') is-invalid @enderror" required>
                                @error('year')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label for="month" class="form-label">Month <span class="text-danger">*</span></label>
                                <select id="month" name="month" class="form-select @error('month') is-invalid @enderror" required>
                                    @for ($m = 1; $m <= 12; $m++)
                                        <option value="{{ $m }}" @selected(old('month', now()->month) == $m)>{{ Carbon::create(null, $m)->format('F') }}</option>
                                    @endfor
                                </select>
                                @error('month')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label for="allowances" class="form-label">Allowances</label>
                                <input type="number" step="0.01" min="0" id="allowances" name="allowances"
                                    value="{{ old('allowances', 0) }}" class="form-control @error('allowances') is-invalid @enderror">
                                @error('allowances')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label for="deductions" class="form-label">Other Deductions</label>
                                <input type="number" step="0.01" min="0" id="deductions" name="deductions"
                                    value="{{ old('deductions', 0) }}" class="form-control @error('deductions') is-invalid @enderror">
                                @error('deductions')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label for="notes" class="form-label">Notes</label>
                                <input type="text" id="notes" name="notes" value="{{ old('notes') }}" class="form-control">
                            </div>
                        </div>
                        <div class="mt-4 d-flex gap-2">
                            <button type="submit" class="btn btn-primary"><i class="bi bi-file-earmark-text me-1"></i>Generate</button>
                            <a href="{{ route('payrolls.index') }}" class="btn btn-outline-secondary">Cancel</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <div class="card stat-card">
                <div class="card-body">
                    <h2 class="h6 mb-3">Bulk Generate (All Active Employees)</h2>
                    <p class="text-muted small">Generates draft payslips for every active employee that doesn't already have one for the period. Tax is applied at {{ config('hrms.payroll.default_tax_rate') }}%.</p>
                    <form method="POST" action="{{ route('payrolls.generate-bulk') }}" class="js-confirm"
                        data-confirm-message="Generate payslips for all active employees for the selected period?">
                        @csrf
                        <div class="row g-3">
                            <div class="col-6">
                                <label for="bulk_year" class="form-label">Year</label>
                                <input type="number" id="bulk_year" name="year" value="{{ now()->year }}" class="form-control" required>
                            </div>
                            <div class="col-6">
                                <label for="bulk_month" class="form-label">Month</label>
                                <select id="bulk_month" name="month" class="form-select" required>
                                    @for ($m = 1; $m <= 12; $m++)
                                        <option value="{{ $m }}" @selected(now()->month == $m)>{{ Carbon::create(null, $m)->format('F') }}</option>
                                    @endfor
                                </select>
                            </div>
                            <div class="col-6">
                                <label for="bulk_allowances" class="form-label">Allowances (each)</label>
                                <input type="number" step="0.01" min="0" id="bulk_allowances" name="allowances" value="0" class="form-control">
                            </div>
                            <div class="col-6">
                                <label for="bulk_deductions" class="form-label">Deductions (each)</label>
                                <input type="number" step="0.01" min="0" id="bulk_deductions" name="deductions" value="0" class="form-control">
                            </div>
                        </div>
                        <div class="mt-4">
                            <button type="submit" class="btn btn-outline-primary w-100"><i class="bi bi-people me-1"></i>Bulk Generate</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection