@extends('layouts.app')
@section('title', $sponsor->company)
@section('content')
@php use App\Models\Sponsor; $naira = fn ($k) => '₦'.number_format($k / 100); @endphp
<div class="page__head">
  <div>
    <p class="eyebrow"><a href="{{ route('sponsors.index') }}">← Sponsors</a></p>
    <h1>{{ $sponsor->company }}</h1>
    <p><span class="badge badge--dark">{{ (Sponsor::tiers()[$sponsor->tier] ?? $sponsor->tier) }}</span> <span class="badge">{{ Sponsor::STATUSES[$sponsor->status] }}</span></p>
  </div>
  <div class="page__actions">
    <button class="btn btn--ghost" data-modal="editModal"><x-icon name="edit"/> Edit</button>
    <form method="post" action="{{ route('sponsors.destroy', $sponsor) }}" data-confirm="Delete this sponsor?">@csrf @method('DELETE')<button class="btn btn--danger-ghost">Delete</button></form>
  </div>
</div>

<div class="split">
  <div>
    <div class="tiles">
      <div class="stat stat--brand"><div class="stat__label">Pledged</div><div class="stat__value">{{ $naira($sponsor->pledged_kobo) }}</div></div>
      <div class="stat"><div class="stat__label">Paid</div><div class="stat__value">{{ $naira($sponsor->paid_kobo) }}</div></div>
      <div class="stat"><div class="stat__label">Balance</div><div class="stat__value">{{ $naira($sponsor->balance_kobo) }}</div></div>
    </div>
    <div class="progress" style="margin-top:14px"><i style="width:{{ $sponsor->pledged_kobo ? min(100, round($sponsor->paid_kobo / $sponsor->pledged_kobo * 100)) : 0 }}%"></i></div>

    <form class="card section" method="post" action="{{ route('sponsors.deliverables', $sponsor) }}">@csrf
      <p class="eyebrow">Benefits delivered</p>
      @foreach (Sponsor::DELIVERABLES as $key => $label)
        <label class="toggle" style="display:flex;padding:8px 0"><input type="checkbox" name="done[]" value="{{ $key }}" @checked($sponsor->deliverables[$key] ?? false)> {{ $label }}</label>
      @endforeach
      <button class="btn btn--sm" style="margin-top:12px">Save</button>
    </form>
  </div>

  <aside class="aside">
    <p class="eyebrow">Contact</p>
    <dl class="kv">
      <dt>Person</dt><dd>{{ $sponsor->contact_name }}</dd>
      <dt>Email</dt><dd>{{ $sponsor->email ?: '—' }}</dd>
      <dt>Phone</dt><dd>{{ $sponsor->phone ?: '—' }}</dd>
      <dt>Attending</dt><dd>{{ $sponsor->attending ? 'Yes' : 'No' }}</dd>
      <dt>Auction</dt><dd>{{ $sponsor->bidding ? 'Bidding' : 'Not bidding' }}</dd>
    </dl>
    @if ($sponsor->notes)<p class="eyebrow" style="margin-top:22px">Notes</p><p style="white-space:pre-line">{{ $sponsor->notes }}</p>@endif
  </aside>
</div>

<div class="modal" id="editModal">
  <form class="modal__box" method="post" action="{{ route('sponsors.update', $sponsor) }}">@csrf @method('PUT')
    <h2>Edit sponsor</h2>
    @include('sponsors._form')
    <div class="modal__foot"><button type="button" class="btn btn--ghost" data-close>Cancel</button><button class="btn">Save changes</button></div>
  </form>
</div>
@endsection