akaunting 3.0 (the last dance)
This commit is contained in:
Burak Civan
29
resources/views/portal/invoices/finish.blade.php
Normal file
29
resources/views/portal/invoices/finish.blade.php
Normal file
@@ -0,0 +1,29 @@
|
||||
@if ($layout == 'signed')
|
||||
<x-layouts.signed>
|
||||
<x-slot name="title">
|
||||
{{ trans('portal.payment_received') }}
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="buttons">
|
||||
<x-layouts.portal.finish.buttons :invoice="$invoice" />
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="content">
|
||||
<x-layouts.portal.finish.content :invoice="$invoice" />
|
||||
</x-slot>
|
||||
</x-layouts.signed>
|
||||
@else
|
||||
<x-layouts.portal>
|
||||
<x-slot name="title">
|
||||
{{ trans('portal.payment_received') }}
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="buttons">
|
||||
<x-layouts.portal.finish.buttons :invoice="$invoice" />
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="content">
|
||||
<x-layouts.portal.finish.content :invoice="$invoice" />
|
||||
</x-slot>
|
||||
</x-layouts.portal>
|
||||
@endif
|
||||
@@ -1,26 +1,179 @@
|
||||
@extends('layouts.portal')
|
||||
<x-layouts.portal>
|
||||
<x-slot name="title">
|
||||
{{ trans_choice('general.invoices', 2) }}
|
||||
</x-slot>
|
||||
|
||||
@section('title', trans_choice('general.invoices', 2))
|
||||
<x-slot name="content">
|
||||
@if ($invoices->count() || request()->get('search', false))
|
||||
<x-index.container>
|
||||
<x-index.search search-string="App\Models\Portal\Sale\Invoice" />
|
||||
|
||||
@section('content')
|
||||
<x-documents.index.content
|
||||
type="invoice"
|
||||
:documents="$invoices"
|
||||
hide-bulk-action
|
||||
hide-contact-name
|
||||
hide-actions
|
||||
hide-empty-page
|
||||
form-card-header-route="portal.invoices.index"
|
||||
route-button-show="portal.invoices.show"
|
||||
class-document-number="col-xs-4 col-sm-4 col-md-3 disabled-col-aka"
|
||||
class-amount="col-xs-4 col-sm-2 col-md-2 text-right"
|
||||
class-issued-at="col-sm-3 col-md-3 d-none d-sm-block"
|
||||
class-due-at="col-md-2 d-none d-md-block"
|
||||
class-status="col-xs-4 col-sm-3 col-md-2 text-center"
|
||||
search-string-model="App\Models\Portal\Sale\Invoice"
|
||||
/>
|
||||
@endsection
|
||||
<x-table>
|
||||
<x-table.thead>
|
||||
<x-table.tr class="flex items-center px-1">
|
||||
<x-table.th override="class" class="p-0"></x-table.th>
|
||||
@stack('issued_at_th_start')
|
||||
|
||||
@push('scripts_start')
|
||||
<script src="{{ asset('public/js/portal/invoices.js?v=' . version('short')) }}"></script>
|
||||
@endpush
|
||||
<x-table.th class="w-4/12 hidden sm:table-cell">
|
||||
@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 sm:table-cell">
|
||||
@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 sm:table-cell">
|
||||
@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 sm:table-cell">
|
||||
@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="relative w-20 font-normal group" data-tooltip-target="tooltip-information-{{ $item->id }}" data-tooltip-placement="left" override="class,data-tooltip-target,data-tooltip-placement">
|
||||
<span class="border-black border-b border-dashed">
|
||||
{{ $item->document_number }}
|
||||
</span>
|
||||
|
||||
<div class="w-full absolute h-10 -left-10 -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
|
||||
<x-empty-page
|
||||
group="sales"
|
||||
page="invoices"
|
||||
hide-button-import
|
||||
:buttons="[
|
||||
[
|
||||
'url' => route('transactions.create', ['type' => 'income']),
|
||||
'permission' => 'create-sales-invoices',
|
||||
'text' => trans('general.title.new', ['type' => trans_choice('general.incomes', 1)]),
|
||||
'description' => trans('general.empty.actions.new', ['type' => trans_choice('general.incomes', 1)]),
|
||||
'active_badge' => false
|
||||
],
|
||||
[
|
||||
'url' => 'https://akaunting.com/premium-cloud',
|
||||
'permission' => 'create-sales-invoices',
|
||||
'text' => trans('import.title', ['type' => trans_choice('general.bank_transactions', 2)]),
|
||||
'description' => '',
|
||||
'active_badge' => false
|
||||
]
|
||||
]"
|
||||
/>
|
||||
@endif
|
||||
</x-slot>
|
||||
|
||||
<x-script folder="portal" file="apps" />
|
||||
</x-layouts.portal>
|
||||
|
||||
151
resources/views/portal/invoices/preview.blade.php
Normal file
151
resources/views/portal/invoices/preview.blade.php
Normal file
@@ -0,0 +1,151 @@
|
||||
<x-layouts.preview>
|
||||
<x-slot name="title">
|
||||
{{ setting('invoice.title', trans_choice('general.invoices', 1)) . ': ' . $invoice->document_number }}
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="sticky" url="{{ route('invoices.show', $invoice->id) }}"></x-slot>
|
||||
|
||||
<x-slot name="buttons">
|
||||
@stack('button_pdf_start')
|
||||
<x-link href="{{ route('preview.invoices.pdf', $invoice->id) }}" class="bg-green text-white px-3 py-1.5 mb-3 sm:mt-2 sm:mb-0 rounded-lg text-sm font-medium leading-6 hover:bg-green-700">
|
||||
{{ trans('general.download') }}
|
||||
</x-link>
|
||||
@stack('button_pdf_end')
|
||||
|
||||
@stack('button_print_start')
|
||||
<x-link href="{{ route('preview.invoices.print', $invoice->id) }}" target="_blank" class="px-3 py-1.5 mb-3 sm:mt-2 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-lg text-sm font-medium leading-6">
|
||||
{{ trans('general.print') }}
|
||||
</x-link>
|
||||
@stack('button_print_end')
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="content">
|
||||
<div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0">
|
||||
<div class="w-full lg:w-5/12">
|
||||
@if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled']))
|
||||
<div class="tabs w-full" x-data="{ active: '{{ reset($payment_methods) }}' }">
|
||||
<div role="tablist" class="flex flex-wrap">
|
||||
@php $is_active = true; @endphp
|
||||
|
||||
<div class="swiper swiper-links">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($payment_methods as $key => $name)
|
||||
@stack('invoice_{{ $key }}_tab_start')
|
||||
<div class="swiper-slide">
|
||||
<div
|
||||
x-on:click="active = '{{ $name }}'"
|
||||
@click="onChangePaymentMethodSigned('{{ $key }}')"
|
||||
id="tabs-payment-method-{{ $key }}-tab"
|
||||
x-bind:class="active != '{{ $name }}' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
|
||||
class="relative text-sm text-black text-center pb-2 border-b cursor-pointer transition-all tabs-link"
|
||||
>
|
||||
{{ $name }}
|
||||
</div>
|
||||
</div>
|
||||
@stack('invoice_{{ $key }}_tab_end')
|
||||
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="swiper-button-next top-3 right-0">
|
||||
<span class="material-icons">chevron_right</span>
|
||||
</div>
|
||||
<div class="swiper-button-prev top-3 left-0">
|
||||
<span class="material-icons">chevron_left</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@php $is_active = true; @endphp
|
||||
|
||||
@foreach ($payment_methods as $key => $name)
|
||||
@stack('invoice_{{ $key }}_content_start')
|
||||
<div
|
||||
x-bind:class="active != '{{ $name }}' ? 'hidden': 'block'"
|
||||
class="my-3"
|
||||
id="tabs-payment-method-{{ $key }}"
|
||||
>
|
||||
<component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component>
|
||||
</div>
|
||||
@stack('invoice_{{ $key }}_content_end')
|
||||
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<x-form id="portal">
|
||||
<x-form.group.payment-method
|
||||
id="payment-method"
|
||||
:selected="array_key_first($payment_methods)"
|
||||
not-required
|
||||
form-group-class="invisible"
|
||||
placeholder="{{ trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)]) }}"
|
||||
change="onChangePaymentMethodSigned('{{ array_key_first($payment_methods) }}')"
|
||||
/>
|
||||
|
||||
<x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" />
|
||||
</x-form>
|
||||
@endif
|
||||
|
||||
@if ($invoice->transactions->count())
|
||||
<x-show.accordion type="transactions" open>
|
||||
<x-slot name="head">
|
||||
<x-show.accordion.head
|
||||
title="{{ trans_choice('general.transactions', 2) }}"
|
||||
description=""
|
||||
/>
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="body" class="block" override="class">
|
||||
<div class="text-xs mt-1" style="margin-left: 0 !important;">
|
||||
<span class="font-medium">
|
||||
{{ trans('invoices.payment_received') }} :
|
||||
</span>
|
||||
|
||||
@if ($invoice->transactions->count())
|
||||
@foreach ($invoice->transactions as $transaction)
|
||||
<div class="my-2">
|
||||
<span>
|
||||
<x-link href="{{ route('preview.payments.show', $transaction->id) }}" class="text-black border-b border-transparent transition-all hover:border-black" override="class">
|
||||
<x-date :date="$transaction->paid_at" />
|
||||
</x-link>
|
||||
- {!! trans('documents.transaction', [
|
||||
'amount' => '<span class="font-medium">' . money($transaction->amount, $transaction->currency_code, true) . '</span>',
|
||||
'account' => '<span class="font-medium">' . $transaction->account->name . '</span>',
|
||||
]) !!}
|
||||
</span>
|
||||
</div>
|
||||
@endforeach
|
||||
@else
|
||||
<div class="my-2">
|
||||
<span>{{ trans('general.no_records') }}</span>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-show.accordion>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="hidden lg:block w-7/12">
|
||||
<x-documents.show.template
|
||||
type="invoice"
|
||||
:document="$invoice"
|
||||
document-template="{{ setting('invoice.template', 'default') }}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</x-slot>
|
||||
|
||||
@push('stylesheet')
|
||||
<link rel="stylesheet" href="{{ asset('public/css/print.css?v=' . version('short')) }}" type="text/css">
|
||||
@endpush
|
||||
|
||||
@push('scripts_start')
|
||||
<script type="text/javascript">
|
||||
var payment_action_path = {!! json_encode($payment_actions) !!};
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
<x-script folder="portal" file="apps" />
|
||||
</x-layouts.preview>
|
||||
@@ -1,69 +1,61 @@
|
||||
@extends('layouts.portal')
|
||||
<x-layouts.portal>
|
||||
<x-slot name="title">
|
||||
{{ setting('invoice.title', trans_choice('general.invoices', 1)) . ': ' . $invoice->document_number }}
|
||||
</x-slot>
|
||||
|
||||
@section('title', setting('invoice.title', trans_choice('general.invoices', 1)) . ': ' . $invoice->document_number)
|
||||
<x-slot name="buttons">
|
||||
@stack('button_pdf_start')
|
||||
<x-link href="{{ route('portal.invoices.pdf', $invoice->id) }}" class="bg-green text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-lg text-sm font-medium leading-6 hover:bg-green-700">
|
||||
{{ trans('general.download') }}
|
||||
</x-link>
|
||||
@stack('button_pdf_end')
|
||||
|
||||
@section('new_button')
|
||||
@stack('button_print_start')
|
||||
<a href="{{ route('portal.invoices.print', $invoice->id) }}" target="_blank" class="btn btn-white btn-sm">
|
||||
{{ trans('general.print') }}
|
||||
</a>
|
||||
@stack('button_print_end')
|
||||
@stack('button_print_start')
|
||||
<x-link href="{{ route('portal.invoices.print', $invoice->id) }}" target="_blank" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-lg text-sm font-medium leading-6">
|
||||
{{ trans('general.print') }}
|
||||
</x-link>
|
||||
@stack('button_print_end')
|
||||
</x-slot>
|
||||
|
||||
@stack('button_pdf_start')
|
||||
<a href="{{ route('portal.invoices.pdf', $invoice->id) }}" class="btn btn-white btn-sm">
|
||||
{{ trans('general.download') }}
|
||||
</a>
|
||||
@stack('button_pdf_end')
|
||||
@endsection
|
||||
<x-slot name="content">
|
||||
<div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0">
|
||||
<div class="w-full lg:w-5/12">
|
||||
@if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled']))
|
||||
<div class="tabs w-full" x-data="{ active: '{{ reset($payment_methods) }}' }">
|
||||
<div role="tablist" class="flex flex-wrap gap-y-4">
|
||||
@php $is_active = true; @endphp
|
||||
|
||||
<div class="swiper swiper-links">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($payment_methods as $key => $name)
|
||||
@stack('invoice_{{ $key }}_tab_start')
|
||||
<div class="swiper-slide">
|
||||
<div
|
||||
x-on:click="active = '{{ $name }}'"
|
||||
@click="onChangePaymentMethod('{{ $key }}')"
|
||||
id="tabs-payment-method-{{ $key }}-tab"
|
||||
x-bind:class="active != '{{ $name }}' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
|
||||
class="text-sm text-black text-center pb-2 border-b cursor-pointer transition-all tabs-link"
|
||||
>
|
||||
{{ $name }}
|
||||
</div>
|
||||
</div>
|
||||
@stack('invoice_{{ $key }}_tab_end')
|
||||
|
||||
@section('content')
|
||||
<x-documents.show.header
|
||||
type="invoice"
|
||||
:document="$invoice"
|
||||
hide-header-contact
|
||||
class-header-status="col-md-8"
|
||||
/>
|
||||
|
||||
@if (!empty($payment_methods) && !in_array($invoice->status, ['paid', 'cancelled']))
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{!! Form::open([
|
||||
'id' => 'invoice-payment',
|
||||
'role' => 'form',
|
||||
'autocomplete' => "off",
|
||||
'novalidate' => 'true',
|
||||
'class' => 'mb-0'
|
||||
]) !!}
|
||||
{{ Form::selectGroup('payment_method', '', 'money el-icon-money', $payment_methods, array_key_first($payment_methods), ['change' => 'onChangePaymentMethod', 'id' => 'payment-method', 'class' => 'form-control d-none', 'placeholder' => trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)])], 'col-sm-12 d-none') }}
|
||||
{!! Form::hidden('document_id', $invoice->id, ['v-model' => 'form.document_id']) !!}
|
||||
{!! Form::close() !!}
|
||||
|
||||
<div class="nav-wrapper">
|
||||
<ul class="nav nav-pills nav-fill flex-column flex-md-row" id="tabs-payment-method" role="tablist">
|
||||
@php $is_active = true; @endphp
|
||||
|
||||
@foreach ($payment_methods as $key => $name)
|
||||
@stack('invoice_{{ $key }}_tab_start')
|
||||
<li class="nav-item">
|
||||
<a @click="onChangePaymentMethod('{{ $key }}')" class="nav-link mb-sm-3 mb-md-0{{ ($is_active) ? ' active': '' }}" id="tabs-payment-method-{{ $key }}-tab" data-toggle="tab" href="#tabs-payment-method-{{ $key }}" role="tab" aria-controls="tabs-payment-method-{{ $key }}" aria-selected="true">
|
||||
{{ $name }}
|
||||
</a>
|
||||
</li>
|
||||
@stack('invoice_{{ $key }}_tab_end')
|
||||
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card shadow">
|
||||
<div class="card-body">
|
||||
<div class="tab-content" id="myTabContent">
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@php $is_active = true; @endphp
|
||||
|
||||
@foreach ($payment_methods as $key => $name)
|
||||
@stack('invoice_{{ $key }}_content_start')
|
||||
<div class="tab-pane fade{{ ($is_active) ? ' show active': '' }}" id="tabs-payment-method-{{ $key }}" role="tabpanel" aria-labelledby="tabs-payment-method-{{ $key }}-tab">
|
||||
<div
|
||||
x-bind:class="active != '{{ $name }}' ? 'hidden': 'block'"
|
||||
class="my-3"
|
||||
id="tabs-payment-method-{{ $key }}"
|
||||
>
|
||||
<component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component>
|
||||
</div>
|
||||
@stack('invoice_{{ $key }}_content_end')
|
||||
@@ -71,20 +63,74 @@
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<x-form id="portal">
|
||||
<x-form.group.payment-method
|
||||
id="payment-method"
|
||||
:selected="array_key_first($payment_methods)"
|
||||
not-required
|
||||
form-group-class="invisible"
|
||||
placeholder="{{ trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)]) }}"
|
||||
change="onChangePaymentMethod('{{ array_key_first($payment_methods) }}')"
|
||||
/>
|
||||
|
||||
<x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" />
|
||||
</x-form>
|
||||
@endif
|
||||
|
||||
@if ($invoice->transactions->count())
|
||||
<x-show.accordion type="transactions" open>
|
||||
<x-slot name="head">
|
||||
<x-show.accordion.head
|
||||
title="{{ trans_choice('general.transactions', 2) }}"
|
||||
description=""
|
||||
/>
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="body" class="block" override="class">
|
||||
<div class="text-xs mt-1" style="margin-left: 0 !important;">
|
||||
<span class="font-medium">
|
||||
{{ trans('invoices.payment_received') }} :
|
||||
</span>
|
||||
|
||||
@if ($invoice->transactions->count())
|
||||
@foreach ($invoice->transactions as $transaction)
|
||||
<div class="my-2">
|
||||
<span>
|
||||
<x-link href="{{ route('portal.payments.show', $transaction->id) }}" class="text-black border-b border-transparent transition-all hover:border-black" override="class">
|
||||
<x-date :date="$transaction->paid_at" />
|
||||
</x-link>
|
||||
- {!! trans('documents.transaction', [
|
||||
'amount' => '<span class="font-medium">' . money($transaction->amount, $transaction->currency_code, true) . '</span>',
|
||||
'account' => '<span class="font-medium">' . $transaction->account->name . '</span>',
|
||||
]) !!}
|
||||
</span>
|
||||
</div>
|
||||
@endforeach
|
||||
@else
|
||||
<div class="my-2">
|
||||
<span>{{ trans('general.no_records') }}</span>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-show.accordion>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="hidden lg:block w-7/12">
|
||||
<x-documents.show.template
|
||||
type="invoice"
|
||||
:document="$invoice"
|
||||
document-template="{{ setting('invoice.template', 'default') }}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</x-slot>
|
||||
|
||||
<x-documents.show.document
|
||||
type="invoice"
|
||||
:document="$invoice"
|
||||
document-template="{{ setting('invoice.template', 'default') }}"
|
||||
/>
|
||||
@endsection
|
||||
@push('stylesheet')
|
||||
<link rel="stylesheet" href="{{ asset('public/css/print.css?v=' . version('short')) }}" type="text/css">
|
||||
@endpush
|
||||
|
||||
@push('scripts_start')
|
||||
<link rel="stylesheet" href="{{ asset('public/css/print.css?v=' . version('short')) }}" type="text/css">
|
||||
<script src="{{ asset('public/js/portal/invoices.js?v=' . version('short')) }}"></script>
|
||||
@endpush
|
||||
<x-script folder="portal" file="apps" />
|
||||
</x-layouts.portal>
|
||||
|
||||
@@ -1,102 +1,151 @@
|
||||
@extends('layouts.signed')
|
||||
<div class="w-full lg:max-w-6xl m-auto">
|
||||
<x-layouts.signed>
|
||||
<x-slot name="title">
|
||||
{{ setting('invoice.title', trans_choice('general.invoices', 1)) . ': ' . $invoice->document_number }}
|
||||
</x-slot>
|
||||
|
||||
@section('title', setting('invoice.title', trans_choice('general.invoices', 1)) . ': ' . $invoice->document_number)
|
||||
<x-slot name="buttons">
|
||||
@stack('button_pdf_start')
|
||||
<x-link href="{{ $pdf_action }}" class="bg-green text-white px-3 py-1.5 mb-3 sm:mb-0 rounded-lg text-sm font-medium leading-6 hover:bg-green-700">
|
||||
{{ trans('general.download') }}
|
||||
</x-link>
|
||||
@stack('button_pdf_end')
|
||||
|
||||
@section('new_button')
|
||||
@stack('button_print_start')
|
||||
<a href="{{ $print_action }}" target="_blank" class="btn btn-white btn-sm">
|
||||
{{ trans('general.print') }}
|
||||
</a>
|
||||
@stack('button_print_end')
|
||||
@stack('button_print_start')
|
||||
<x-link href="{{ $print_action }}" target="_blank" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-lg text-sm font-medium leading-6">
|
||||
{{ trans('general.print') }}
|
||||
</x-link>
|
||||
@stack('button_print_end')
|
||||
|
||||
@stack('button_pdf_start')
|
||||
<a href="{{ $pdf_action }}" class="btn btn-white btn-sm">
|
||||
{{ trans('general.download') }}
|
||||
</a>
|
||||
@stack('button_pdf_end')
|
||||
@stack('button_dashboard_start')
|
||||
@if (! user())
|
||||
<x-link href="{{ route('portal.dashboard') }}" class="px-3 py-1.5 mb-3 sm:mb-0 bg-gray-100 hover:bg-gray-200 rounded-lg text-sm font-medium leading-6">
|
||||
{{ trans('invoices.all_invoices') }}
|
||||
</x-link>
|
||||
@endif
|
||||
@stack('button_dashboard_end')
|
||||
</x-slot>
|
||||
|
||||
@stack('button_dashboard_start')
|
||||
@if (!user())
|
||||
<a href="{{ route('portal.dashboard') }}" class="btn btn-white btn-sm">
|
||||
{{ trans('invoices.all_invoices') }}
|
||||
</a>
|
||||
@endif
|
||||
@stack('button_dashboard_end')
|
||||
@endsection
|
||||
<x-slot name="content">
|
||||
<div class="flex flex-col lg:flex-row my-10 lg:space-x-24 rtl:space-x-reverse space-y-12 lg:space-y-0">
|
||||
<div class="w-full lg:w-5/12">
|
||||
@if (! empty($payment_methods) && ! in_array($invoice->status, ['paid', 'cancelled']))
|
||||
<div class="tabs w-full" x-data="{ active: '{{ reset($payment_methods) }}' }">
|
||||
<div role="tablist" class="flex flex-wrap">
|
||||
@php $is_active = true; @endphp
|
||||
|
||||
@section('content')
|
||||
<x-documents.show.header
|
||||
type="invoice"
|
||||
:document="$invoice"
|
||||
hide-header-contact
|
||||
class-header-status="col-md-8"
|
||||
/>
|
||||
<div class="swiper swiper-links">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($payment_methods as $key => $name)
|
||||
@stack('invoice_{{ $key }}_tab_start')
|
||||
<div class="swiper-slide">
|
||||
<div
|
||||
x-on:click="active = '{{ $name }}'"
|
||||
@click="onChangePaymentMethodSigned('{{ $key }}')"
|
||||
id="tabs-payment-method-{{ $key }}-tab"
|
||||
x-bind:class="active != '{{ $name }}' ? '' : 'active-tabs text-purple border-purple transition-all after:absolute after:w-full after:h-0.5 after:left-0 after:right-0 after:bottom-0 after:bg-purple after:rounded-tl-md after:rounded-tr-md'"
|
||||
class="relative text-sm text-black text-center pb-2 border-b cursor-pointer transition-all tabs-link"
|
||||
>
|
||||
{{ $name }}
|
||||
</div>
|
||||
</div>
|
||||
@stack('invoice_{{ $key }}_tab_end')
|
||||
|
||||
@if (!empty($payment_methods) && !in_array($invoice->status, ['paid', 'cancelled']))
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{!! Form::open([
|
||||
'id' => 'invoice-payment',
|
||||
'role' => 'form',
|
||||
'autocomplete' => "off",
|
||||
'novalidate' => 'true',
|
||||
'class' => 'mb-0'
|
||||
]) !!}
|
||||
{{ Form::selectGroup('payment_method', '', 'money el-icon-money', $payment_methods, array_key_first($payment_methods), ['change' => 'onChangePaymentMethodSigned', 'id' => 'payment-method', 'class' => 'form-control d-none', 'placeholder' => trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)])], 'col-sm-12 d-none') }}
|
||||
{!! Form::hidden('document_id', $invoice->id, ['v-model' => 'form.document_id']) !!}
|
||||
{!! Form::close() !!}
|
||||
|
||||
<div class="nav-wrapper">
|
||||
<ul class="nav nav-pills nav-fill flex-column flex-md-row" id="tabs-payment-method" role="tablist">
|
||||
@php $is_active = true; @endphp
|
||||
|
||||
@foreach ($payment_methods as $key => $name)
|
||||
@stack('invoice_{{ $key }}_tab_start')
|
||||
<li class="nav-item">
|
||||
<a @click="onChangePaymentMethodSigned('{{ $key }}')" class="nav-link mb-sm-3 mb-md-0{{ ($is_active) ? ' active': '' }}" id="tabs-payment-method-{{ $key }}-tab" data-toggle="tab" href="#tabs-payment-method-{{ $key }}" role="tab" aria-controls="tabs-payment-method-{{ $key }}" aria-selected="true">
|
||||
{{ $name }}
|
||||
</a>
|
||||
</li>
|
||||
@stack('invoice_{{ $key }}_tab_end')
|
||||
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="card shadow">
|
||||
<div class="card-body">
|
||||
<div class="tab-content" id="myTabContent">
|
||||
@php $is_active = true; @endphp
|
||||
|
||||
@foreach ($payment_methods as $key => $name)
|
||||
@stack('invoice_{{ $key }}_content_start')
|
||||
<div class="tab-pane fade{{ ($is_active) ? ' show active': '' }}" id="tabs-payment-method-{{ $key }}" role="tabpanel" aria-labelledby="tabs-payment-method-{{ $key }}-tab">
|
||||
<component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component>
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@stack('invoice_{{ $key }}_content_end')
|
||||
@php $is_active = true; @endphp
|
||||
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
</div>
|
||||
@foreach ($payment_methods as $key => $name)
|
||||
@stack('invoice_{{ $key }}_content_start')
|
||||
<div
|
||||
x-bind:class="active != '{{ $name }}' ? 'hidden': 'block'"
|
||||
class="my-3"
|
||||
id="tabs-payment-method-{{ $key }}"
|
||||
>
|
||||
<component v-bind:is="method_show_html" @interface="onRedirectConfirm"></component>
|
||||
</div>
|
||||
@stack('invoice_{{ $key }}_content_end')
|
||||
|
||||
@php $is_active = false; @endphp
|
||||
@endforeach
|
||||
</div>
|
||||
<x-form id="portal">
|
||||
<x-form.group.payment-method
|
||||
id="payment-method"
|
||||
:selected="array_key_first($payment_methods)"
|
||||
not-required
|
||||
form-group-class="invisible"
|
||||
placeholder="{{ trans('general.form.select.field', ['field' => trans_choice('general.payment_methods', 1)]) }}"
|
||||
change="onChangePaymentMethodSigned('{{ array_key_first($payment_methods) }}')"
|
||||
/>
|
||||
|
||||
<x-form.input.hidden name="document_id" :value="$invoice->id" v-model="form.document_id" />
|
||||
</x-form>
|
||||
@endif
|
||||
|
||||
@if ($invoice->transactions->count())
|
||||
<x-show.accordion type="transactions" open>
|
||||
<x-slot name="head">
|
||||
<x-show.accordion.head
|
||||
title="{{ trans_choice('general.transactions', 2) }}"
|
||||
description=""
|
||||
/>
|
||||
</x-slot>
|
||||
|
||||
<x-slot name="body" class="block" override="class">
|
||||
<div class="text-xs mt-1" style="margin-left: 0 !important;">
|
||||
<span class="font-medium">
|
||||
{{ trans('invoices.payment_received') }} :
|
||||
</span>
|
||||
|
||||
@if ($invoice->transactions->count())
|
||||
@foreach ($invoice->transactions as $transaction)
|
||||
<div class="my-2">
|
||||
<span>
|
||||
<x-link href="{{ \URL::signedRoute('portal.payments.show', [$transaction->id]) }}" class="text-black border-b border-transparent transition-all hover:border-black" override="class">
|
||||
<x-date :date="$transaction->paid_at" />
|
||||
</x-link>
|
||||
- {!! trans('documents.transaction', [
|
||||
'amount' => '<span class="font-medium">' . money($transaction->amount, $transaction->currency_code, true) . '</span>',
|
||||
'account' => '<span class="font-medium">' . $transaction->account->name . '</span>',
|
||||
]) !!}
|
||||
</span>
|
||||
</div>
|
||||
@endforeach
|
||||
@else
|
||||
<div class="my-2">
|
||||
<span>{{ trans('general.no_records') }}</span>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-show.accordion>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="hidden lg:block w-7/12">
|
||||
<x-documents.show.template
|
||||
type="invoice"
|
||||
:document="$invoice"
|
||||
document-template="{{ setting('invoice.template', 'default') }}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</x-slot>
|
||||
|
||||
<x-documents.show.document
|
||||
type="invoice"
|
||||
:document="$invoice"
|
||||
document-template="{{ setting('invoice.template', 'default') }}"
|
||||
/>
|
||||
@endsection
|
||||
@push('stylesheet')
|
||||
<link rel="stylesheet" href="{{ asset('public/css/print.css?v=' . version('short')) }}" type="text/css">
|
||||
@endpush
|
||||
|
||||
@push('footer_start')
|
||||
<link rel="stylesheet" href="{{ asset('public/css/print.css?v=' . version('short')) }}" type="text/css">
|
||||
<script src="{{ asset('public/js/portal/invoices.js?v=' . version('short')) }}"></script>
|
||||
@push('scripts_start')
|
||||
<script type="text/javascript">
|
||||
var payment_action_path = {!! json_encode($payment_actions) !!};
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
<script type="text/javascript">
|
||||
var payment_action_path = {!! json_encode($payment_actions) !!};
|
||||
</script>
|
||||
@endpush
|
||||
<x-script folder="portal" file="apps" />
|
||||
</x-layouts.signed>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user