Add all files
This commit is contained in:
root
143
themes/default/views/services/show.blade.php
Normal file
143
themes/default/views/services/show.blade.php
Normal file
@@ -0,0 +1,143 @@
|
||||
<div>
|
||||
@if($invoice = $service->invoices()->where('status', 'pending')->first())
|
||||
<div class="w-full mb-4">
|
||||
<div class="bg-yellow-600/20 border-l-4 border-yellow-500 text-yellow-300 p-4 rounded-lg">
|
||||
<p class="font-medium">
|
||||
⚠️ {{ __('services.outstanding_invoice') }}
|
||||
<a href="{{ route('invoices.show', $invoice)}}"
|
||||
class="underline hover:text-yellow-100 underline-offset-2">{{ __('services.view_and_pay') }}</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
<div class="bg-background-secondary border border-neutral p-6 rounded-lg mt-2">
|
||||
<div class="flex flex-col md:flex-row justify-between">
|
||||
<h1 class="text-2xl font-semibold">{{ __('services.services') }}</h1>
|
||||
</div>
|
||||
<div class="grid md:grid-cols-2 gap-4 my-4">
|
||||
<div>
|
||||
<h4 class="text-lg font-semibold">{{ __('services.product_details') }}:</h4>
|
||||
<div class="mt-2">
|
||||
<div class="flex items-center text-base">
|
||||
<span class="mr-2">{{ __('services.name') }}:</span>
|
||||
<span class="text-base/50">{{ $service->product->name }}</span>
|
||||
</div>
|
||||
@if(isset($proxmoxServer) && $proxmoxServer)
|
||||
<div class="flex items-center text-base">
|
||||
<span class="mr-2">Hostname:</span>
|
||||
<span class="text-base/50">{{ $proxmoxServer->hostname }}</span>
|
||||
</div>
|
||||
@endif
|
||||
<div class="flex items-center text-base">
|
||||
<span class="mr-2">{{ __('services.price') }}:</span>
|
||||
<span class="text-base/50">{{ $service->formattedPrice }}</span>
|
||||
</div>
|
||||
@if($service->plan->type == 'recurring')
|
||||
<div class="flex items-center text-base">
|
||||
<span class="mr-2">{{ __('services.billing_cycle') }}:</span>
|
||||
<span class="text-base/50">{{ __('services.every_period', [
|
||||
'period' => $service->plan->billing_period > 1 ? $service->plan->billing_period : '',
|
||||
'unit' => trans_choice(__('services.billing_cycles.' . $service->plan->billing_unit),
|
||||
$service->plan->billing_period)
|
||||
])
|
||||
}}</span>
|
||||
</div>
|
||||
<div class="flex items-center text-base">
|
||||
<span class="mr-2">{{ __('services.expires_at') }}:</span>
|
||||
<span class="text-base/50">{{ $service->expires_at ? $service->expires_at->format('M d, Y')
|
||||
: 'N/A' }}</span>
|
||||
</div>
|
||||
@endif
|
||||
<div class="flex items-center text-base">
|
||||
<span class="mr-2">{{ __('services.status') }}:</span>
|
||||
<span
|
||||
class="font-semibold @if ($service->status == 'active') text-green-500 @elseif($service->status == 'cancelled') text-red-500 @else text-orange-500 @endif">
|
||||
{{ __('services.statuses.' . $service->status) }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@if($service->cancellable || $service->upgradable || count($buttons) > 0)
|
||||
<div>
|
||||
<h4 class="text-lg font-semibold">{{ __('services.actions') }}:</h4>
|
||||
<div class="mt-2 flex flex-row gap-2 flex-wrap">
|
||||
@if($service->upgradable)
|
||||
<a href="{{ route('services.upgrade', $service->id) }}">
|
||||
<x-button.primary class="h-fit !w-fit">
|
||||
<span>{{ __('services.upgrade') }}</span>
|
||||
</x-button.primary>
|
||||
</a>
|
||||
@endif
|
||||
@if($service->upgrade()->where('status', 'pending')->exists())
|
||||
<x-button.primary class="h-fit !w-fit"
|
||||
@click="Alpine.store('notifications').addNotification([{message: '{{ __('services.upgrade_pending') }}', type: 'error'}])">
|
||||
<span>{{ __('services.upgrade') }}</span>
|
||||
</x-button.primary>
|
||||
@endif
|
||||
@if($service->cancellable)
|
||||
<x-button.danger class="h-fit !w-fit" wire:click="$set('showCancel', true)">
|
||||
<span wire:loading.remove wire:target="$set('showCancel', true)">{{ __('services.cancel')
|
||||
}}</span>
|
||||
<x-loading target="$set('showCancel', true)" />
|
||||
</x-button.danger>
|
||||
@endif
|
||||
@if($showCancel)
|
||||
<x-modal open="true"
|
||||
title="{{ __('services.cancellation', ['service' => $service->product->name]) }}"
|
||||
width="max-w-3xl">
|
||||
<livewire:services.cancel :service="$service" />
|
||||
<x-slot name="closeTrigger">
|
||||
<div class="flex gap-4">
|
||||
<button wire:click="$set('showCancel', false)" @click="open = false"
|
||||
class="text-primary-100">
|
||||
<x-ri-close-fill class="size-6" />
|
||||
</button>
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-modal>
|
||||
@endif
|
||||
</div>
|
||||
<div class="mt-2 flex flex-row gap-2 flex-wrap">
|
||||
@foreach ($buttons as $button)
|
||||
<!-- If the button has a function then call it when clicked -->
|
||||
@if (isset($button['function']))
|
||||
<x-button.primary class="h-fit !w-fit" wire:click="goto('{{ $button['function'] }}')">
|
||||
{{ $button['label'] }}
|
||||
</x-button.primary>
|
||||
@else
|
||||
<a href="{{ $button['url'] }}"
|
||||
@if(!empty($button['target'])) target="{{ $button['target'] }}" @endif
|
||||
@if(($button['target'] ?? null) === '_blank') rel="noopener noreferrer" @endif>
|
||||
<x-button.primary class="h-fit !w-fit">
|
||||
{{ $button['label'] }}
|
||||
</x-button.primary>
|
||||
</a>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (count($views) > 0)
|
||||
<div class="bg-primary-800 rounded-lg mt-2">
|
||||
@if (count($views) > 1)
|
||||
<div class="flex w-fit mb-2 flex-row flex-wrap">
|
||||
@foreach ($views as $view)
|
||||
<button wire:click="changeView('{{ $view['name'] }}')"
|
||||
class="px-4 py-2 -mb-px focus:outline-none {{ $view['name'] == $currentView ? 'border-b-2 border-gray-400 font-semibold' : 'text-base border-b border-gray-500 ' }}">
|
||||
{{ $view['label'] }}
|
||||
</button>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- show loading spinner -->
|
||||
<x-loading target="changeView" />
|
||||
<div wire:loading.remove wire:target="changeView">
|
||||
{!! $extensionView !!}
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
Reference in New Issue
Block a user