188 lines
7.7 KiB
PHP
188 lines
7.7 KiB
PHP
<x-layouts.portal>
|
|
<x-slot name="title">
|
|
{{ trans_choice('general.invoices', 2) }}
|
|
</x-slot>
|
|
|
|
<x-slot name="content">
|
|
@if ($invoices->count() || request()->get('search', false))
|
|
<x-index.container>
|
|
<x-index.search search-string="App\Models\Portal\Sale\Invoice" />
|
|
|
|
<x-table>
|
|
<x-table.thead>
|
|
<x-table.tr>
|
|
<x-table.th override="class" class="p-0"></x-table.th>
|
|
@stack('issued_at_th_start')
|
|
|
|
<x-table.th class="w-4/12" hidden-mobile>
|
|
@stack('due_at_th_inside_start')
|
|
|
|
<x-slot name="first">
|
|
<x-sortablelink column="due_at" title="{{ trans('invoices.due_date') }}" />
|
|
</x-slot>
|
|
|
|
@stack('due_at_th_inside_end')
|
|
|
|
@stack('issued_at_th_inside_start')
|
|
|
|
<x-slot name="second">
|
|
<x-sortablelink column="issued_at" title="{{ trans('invoices.invoice_date') }}" />
|
|
</x-slot>
|
|
|
|
@stack('issued_at_th_inside_end')
|
|
</x-table.th>
|
|
|
|
@stack('issued_at_th_end')
|
|
|
|
@stack('status_th_start')
|
|
|
|
<x-table.th class="w-3/12" hidden-mobile>
|
|
@stack('status_th_inside_start')
|
|
|
|
<x-sortablelink column="status" title="{{ trans_choice('general.statuses', 1) }}" />
|
|
|
|
@stack('status_th_inside_end')
|
|
</x-table.th>
|
|
|
|
@stack('status_th_end')
|
|
|
|
@stack('document_number_th_start')
|
|
|
|
<x-table.th class="w-3/12 sm:table-cell">
|
|
@stack('document_number_th_inside_start')
|
|
|
|
<x-sortablelink column="document_number" title="{{ trans_choice('general.numbers', 1) }}" />
|
|
|
|
@stack('document_number_th_inside_end')
|
|
</x-table.th>
|
|
|
|
@stack('document_number_th_end')
|
|
|
|
@stack('amount_th_start')
|
|
|
|
<x-table.th class="w-6/12 sm:w-2/12" kind="amount">
|
|
@stack('amount_th_inside_start')
|
|
|
|
<x-sortablelink column="amount" title="{{ trans('general.amount') }}" />
|
|
|
|
@stack('amount_th_inside_end')
|
|
</x-table.th>
|
|
|
|
@stack('amount_th_end')
|
|
</x-table.tr>
|
|
</x-table.thead>
|
|
|
|
<x-table.tbody>
|
|
@foreach($invoices as $item)
|
|
@php $paid = $item->paid; @endphp
|
|
<x-table.tr href="{{ route('portal.invoices.show', $item->id) }}">
|
|
<x-table.td kind="action"></x-table.td>
|
|
@stack('issued_at_td_start')
|
|
|
|
<x-table.td class="w-4/12" hidden-mobile>
|
|
@stack('due_at_td_inside_start')
|
|
|
|
<x-slot name="first" class="font-bold truncate" override="class">
|
|
{{ \Date::parse($item->due_at)->diffForHumans() }}
|
|
</x-slot>
|
|
|
|
@stack('due_at_td_inside_end')
|
|
|
|
@stack('issued_at_td_inside_start')
|
|
|
|
<x-slot name="second">
|
|
<x-date date="{{ $item->issued_at }}" />
|
|
</x-slot>
|
|
|
|
@stack('issued_at_td_inside_end')
|
|
</x-table.td>
|
|
|
|
@stack('issued_at_td_end')
|
|
|
|
@stack('status_td_start')
|
|
|
|
<x-table.td class="w-3/12" hidden-mobile>
|
|
@stack('status_td_inside_start')
|
|
|
|
<x-index.status status="{{ $item->status }}" background-color="bg-{{ $item->status_label }}" text-color="text-text-{{ $item->status_label }}" />
|
|
|
|
@stack('status_td_inside_end')
|
|
</x-table.td>
|
|
|
|
@stack('status_td_end')
|
|
|
|
|
|
@stack('due_at_and_issued_at_td_start')
|
|
|
|
<x-table.td class="w-3/12 sm:table-cell">
|
|
@stack('document_number_td_inside_start')
|
|
|
|
<x-slot name="first" class="w-20 font-normal group" data-tooltip-target="tooltip-information-{{ $item->id }}" data-tooltip-placement="left" override="class">
|
|
<span class="border-black border-b border-dashed">
|
|
{{ $item->document_number }}
|
|
</span>
|
|
|
|
<div class="w-28 absolute h-10 -ml-12 -mt-6"></div>
|
|
|
|
<x-documents.index.information :document="$item" show-route="portal.invoices.show"/>
|
|
</x-slot>
|
|
|
|
@stack('document_number_td_inside_end')
|
|
</x-table.td>
|
|
|
|
@stack('due_at_and_issued_at_td_end')
|
|
|
|
@stack('amount_td_start')
|
|
|
|
<x-table.td class="w-6/12 sm:w-2/12" kind="amount">
|
|
@stack('amount_td_inside_start')
|
|
|
|
<x-money :amount="$item->amount" :currency="$item->currency_code" convert />
|
|
|
|
@stack('amount_td_inside_end')
|
|
</x-table.td>
|
|
|
|
@stack('amount_td_end')
|
|
</x-table.tr>
|
|
@endforeach
|
|
</x-table.tbody>
|
|
</x-table>
|
|
|
|
<x-pagination :items="$invoices" />
|
|
</x-index.container>
|
|
@else
|
|
<div class="flex">
|
|
<div class="w-full text-center">
|
|
<div class="my-10">
|
|
{{ trans('portal.create_your_invoice') }}
|
|
</div>
|
|
|
|
<div class="my-10">
|
|
<x-link
|
|
href="https://akaunting.com/lp/accounting-software?utm_source=software&utm_medium=invoice_index&utm_campaign=plg"
|
|
class="bg-purple text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-xl text-sm font-medium leading-6 hover:bg-purple-700"
|
|
override="class"
|
|
>
|
|
{{ trans('portal.get_started') }}
|
|
</x-link>
|
|
</div>
|
|
|
|
<div class="my-10">
|
|
<img src="https://assets.akaunting.com/software/portal/invoice.gif" class="inline" alt="Get Started" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@push('css')
|
|
<style>
|
|
.hide-empty-page {
|
|
display: none;
|
|
}
|
|
</style>
|
|
@endpush
|
|
@endif
|
|
</x-slot>
|
|
|
|
<x-script folder="portal" file="apps" />
|
|
</x-layouts.portal>
|