@extends('layouts.app')
@section('title', 'Payroll Run')

@php
  $readOnly = $run->status === 'Paid' || $run->status === 'Cancelled';
  $rs = match($run->status) {
    'Draft' => 's',
    'Approved' => 'b',
    'Paid' => 'g',
    default => 'r',
  };
@endphp

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4 mb-5">
    <div>
      <a href="{{ route('payroll.index') }}" class="text-[12px] text-blue-700 font-semibold mb-2 inline-block">&larr; Back to Payroll &amp; HR</a>
      <p class="text-[17px] font-bold text-slate-900">Payroll Run</p>
      <p class="text-slate-500 text-[13px] mt-1">
        {{ $run->period_start->format('M j, Y') }} – {{ $run->period_end->format('M j, Y') }}
        <span class="badge {{ $rs }} ml-2">{{ $run->status }}</span>
      </p>
    </div>
    <div class="flex flex-wrap gap-2 justify-end">
      <a href="{{ route('payroll.runs.export.pdf', $run) }}" class="bsm bg-slate-100 text-slate-600"><i class="fa-regular fa-file-pdf"></i> PDF</a>
      <a href="{{ route('payroll.runs.export.excel', $run) }}" class="bsm bg-slate-100 text-slate-600"><i class="fa-regular fa-file-excel"></i> Excel</a>
      @if($run->status === 'Draft')
        <form method="post" action="{{ route('payroll.runs.approve', $run) }}" class="inline" onsubmit="return confirm('Approve this payroll run?');">
          @csrf
          @method('PUT')
          <button type="submit" class="bsm bg-blue-600 text-white hover:bg-blue-700"><i class="fa-solid fa-check"></i> Approve</button>
        </form>
      @endif
    </div>
  </div>

  @if ($errors->any())
    <div class="mb-4 rounded-xl border border-red-100 bg-red-50 px-4 py-3 text-red-800 text-[13px]">
      @foreach ($errors->all() as $err)
        <p>{{ $err }}</p>
      @endforeach
    </div>
  @endif

  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-5">
    <div class="stat">
      <p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Employees Included</p>
      <p class="text-[22px] font-bold text-slate-900 mt-2">{{ $run->items->count() }}</p>
    </div>
    <div class="stat">
      <p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Gross Pay</p>
      <p class="text-[22px] font-bold text-slate-900 mt-2">{{ \App\Support\Format::mwkDecimal($run->total_gross) }}</p>
    </div>
    <div class="stat">
      <p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Deductions</p>
      <p class="text-[22px] font-bold text-slate-900 mt-2">{{ \App\Support\Format::mwkDecimal($run->total_deductions) }}</p>
    </div>
    <div class="stat">
      <p class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">Net Pay</p>
      <p class="text-[22px] font-bold text-emerald-700 mt-2">{{ \App\Support\Format::mwkDecimal($run->total_net) }}</p>
    </div>
  </div>

  @if($run->status === 'Approved')
    <div id="mark-paid" class="card p-5 mb-5 border-amber-100 bg-amber-50/40">
      <p class="font-bold text-slate-900 mb-3"><i class="fa-solid fa-check-double text-amber-600 mr-2"></i>Mark as paid</p>
      <p class="text-slate-600 text-[12px] mb-4">Posts one expense transaction to Finance (category Payroll, grouped under Labour in reports). Cannot be duplicated.</p>
      <form method="post" action="{{ route('payroll.runs.paid', $run) }}" class="flex flex-col sm:flex-row gap-3 sm:items-end">
        @csrf
        @method('PUT')
        <div class="flex-1 min-w-[160px]">
          <label class="fl" for="payment_date">Payment date</label>
          <input id="payment_date" name="payment_date" type="date" class="fi" required value="{{ old('payment_date', now()->toDateString()) }}">
        </div>
        <div class="flex-1 min-w-[140px]">
          <label class="fl" for="payment_method">Payment method</label>
          <input id="payment_method" name="payment_method" type="text" class="fi" maxlength="100" value="{{ old('payment_method') }}" placeholder="Optional">
        </div>
        <div class="flex-1 min-w-[160px]">
          <label class="fl" for="reference">Reference</label>
          <input id="reference" name="reference" type="text" class="fi" maxlength="100" value="{{ old('reference', 'PAY-'.$run->id) }}" placeholder="PAY-{{ $run->id }}">
        </div>
        <button type="submit" class="bp h-[38px] self-end"><i class="fa-solid fa-check-double mr-1"></i> Mark Paid</button>
      </form>
    </div>
  @endif

  @if($readOnly)
    <p class="text-slate-500 text-[12px] mb-4"><i class="fa-solid fa-lock mr-1"></i>This payroll run is read-only.</p>
  @endif

  <div class="card p-5 card-has-table">
    <p class="font-bold text-slate-900 mb-4">Pay lines</p>
    <table>
      <thead>
        <tr class="border-b border-slate-100">
          <th class="th">Employee</th>
          <th class="th">Role</th>
          <th class="th">Project</th>
          <th class="th">Type</th>
          <th class="th text-right">Gross</th>
          <th class="th text-right">Deductions</th>
          <th class="th text-right">Net</th>
          <th class="th">Status</th>
        </tr>
      </thead>
      <tbody>
        @foreach($run->items as $row)
          @php
            $tb = match($row->employment_type_snapshot) {
              'Permanent' => 'g',
              'Casual' => 'v',
              default => 'a',
            };
            $is = match($row->status) {
              'Paid' => 'g',
              'Excluded' => 's',
              default => 'b',
            };
          @endphp
          <tr>
            <td class="td font-semibold text-slate-800">{{ $row->employee_name_snapshot }}</td>
            <td class="td text-slate-600 text-[12px]">{{ $row->job_title_snapshot }}</td>
            <td class="td text-slate-600 text-[12px]">{{ $row->project?->name ?? '—' }}</td>
            <td class="td"><span class="badge {{ $tb }}">{{ $row->employment_type_snapshot }}</span></td>
            <td class="td text-right font-mono text-[12px]">{{ \App\Support\Format::mwkDecimal($row->gross_pay) }}</td>
            <td class="td text-right font-mono text-[12px]">{{ \App\Support\Format::mwkDecimal($row->deductions) }}</td>
            <td class="td text-right font-mono text-[12px] font-semibold">{{ \App\Support\Format::mwkDecimal($row->net_pay) }}</td>
            <td class="td"><span class="badge {{ $is }}">{{ $row->status }}</span></td>
          </tr>
        @endforeach
      </tbody>
    </table>
  </div>

  @if($run->transaction_id)
    <p class="mt-4 text-[12px] text-slate-500">
      Finance transaction #{{ $run->transaction_id }}
      @if($run->payment_date) · paid {{ $run->payment_date->format('M j, Y') }} @endif
    </p>
  @endif
</div>
@endsection