@extends('layouts.master')
@section('title', 'Payroll')
@section('content')
@php $label = \Carbon\Carbon::create($year, $month, 1)->format('F Y'); @endphp
<div class="page-head">
    <div><div class="crumbs">Payroll</div><h2>Payroll · {{ $label }}</h2><div class="sub">{{ $payrolls->count() }} payslips · {{ $totals['unpaid_count'] }} unpaid</div></div>
    <div class="actions">
        <form class="d-flex gap-2 align-items-end">
            <select name="month" class="form-select">@foreach (month_options() as $n => $m)<option value="{{ $n }}" @selected($n == $month)>{{ $m }}</option>@endforeach</select>
            <select name="year" class="form-select">@for ($y = now()->year + 1; $y >= now()->year - 5; $y--)<option @selected($y == $year)>{{ $y }}</option>@endfor</select>
            <select name="department_id" class="form-select"><option value="">All departments</option>@foreach ($departments as $d)<option value="{{ $d->id }}" @selected(request('department_id') == $d->id)>{{ $d->name }}</option>@endforeach</select>
            <button class="btn btn-light">Show</button>
        </form>
    </div>
</div>

<div class="row g-3 mb-3">
    <div class="col-md-3"><div class="card kpi tone-primary"><span class="kpi-label">Gross</span><span class="kpi-value">{{ money($totals['gross']) }}</span></div></div>
    <div class="col-md-3"><div class="card kpi tone-danger"><span class="kpi-label">Deductions</span><span class="kpi-value">{{ money($totals['deductions']) }}</span></div></div>
    <div class="col-md-3"><div class="card kpi tone-success"><span class="kpi-label">Net payable</span><span class="kpi-value">{{ money($totals['net']) }}</span></div></div>
    <div class="col-md-3"><div class="card kpi tone-warning"><span class="kpi-label">Still to pay</span><span class="kpi-value">{{ money($totals['unpaid']) }}</span><span class="kpi-foot">{{ money($totals['paid']) }} paid</span></div></div>
</div>

<div class="card">
    <div class="card-header">
        <div class="d-flex flex-wrap gap-2">
            @can('Employee Payrolls generate')
                <form method="POST" action="{{ route('payroll.generate') }}" class="js-confirm" data-confirm="Generate payroll for {{ $label }}? Employees who already have a payslip this month are skipped. Loan and advance instalments will be deducted.">
                    @csrf<input type="hidden" name="month" value="{{ $month }}"><input type="hidden" name="year" value="{{ $year }}">
                    <button class="btn btn-primary" id="addbtn"><i class="fas fa-cogs me-1"></i> Generate payroll</button>
                </form>
            @endcan
            @if ($totals['unpaid_count'])
                @can('Employee Payrolls pay')
                    <form method="POST" action="{{ route('payroll.pay-all') }}" class="js-confirm" data-confirm="Mark all {{ $totals['unpaid_count'] }} unpaid salaries for {{ $label }} as paid?">
                        @csrf<input type="hidden" name="month" value="{{ $month }}"><input type="hidden" name="year" value="{{ $year }}">
                        <button class="btn btn-success"><i class="fas fa-check-double me-1"></i> Pay all ({{ $totals['unpaid_count'] }})</button>
                    </form>
                @endcan
            @endif
        </div>
        <div class="d-flex gap-2">
            @can('Reports Management Payroll Register')<a href="{{ route('reports.payroll-register', ['month' => $month, 'year' => $year]) }}" class="btn btn-light"><i class="fas fa-print me-1"></i> Register</a>@endcan
            <a href="{{ route('adjustments.index', ['month' => $month, 'year' => $year]) }}" class="btn btn-light"><i class="fas fa-plus-minus me-1"></i> Bonuses &amp; deductions</a>
        </div>
    </div>
    <div class="card-body"><div class="table-responsive">
        <table class="table table-hover datatable">
            <thead><tr><th>Employee</th><th class="num">Days</th><th class="num">Basic</th><th class="num">Allow.</th><th class="num">OT</th><th class="num">Bonus</th><th class="num">Gross</th><th class="num">Attend.</th><th class="num">Loan/Adv</th><th class="num">Other</th><th class="num">Net</th><th>Status</th><th class="no-sort"></th></tr></thead>
            <tbody>
                @foreach ($payrolls as $p)
                    <tr>
                        <td>@include('partials.person', ['e' => $p->employee, 'meta' => optional($p->employee->department)->name])</td>
                        <td class="num" title="Present {{ $p->present_days }}, absent {{ $p->absent_days }}, late {{ $p->late_days }}, half {{ $p->half_days }}, leave {{ $p->paid_leave_days + $p->unpaid_leave_days }}">{{ rtrim(rtrim(number_format($p->present_days, 1), '0'), '.') }}/{{ rtrim(rtrim(number_format($p->working_days, 1), '0'), '.') }}@if ($p->absent_days)<div class="tx-11 text-danger">{{ $p->absent_days + 0 }} absent</div>@endif</td>
                        <td class="num">{{ money($p->basic_salary, false) }}</td>
                        <td class="num">{{ money($p->allowances, false) }}</td>
                        <td class="num">{{ money($p->ot_amount, false) }}</td>
                        <td class="num">{{ money($p->bonus_amount, false) }}</td>
                        <td class="num fw-bold">{{ money($p->gross_salary, false) }}</td>
                        <td class="num text-danger">{{ money($p->attendance_deduction, false) }}</td>
                        <td class="num text-danger">{{ money($p->loan_deduction + $p->advance_deduction, false) }}</td>
                        <td class="num text-danger">{{ money($p->component_deductions + $p->other_deduction, false) }}</td>
                        <td class="num fw-bold">{{ money($p->net_salary, false) }}</td>
                        <td>{!! status_badge($p->status) !!}@if ($p->paid_at)<div class="tx-11 text-muted">{{ $p->paid_at->format('d M') }}</div>@endif</td>
                        <td class="text-end text-nowrap">
                            @can('Employee Payrolls payslip')<a href="{{ route('payroll.show', $p) }}" class="btn btn-sm btn-light" title="Payslip"><i class="fas fa-file-invoice"></i></a>@endcan
                            @unless ($p->isPaid())
                                @can('Employee Payrolls pay')<button class="btn btn-sm btn-success" title="Mark paid" data-bs-toggle="modal" data-bs-target="#payModal" data-url="{{ route('payroll.pay', $p) }}" data-name="{{ $p->employee->full_name }}" data-net="{{ money($p->net_salary) }}" data-method="{{ $p->payment_method }}"><i class="fas fa-check"></i></button>@endcan
                                @can('Employee Payrolls generate')<form method="POST" action="{{ route('payroll.regenerate', $p) }}" class="d-inline js-confirm" data-confirm="Recalculate this payslip with the latest attendance, overtime and adjustments?">@csrf<button class="btn btn-sm btn-light" title="Recalculate"><i class="fas fa-sync"></i></button></form>@endcan
                                @can('Employee Payrolls delete')<form method="POST" action="{{ route('payroll.destroy', $p) }}" class="d-inline js-confirm" data-confirm="Delete this payslip? Loan/advance instalments will be reversed.">@csrf @method('DELETE')<button class="btn btn-sm btn-light text-danger" title="Delete"><i class="fas fa-trash"></i></button></form>@endcan
                            @endunless
                        </td>
                    </tr>
                @endforeach
            </tbody>
            @if ($payrolls->count())
                <tfoot><tr class="fw-bold"><td>Total</td><td></td><td class="num">{{ money($payrolls->sum('basic_salary'), false) }}</td><td class="num">{{ money($payrolls->sum('allowances'), false) }}</td><td class="num">{{ money($payrolls->sum('ot_amount'), false) }}</td><td class="num">{{ money($payrolls->sum('bonus_amount'), false) }}</td><td class="num">{{ money($totals['gross'], false) }}</td><td class="num">{{ money($payrolls->sum('attendance_deduction'), false) }}</td><td class="num">{{ money($payrolls->sum('loan_deduction') + $payrolls->sum('advance_deduction'), false) }}</td><td class="num">{{ money($payrolls->sum('component_deductions') + $payrolls->sum('other_deduction'), false) }}</td><td class="num">{{ money($totals['net'], false) }}</td><td colspan="2"></td></tr></tfoot>
            @endif
        </table>
    </div></div>
</div>

<div class="modal fade" id="payModal" tabindex="-1"><div class="modal-dialog"><form method="POST" class="modal-content">@csrf
    <div class="modal-header"><h5 class="modal-title">Mark salary as paid</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
    <div class="modal-body">
        <p id="payText" class="fw-bold"></p>
        <div class="row g-3"><div class="col-5"><label class="form-label">Method</label><select name="payment_method" class="form-select"><option value="bank">Bank transfer</option><option value="cash">Cash</option><option value="cheque">Cheque</option></select></div>
        <div class="col-7"><label class="form-label">Reference / cheque no.</label><input name="payment_reference" class="form-control"></div></div>
    </div>
    <div class="modal-footer"><button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button><button class="btn btn-success">Mark paid</button></div>
</form></div></div>
@endsection
@push('scripts')
<script>
    document.getElementById('payModal').addEventListener('show.bs.modal', function (e) {
        const b = e.relatedTarget; this.querySelector('form').action = b.dataset.url;
        document.getElementById('payText').textContent = b.dataset.name + ' · net ' + b.dataset.net;
        if (b.dataset.method) this.querySelector('[name=payment_method]').value = b.dataset.method;
    });
</script>
@endpush