@extends('layouts.app')
@section('title','Payroll Batch')
@section('page-title','Daily Labour Payroll')
@section('content')

@php $m = $payroll->status_meta; @endphp

<div class="d-flex justify-content-between align-items-center mb-3">
  <a href="{{ route('payroll.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>All Payrolls</a>
  <span class="badge bg-{{ $m['color'] }} fs-6 px-3 py-2"><i class="bi bi-{{ $m['icon'] }} me-1"></i>{{ $m['label'] }}</span>
</div>

{{-- Batch Header --}}
<div class="card stat-card mb-3">
  <div class="card-body">
    <div class="row g-3 align-items-center">
      <div class="col-md-2 text-center">
        <div class="fs-1 text-primary"><i class="bi bi-people-fill"></i></div>
        <div class="fw-bold small mt-1">{{ $payroll->batch_number }}</div>
      </div>
      <div class="col-md-4">
        <div class="fw-bold fs-5">{{ $payroll->work_date->format('l, d F Y') }}</div>
        <div class="text-muted small">{{ $payroll->project->name }}</div>
        <div class="mt-1 small text-muted">{{ $payroll->submission_notes }}</div>
      </div>
      <div class="col-md-3 text-center border-start border-end">
        <div class="text-muted small">Workers</div>
        <div class="fs-3 fw-bold text-primary">{{ $payroll->worker_count }}</div>
      </div>
      <div class="col-md-3 text-center">
        <div class="text-muted small">Total Due</div>
        <div class="fs-3 fw-bold text-success">GH&#8373; {{ number_format($payroll->total_amount,2) }}</div>
        @if($payroll->status==='paid')<div class="badge bg-success mt-1">PAID on {{ $payroll->payment_date?->format('d M Y') }}</div>@endif
      </div>
    </div>
  </div>
</div>

<div class="row g-3">

{{-- LEFT: Worker Entries --}}
<div class="col-md-7">
  <div class="card stat-card">
    <div class="card-header bg-white border-0 fw-semibold pt-3 px-3 d-flex justify-content-between">
      <span><i class="bi bi-list-check me-2"></i>Workers</span>
      @if(in_array($payroll->status,['draft','supervisor_rejected','pm_rejected']))
      <a href="{{ route('payroll.edit',$payroll) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil me-1"></i>Edit</a>
      @endif
    </div>
    <div class="table-responsive">
      <table class="table mb-0">
        <thead><tr><th>#</th><th>Name</th><th>Role</th><th>Attendance</th><th class="text-end">Rate</th><th class="text-end">Amount Due</th><th class="text-center">Paid?</th></tr></thead>
        <tbody>
          @foreach($payroll->entries as $i => $e)
          <tr>
            <td class="small text-muted">{{ $i+1 }}</td>
            <td class="small fw-semibold">{{ $e->worker_name }}</td>
            <td class="small">{{ $e->role }}</td>
            <td class="small">
              <span class="badge bg-{{ $e->attendance==='full_day'?'success':($e->attendance==='half_day'?'warning text-dark':'info') }}">
                {{ \App\Models\PayrollEntry::ATTENDANCE_LABEL[$e->attendance] ?? $e->attendance }}
              </span>
            </td>
            <td class="text-end small">{{ number_format($e->daily_rate,2) }}</td>
            <td class="text-end fw-semibold">GH&#8373; {{ number_format($e->amount_due,2) }}</td>
            <td class="text-center">@if($e->is_paid)<i class="bi bi-check-circle-fill text-success"></i>@else<i class="bi bi-circle text-muted"></i>@endif</td>
          </tr>
          @endforeach
        </tbody>
        <tfoot class="table-light">
          <tr>
            <td colspan="5" class="text-end fw-bold">TOTAL</td>
            <td class="text-end fw-bold text-success">GH&#8373; {{ number_format($payroll->total_amount,2) }}</td>
            <td></td>
          </tr>
        </tfoot>
      </table>
    </div>
  </div>
</div>

{{-- RIGHT: Workflow + Action Panels --}}
<div class="col-md-5">

  {{-- Workflow timeline --}}
  <div class="card stat-card mb-3">
    <div class="card-header bg-white border-0 fw-semibold pt-3 px-3"><i class="bi bi-diagram-2 me-2"></i>Approval Chain</div>
    <div class="card-body pt-0">
      @php
        $steps=[
          ['label'=>'Inventory Officer Captured','done'=>true,'by'=>$payroll->submitter?->name,'at'=>$payroll->created_at,'color'=>'success'],
          ['label'=>'Submitted to Supervisor','done'=>$payroll->submitted_at!=null,'by'=>$payroll->submitter?->name,'at'=>$payroll->submitted_at,'color'=>'info'],
          ['label'=>'Supervisor Validated','done'=>in_array($payroll->status,['pending_pm','pm_approved','pm_rejected','pending_ceo','ceo_approved','ceo_rejected','paid']),'by'=>$payroll->supervisor?->name,'at'=>$payroll->supervisor_at,'note'=>$payroll->supervisor_notes,'color'=>'info','rejected'=>$payroll->status==='supervisor_rejected'],
          ['label'=>'Project Manager Approved','done'=>in_array($payroll->status,['pending_ceo','ceo_approved','ceo_rejected','paid']),'by'=>$payroll->pm?->name,'at'=>$payroll->pm_at,'note'=>$payroll->pm_notes,'color'=>'primary','rejected'=>$payroll->status==='pm_rejected'],
          ['label'=>'CEO Approved Payment','done'=>in_array($payroll->status,['ceo_approved','paid']),'by'=>$payroll->ceo?->name,'at'=>$payroll->ceo_at,'note'=>$payroll->ceo_notes,'color'=>'success','rejected'=>$payroll->status==='ceo_rejected'],
          ['label'=>'Payment Disbursed','done'=>$payroll->status==='paid','by'=>$payroll->paidByUser?->name,'at'=>$payroll->paid_at,'note'=>$payroll->payment_mode.' — '.$payroll->payment_notes,'color'=>'success'],
        ];
      @endphp
      <div class="ps-2 mt-2">
        @foreach($steps as $step)
        @php $rej=$step['rejected']??false; @endphp
        <div class="d-flex gap-2 mb-2">
          <div class="d-flex flex-column align-items-center">
            <div class="rounded-circle d-flex align-items-center justify-content-center" style="width:26px;height:26px;min-width:26px;background:{{ $step['done']?($rej?'#dc3545':'#198754'):'#dee2e6' }};color:{{ $step['done']?'#fff':'#6c757d' }};font-size:.75rem">
              @if($step['done'] && !$rej)<i class="bi bi-check"></i>@elseif($rej)<i class="bi bi-x"></i>@else<i class="bi bi-circle"></i>@endif
            </div>
            @if(!$loop->last)<div style="width:2px;min-height:22px;background:#dee2e6;margin:0 auto"></div>@endif
          </div>
          <div class="pb-1 flex-grow-1">
            <div class="small fw-semibold {{ $step['done']?($rej?'text-danger':'text-success'):'text-muted' }}">{{ $step['label'] }}</div>
            @if($step['done']&&isset($step['by'])&&$step['by'])<div class="small text-muted">{{ $step['by'] }}@if(isset($step['at'])&&$step['at']) · {{ $step['at']->format('d M, H:i') }}@endif</div>@endif
            @if(isset($step['note'])&&$step['note'])<div class="small text-muted fst-italic">{{ $step['note'] }}</div>@endif
          </div>
        </div>
        @endforeach
      </div>
    </div>
  </div>

  {{-- ACTION PANELS --}}

  {{-- Draft: Inventory officer submits --}}
  @if(in_array($payroll->status,['draft','supervisor_rejected','pm_rejected']) && auth()->user()->hasAnyRole(['store_keeper','super_admin']))
  <div class="card stat-card mb-3 border-warning">
    <div class="card-header bg-warning bg-opacity-10 border-0 fw-semibold pt-3 px-3"><i class="bi bi-send me-2 text-warning"></i>Submit for Supervisor Validation</div>
    <div class="card-body">
      <p class="small text-muted mb-2">Review the entries above, then submit to Site Supervisor for validation.</p>
      <form method="POST" action="{{ route('payroll.submit-supervisor',$payroll) }}">@csrf
        <textarea name="submission_notes" class="form-control form-control-sm mb-2" rows="2" placeholder="Any notes for supervisor...">{{ $payroll->submission_notes }}</textarea>
        <button type="submit" class="btn btn-warning w-100"><i class="bi bi-send me-1"></i>Submit to Site Supervisor</button>
      </form>
    </div>
  </div>
  @endif

  {{-- Supervisor validates --}}
  @if($payroll->status==='pending_supervisor' && auth()->user()->hasAnyRole(['site_supervisor','super_admin']))
  <div class="card stat-card mb-3 border-info">
    <div class="card-header bg-info bg-opacity-10 border-0 fw-semibold pt-3 px-3"><i class="bi bi-person-check me-2 text-info"></i>Site Supervisor — Validate</div>
    <div class="card-body">
      <p class="small text-muted mb-2">Confirm all workers and amounts are correct for <strong>{{ $payroll->work_date->format('d M Y') }}</strong>.</p>
      <form method="POST" action="{{ route('payroll.supervisor-approve',$payroll) }}">@csrf @method('PATCH')
        <textarea name="supervisor_notes" class="form-control form-control-sm mb-2" rows="2" placeholder="Validation notes (optional)..."></textarea>
        <button type="submit" class="btn btn-success w-100 mb-2"><i class="bi bi-check-lg me-1"></i>Validate & Forward to Project Manager</button>
      </form>
      <form method="POST" action="{{ route('payroll.supervisor-reject',$payroll) }}">@csrf @method('PATCH')
        <div class="input-group"><textarea name="supervisor_notes" class="form-control form-control-sm" rows="1" placeholder="Reason for return (required)..." required></textarea><button class="btn btn-outline-danger btn-sm">Return</button></div>
      </form>
    </div>
  </div>
  @endif

  {{-- Project Manager approves --}}
  @if($payroll->status==='pending_pm' && auth()->user()->hasAnyRole(['project_manager','super_admin']))
  <div class="card stat-card mb-3 border-primary">
    <div class="card-header bg-primary bg-opacity-10 border-0 fw-semibold pt-3 px-3"><i class="bi bi-briefcase me-2 text-primary"></i>Project Manager — Approve & Request Payment</div>
    <div class="card-body">
      <div class="alert alert-primary py-2 small mb-2"><strong>GH&#8373; {{ number_format($payroll->total_amount,2) }}</strong> for {{ $payroll->worker_count }} workers — validated by Supervisor.</div>
      <form method="POST" action="{{ route('payroll.pm-approve',$payroll) }}">@csrf @method('PATCH')
        <textarea name="pm_notes" class="form-control form-control-sm mb-2" rows="2" placeholder="Notes to CEO (optional)..."></textarea>
        <button type="submit" class="btn btn-primary w-100 mb-2"><i class="bi bi-check-lg me-1"></i>Approve & Request CEO Payment Approval</button>
      </form>
      <form method="POST" action="{{ route('payroll.pm-reject',$payroll) }}">@csrf @method('PATCH')
        <div class="input-group"><textarea name="pm_notes" class="form-control form-control-sm" rows="1" placeholder="Reason for rejection (required)..." required></textarea><button class="btn btn-outline-danger btn-sm">Reject</button></div>
      </form>
    </div>
  </div>
  @endif

  {{-- CEO approves payment --}}
  @if($payroll->status==='pending_ceo' && auth()->user()->hasAnyRole(['ceo','super_admin']))
  <div class="card stat-card mb-3 border-success">
    <div class="card-header bg-success bg-opacity-10 border-0 fw-semibold pt-3 px-3"><i class="bi bi-person-fill-gear me-2 text-success"></i>CEO — Approve Payment</div>
    <div class="card-body">
      <div class="alert alert-success py-2 small mb-2">PM requesting payment of <strong>GH&#8373; {{ number_format($payroll->total_amount,2) }}</strong> for {{ $payroll->worker_count }} daily workers.</div>
      @if($payroll->pm_notes)<p class="small text-muted">PM Notes: {{ $payroll->pm_notes }}</p>@endif
      <form method="POST" action="{{ route('payroll.ceo-approve',$payroll) }}">@csrf @method('PATCH')
        <textarea name="ceo_notes" class="form-control form-control-sm mb-2" rows="2" placeholder="Approval notes..."></textarea>
        <button type="submit" class="btn btn-success w-100 mb-2"><i class="bi bi-check-circle me-1"></i>Approve Payment</button>
      </form>
      <form method="POST" action="{{ route('payroll.ceo-reject',$payroll) }}">@csrf @method('PATCH')
        <div class="input-group"><textarea name="ceo_notes" class="form-control form-control-sm" rows="1" placeholder="Reason for rejection (required)..." required></textarea><button class="btn btn-outline-danger btn-sm">Reject</button></div>
      </form>
    </div>
  </div>
  @endif

  {{-- Inventory Officer records payment + receipt --}}
  @if($payroll->status==='ceo_approved' && auth()->user()->hasAnyRole(['store_keeper','super_admin']))
  <div class="card stat-card mb-3 border-success">
    <div class="card-header bg-success bg-opacity-10 border-0 fw-semibold pt-3 px-3"><i class="bi bi-cash-coin me-2 text-success"></i>Disburse Payment & Upload Receipt</div>
    <div class="card-body">
      <div class="alert alert-success py-2 small mb-2">CEO approved. Pay <strong>GH&#8373; {{ number_format($payroll->total_amount,2) }}</strong> and upload the payment receipt.</div>
      <form method="POST" action="{{ route('payroll.record-payment',$payroll) }}" enctype="multipart/form-data">@csrf
        <div class="row g-2">
          <div class="col-6"><label class="form-label small">Payment Date *</label><input name="payment_date" type="date" class="form-control form-control-sm" value="{{ today()->format('Y-m-d') }}" required></div>
          <div class="col-6"><label class="form-label small">Payment Mode *</label><select name="payment_mode" class="form-select form-select-sm" required><option>momo</option><option>hubtel</option><option>cash</option><option>bank_transfer</option></select></div>
          <div class="col-12">
            <label class="form-label small"><span class="text-danger fw-bold">*</span> Payment Receipt (JPG/PNG/PDF required)</label>
            <input name="payment_receipt" type="file" class="form-control form-control-sm" accept=".jpg,.jpeg,.png,.pdf" required>
          </div>
          <div class="col-12"><label class="form-label small">Notes</label><textarea name="payment_notes" class="form-control form-control-sm" rows="2" placeholder="Any payment notes..."></textarea></div>
        </div>
        <button type="submit" class="btn btn-success w-100 mt-2"><i class="bi bi-cloud-upload me-1"></i>Confirm Payment & Upload Receipt</button>
      </form>
    </div>
  </div>
  @endif

  {{-- Receipt link after paid --}}
  @if($payroll->status==='paid' && $payroll->payment_receipt)
  <div class="card stat-card border-success">
    <div class="card-body text-center py-3">
      <div class="fs-2 text-success mb-2"><i class="bi bi-patch-check-fill"></i></div>
      <div class="fw-bold">Payroll Complete</div>
      <div class="text-muted small mb-3">Paid on {{ $payroll->payment_date?->format('d M Y') }} via {{ $payroll->payment_mode }}</div>
      <a href="{{ Storage::url($payroll->payment_receipt) }}" target="_blank" class="btn btn-outline-success btn-sm"><i class="bi bi-receipt me-1"></i>View Payment Receipt</a>
    </div>
  </div>
  @endif

</div>{{-- /col-md-5 --}}
</div>{{-- /row --}}
@endsection