@extends('layouts.app')
@section('title', 'Sponsors')
@section('content')
@php
  use App\Models\Sponsor;
  $naira = fn ($k) => '₦'.number_format($k / 100);
  $statusBadge = ['prospect' => '', 'pledged' => 'badge--warn', 'confirmed' => 'badge--ok', 'declined' => 'badge--bad'];
@endphp
<div class="page__head">
  <div><h1>Sponsors</h1><p>Track every sponsor from first conversation to delivered benefits.</p></div>
  <div class="page__actions"><button class="btn" data-modal="sponsorModal"><x-icon name="plus"/> Add sponsor</button></div>
</div>

<div class="tabs"><a class="is-active" href="{{ route('sponsors.index') }}">Sponsors</a><a href="{{ route('sponsors.tiers') }}">Tiers</a></div>

<div class="tiles">
  <div class="stat stat--brand"><div class="stat__label">Pledged</div><div class="stat__value">{{ $naira($pledged) }}</div><div class="stat__sub">{{ $naira($paid) }} received</div></div>
  <div class="stat"><div class="stat__label">Outstanding</div><div class="stat__value">{{ $naira(max(0, $pledged - $paid)) }}</div></div>
  <div class="stat"><div class="stat__label">Confirmed</div><div class="stat__value">{{ $confirmed }}</div></div>
  <div class="stat"><div class="stat__label">Prospects</div><div class="stat__value">{{ $prospects }}</div></div>
</div>

<form class="filters section" method="get">
  <input class="input" type="search" name="q" value="{{ request('q') }}" placeholder="Search company, contact or email">
  <select class="input" name="tier" onchange="this.form.submit()"><option value="">All tiers</option>
    @foreach (Sponsor::tiers() as $k => $v) <option value="{{ $k }}" @selected(request('tier') === $k)>{{ $v }}</option> @endforeach</select>
  <select class="input" name="status" onchange="this.form.submit()"><option value="">All statuses</option>
    @foreach (Sponsor::STATUSES as $k => $v) <option value="{{ $k }}" @selected(request('status') === $k)>{{ $v }}</option> @endforeach</select>
  <button class="btn btn--dark">Search</button>
</form>

<div class="tablewrap"><table class="t">
  <thead><tr><th>Sponsor</th><th>Tier</th><th>Status</th><th class="num">Pledged</th><th class="num">Paid</th><th>Delivered</th></tr></thead>
  <tbody>
  @forelse ($sponsors as $s)
    <tr onclick="location='{{ route('sponsors.show', $s) }}'" style="cursor:pointer">
      <td><strong>{{ $s->company }}</strong><div class="sub">{{ $s->contact_name }}{{ $s->phone ? ' · '.$s->phone : '' }}</div></td>
      <td><span class="badge {{ $s->tier === 'platinum' ? 'badge--dark' : '' }}">{{ (Sponsor::tiers()[$s->tier] ?? $s->tier) }}</span></td>
      <td><span class="badge {{ $statusBadge[$s->status] }}">{{ Sponsor::STATUSES[$s->status] }}</span></td>
      <td class="num">{{ $naira($s->pledged_kobo) }}</td>
      <td class="num">{{ $naira($s->paid_kobo) }}</td>
      <td>{{ count($s->deliverables ?? []) }} / {{ count(Sponsor::DELIVERABLES) }}</td>
    </tr>
  @empty <tr><td colspan="6" class="empty">No sponsors match.</td></tr> @endforelse
  </tbody>
</table></div>

<div class="modal" id="sponsorModal">
  <form class="modal__box" method="post" action="{{ route('sponsors.store') }}">@csrf
    <h2>Add sponsor</h2>
    @include('sponsors._form')
    <div class="modal__foot"><button type="button" class="btn btn--ghost" data-close>Cancel</button><button class="btn">Save sponsor</button></div>
  </form>
</div>
@endsection