Files
numstation-web/resources/views/themes/tailwind/settings/partials/invoices.blade.php
2023-12-22 12:35:55 +08:00

57 lines
2.8 KiB
PHP

<div class="p-8">
@subscriber
@php
$subscription = new \Wave\Http\Controllers\SubscriptionController;
$invoices = $subscription->invoices( auth()->user() );
@endphp
@if(isset($invoices->success) && $invoices->success == true)
<table class="min-w-full overflow-hidden divide-y divide-gray-200 rounded-lg">
<thead>
<tr>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase bg-gray-100">
Date of Invoice
</th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-right text-gray-500 uppercase bg-gray-100">
Price
</th>
<th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-right text-gray-500 uppercase bg-gray-100">
Receipt Link
</th>
</tr>
</thead>
<tbody>
@foreach($invoices->response as $invoice)
<tr class="@if($loop->index%2 == 0){{ 'bg-gray-50' }}@else{{ 'bg-gray-100' }}@endif">
<td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-no-wrap">
{{ Carbon\Carbon::parse($invoice->payout_date)->toFormattedDateString() }}
</td>
<td class="px-6 py-4 text-sm font-medium leading-5 text-right text-gray-900 whitespace-no-wrap">
${{ $invoice->amount }}
</td>
<td class="px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap">
<a href="{{ $invoice->receipt_url }}" target="_blank" class="mr-2 text-indigo-600 hover:underline focus:outline-none">
Download
</a>
</td>
</tr>
@endforeach
</tbody>
</table>
@else
<p>Sorry, there seems to be an issue retrieving your invoices or you may not have any invoices yet.</p>
@endif
@notsubscriber
<p class="text-gray-600">When you subscribe to a plan, this is where you will be able to download your invoices.</p>
<a href="{{ route('wave.settings', 'plans') }}" class="inline-flex self-start justify-center w-auto px-4 py-2 mt-5 text-sm font-medium text-white transition duration-150 ease-in-out border border-transparent rounded-md bg-wave-600 hover:bg-wave-500 focus:outline-none focus:border-wave-700 focus:shadow-outline-wave active:bg-wave-700">View Plans</a>
@endsubscriber
</div>