@extends('admin.admin_dashboard')

@section('customcss')
<style>
.badge { font-size: 12px; }
.table th, .table td { vertical-align: middle !important; }
</style>
@endsection

@section('admin')
<div class="content-body">
<div class="container-fluid">
  <div class="row page-titles">
      <div class="col-md-9">
          <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{ route('pf.withdrawals.index') }}">Withdrawals</a></li>
              <li class="breadcrumb-item active">Details</li>
          </ol>
      </div>
  </div>

  <div class="card shadow-sm mb-3">
      <div class="card-header">
          <strong>Request #{{ $req->id }}</strong> —
          @php
              $color = match($req->status) {
                  'pending' => 'warning',
                  'approved' => 'info',
                  'rejected' => 'danger',
                  'completed' => 'success',
                  default => 'secondary'
              };
          @endphp
          <span class="badge bg-{{ $color }}">{{ strtoupper($req->status) }}</span>
      </div>
      <div class="card-body">
          <p><strong>Employee:</strong> {{ $req->employee->name ?? $req->teacher->name ?? '--' }} ({{ $req->employee->e_id ?? $req->teacher->teacher_code ?? '--'}})</p>
          <p><strong>Requested:</strong> {{ number_format($req->requested_amount, 2) }}</p>
          <p><strong>Note:</strong> {{ $req->request_note ?? '—' }}</p>
      </div>
  </div>

  {{-- Approve/Reject --}}
    @php
            $canManageWithdrawal = auth()->check() && (
                    auth()->user()->hasAnyRole(['Admin', 'admin'])
                    || auth()->user()->canAny(['Approve Withdrawals Request', 'Reject Withdrawals Request'])
            );
    @endphp
    @if($canManageWithdrawal)
        @if($req->status === \App\Models\WithdrawalRequest::STATUS_PENDING)
  <div class="card mb-3">
      <div class="card-header bg-light"><strong>Approval Actions</strong></div>
      <div class="card-body">
                @if(auth()->check() && (auth()->user()->hasAnyRole(['Admin', 'admin']) || auth()->user()->can('Approve Withdrawals Request')))
          <form method="POST" action="{{ route('pf.withdrawals.approve', $req->id) }}">
              @csrf
              <div class="row g-2 align-items-end">
                  <div class="col-md-3">
                      <label>Approve Amount</label>
                      <input name="approved_amount" type="number" step="0.01" value="{{ $req->requested_amount }}" class="form-control" required>
                  </div>
                  <div class="col-md-3">
                      <label>Installments</label>
                      <input name="installments" type="number" min="1" max="24" value="4" class="form-control">
                  </div>
                  <div class="col-md-3">
                      <label>First Due Date</label>
                      <input name="first_due_date" type="date" value="{{ now()->toDateString() }}" class="form-control">
                  </div>
                  <div class="col-md-3">
                      <button class="btn btn-success w-100"><i class="fas fa-check"></i> Approve</button>
                  </div>
              </div>
          </form>
          @endif
          @if(auth()->check() && (auth()->user()->hasAnyRole(['Admin', 'admin']) || auth()->user()->can('Reject Withdrawals Request')))
          <form method="POST" action="{{ route('pf.withdrawals.reject', $req->id) }}" class="mt-2">
              @csrf
              <div class="row g-2 align-items-end">
                  <div class="col-md-9">
                      <input name="reject_note" class="form-control" placeholder="Reason for rejection (optional)">
                  </div>
                  <div class="col-md-3">
                      <button class="btn btn-outline-danger w-100"><i class="fas fa-times"></i> Reject</button>
                  </div>
              </div>
          </form>
          @endif
      </div>
  </div>
  @endif
  @endif

  {{-- Installment Table --}}
  <div class="card mb-3">
      <div class="card-header bg-light"><strong>Installment Schedule</strong></div>
      <div class="card-body p-0">
          <table class="table table-bordered table-striped mb-0">
              <thead>
                  <tr>
                      <th>#</th>
                      <th>Due Date</th>
                      <th>Amount</th>
                      <th>Status</th>
                      <th>Paid At</th>
                      <th>Action</th>
                  </tr>
              </thead>
              <tbody>
              @forelse($req->schedules as $s)
                  <tr>
                      <td>{{ $s->sequence_no }}</td>
                      <td>{{ optional($s->due_date)->format('d M Y') }}</td>
                      <td class="text-end">{{ number_format($s->amount) }}</td>
                      <td>
                          <span class="badge bg-{{ $s->status === \App\Models\WithdrawalSchedule::STATUS_PAID ? 'success' : 'secondary' }}">{{ strtoupper($s->status) }}</span>
                      </td>
                      <td>{{ $s->paid_at ? $s->paid_at->format('d M Y') : '—' }}</td>
                      <td>
                          @if($s->status === \App\Models\WithdrawalSchedule::STATUS_SCHEDULED && $req->status === \App\Models\WithdrawalRequest::STATUS_APPROVED)
                              <form method="POST" action="{{ route('pf.withdrawals.schedule.pay', $s->id) }}">
                                  @csrf
                                  <button class="btn btn-sm btn-primary"><i class="fas fa-wallet"></i> Pay</button>
                              </form>
                          @endif
                      </td>
                  </tr>
              @empty
                  <tr><td colspan="6" class="text-center text-muted py-3">No schedules available.</td></tr>
              @endforelse
              </tbody>
          </table>
      </div>
  </div>

  {{-- Attachments --}}
  <div class="card mb-3">
      <div class="card-header bg-light"><strong>Supporting Documents</strong></div>
      <div class="card-body">
          @forelse($req->attachments as $att)
              <p><a href="{{ asset('core/storage/app/public/'.$att->path) }}" target="_blank">
                  <i class="fas fa-paperclip"></i> {{ $att->original_name }}
              </a></p>
          @empty
              <p class="text-muted">No files uploaded.</p>
          @endforelse
      </div>
  </div>

  {{-- Provident Fund Summary --}}
  <div class="card mb-3">
      <div class="card-header bg-light"><strong>Provident Fund Summary</strong></div>
      <div class="card-body p-0">
          @php
              $currentBalance = $account->current_balance ?? 0;
              $lockedBalance = $account->locked_balance ?? 0;
              $withdrawable = max(0, $currentBalance - $lockedBalance);
          @endphp
          <ul class="list-group list-group-flush">
              <li class="list-group-item">
                  <span>Current Balance</span>
                  <strong>{{ number_format($currentBalance, 2) }}</strong>
              </li>
              <li class="list-group-item">
                  <span>Locked Balance</span>
                  <strong>{{ number_format($lockedBalance, 2) }}</strong>
              </li>
              <li class="list-group-item">
                  <span>Withdrawable</span>
                  <strong>{{ number_format($withdrawable, 2) }}</strong>
              </li>
          </ul>
      </div>
  </div>
</div>
</div>
@endsection