@extends('layouts.app')
@section('title', 'Payment received')
@section('page', 'invoices')
@section('content')
@php $inv = $payment->invoice; @endphp
<div style="max-width:560px;margin:24px auto">
  <section class="panel" style="padding:36px 32px;text-align:center">
    <div class="success-mark"><i data-icon="check"></i></div>
    <h1>Payment received</h1>
    <p class="muted" style="margin-top:8px">Thank you, {{ auth()->user()->first_name }}. We've emailed your receipt to {{ auth()->user()->email }} and let the {{ \Illuminate\Support\Str::before(agency()->name, ' ') }} accounts team know.</p>
    <div style="font-family:'Bricolage Grotesque';font-size:38px;font-weight:600;margin:22px 0 4px" class="tnum">{{ money($payment->amount, $inv->currency, true) }}</div>
    <div class="small muted">for {{ $inv->number }}, {{ $inv->project?->name }}</div>
    <dl class="kv" style="text-align:left;margin:26px 0 0;padding-top:20px;border-top:1px solid var(--line-2)">
      <dt>Receipt number</dt><dd>{{ $payment->receipt_number }}</dd>
      <dt>Paid on</dt><dd>{{ $payment->paid_at->format('j M Y, H:i') }}</dd>
      <dt>Payment method</dt><dd>{{ $payment->methodLabel() }}</dd>
      @if ($inv->vat_enabled)<dt>VAT included</dt><dd class="tnum">{{ money($inv->total > 0 ? $payment->amount * $inv->vat_amount / $inv->total : 0, $inv->currency, true) }}</dd>@endif
    </dl>
    <div class="actions" style="justify-content:center;margin-top:28px">
      <button class="btn" onclick="window.print()"><i data-icon="download"></i>Download receipt</button>
      <a class="btn btn-primary" href="{{ route('portal.invoices.index') }}">Back to invoices</a>
    </div>
  </section>
  <p class="small muted" style="text-align:center;margin-top:16px">Anything wrong with this payment? <a href="{{ route('portal.messages.index') }}">Message the accounts team</a>.</p>
</div>
@endsection