akaunting 3.0 (the last dance)

resources/views/portal/payments/signed.blade.php

@@ -1,46 +1,80 @@
-@extends('layouts.signed')
+<div class="w-full lg:max-w-6xl m-auto">
+    <x-layouts.signed>
+        <x-slot name="title">
+            {{ trans_choice('general.payments', 1) . ': ' . date($payment->paid_at) }}
+        </x-slot>
 
-@section('title', trans_choice('general.payments', 1) . ': ' . @date($payment->paid_at))
+        <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('payments.all_payments') }}
+                </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('payments.all_payments') }}
-        </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 space-y-8">
+                    <div class="border-b-2 border-gray-200 pb-1">
+                        <div class="relative w-full text-left group">
+                            <span class="font-medium border-b border-transparent transition-all group-hover:border-black">
+                                {{ trans('portal.received_date') }}
+                            </span>
+                        </div>
 
-@section('content')
-    <x-transactions.show.header
-        type="payment"
-        :transaction="$payment"
-        hide-header-contact
-        class-header-status="col-md-8"
-    />
+                        <div class="relative overflow-hidden transition-all duration-700">
+                            <span class="text-sm">
+                                <x-date date="{{ $payment->paid_at }}" />
+                            </span>
+                        </div>
+                    </div>
 
-    <x-transactions.show.transaction
-        type="payment"
-        :transaction="$payment"
-        transaction-template="{{ setting('payment.template', 'default') }}"
-        hide-payment-methods
-    />
-@endsection
+                    <!--Status partials-->
+                    @if ($payment->document)
+                    <div class="border-b-2 border-gray-200 pb-1">
+                        <div class="relative w-full ltr:text-left rtl:text-right">
+                            <span class="font-medium">
+                                {{ trans('portal.payments') }}
+                            </span>
+                        </div>
 
-@push('footer_start')
-    <link rel="stylesheet" href="{{ asset('public/css/print.css?v=' . version('short')) }}" type="text/css">
-    <script src="{{ asset('public/js/portal/payments.js?v=' . version('short')) }}"></script>
-@endpush
+                        <span class="text-sm">
+                            {{ trans('portal.payment_detail.description', ['date' => date($payment->paid_at), 'amount' => money($payment->amount, $payment->currency_code, true)]) }}
+                        </span>
+                    </div>
+                    @endif
+                </div>
+
+                <div class="w-full lg:w-7/12">
+                    <x-transactions.show.template
+                        type="payment"
+                        :transaction="$payment"
+                        transaction-template="{{ setting('payment.template', 'default') }}"
+                        hide-payment-methods
+                    />
+                </div>
+            </div>
+        </x-slot>
+
+        @push('stylesheet')
+            <link rel="stylesheet" href="{{ asset('public/css/print.css?v=' . version('short')) }}" type="text/css">
+        @endpush
+
+        <x-script folder="portal" file="apps" />
+    </x-layouts.signed>
+</div>