<div class="mt-8">
<h3 class="text-lg font-medium text-gray-900">{{ __('Invoices') }}</h3>
<div class="bg-white shadow overflow-hidden sm:rounded-md mt-2">
@if($invoices = $tenant->invoicesIncludingPending()->toArray())
<ul x-data>
@foreach($invoices as $invoice)
<li @if(! $loop->first) class="border-t border-gray-200" @endif>
<div class="block hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition duration-150 ease-in-out">
<div class="px-4 py-4 sm:px-6">
<div class="flex items-center justify-between">
<div class="text-sm leading-5 font-medium text-indigo-600 truncate">
{{ $invoice->number }}
</div>
<div class="flex flex-shrink-0">
@if(is_refunded($invoice->charge))
<div class="ml-2 flex-shrink-0 flex items-center">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
{{ __('Refunded') }}
</span>
</div
@else
@if($invoice->asStripeInvoice()->paid)
<div class="ml-2 flex-shrink-0 flex items-center">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
{{ __('Paid') }}
</span>
</div>
@else
<div class="ml-2 flex-shrink-0 flex items-center">
<span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
{{ __('Pending') }}
</span>
</div
@endif
@endif
<span class="inline-flex rounded-md shadow-sm">
@if(!is_refunded($invoice->charge))
<button type="button" @click="window.open('{{ route('central.tenants.invoice.download', ['invoice' => $invoice->id, 'tenant' => $tenant->id]) }}', '_blank')" class="ml-2 inline-flex items-center px-2.5 py-1.5 border border-gray-300 text-xs leading-4 font-medium rounded text-gray-700 bg-white hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:text-gray-800 active:bg-gray-50 transition ease-in-out duration-150">
{{ __('Download') }}
</button>
@endif
@if(!is_refunded($invoice->charge))
<button type="button" class="ml-2 inline-flex items-center px-2.5 py-1.5 border border-red-300 text-xs leading-4 font-medium rounded text-red-700 bg-white hover:text-red-500 focus:outline-none focus:border-red-300 focus:shadow-outline-red active:text-red-800 active:bg-red-50 transition ease-in-out duration-150">
{{ __('Refund') }} {{ is_refunded($invoice->charge) }}
</button>
@endif
</span>
</div>
</div>
<div class="mt-2 sm:flex sm:justify-between">
<div class="sm:flex">
<div class="mr-6 flex items-center text-sm leading-5 text-gray-500">
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>
{{ $invoice->total() }}
</div>
</div>
<div class="mt-2 flex items-center text-sm leading-5 text-gray-500 sm:mt-0">
<svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"/>
</svg>
<span>
Issued on
<time datetime="{{ $invoice->date()->format('Y-m-d') }}">
{{ $invoice->date()->format('M d, Y') }}
</time>
</span>
</div>
</div>
</div>
</div>
</li>
@endforeach
</ul>
@else
<p class="p-4 text-sm text-gray-600">
{{ __('No invoices issued yet.') }}
</p>
@endif
</div>
</div>
|
Download
