You've already forked Atomcms-edit
root
145 lines
6.9 KiB
PHP
Executable File
145 lines
6.9 KiB
PHP
Executable File
<x-app-layout>
|
|
@push('title', __('Shop'))
|
|
|
|
<div class="col-span-12 ">
|
|
<x-modals.modal-wrapper>
|
|
<div class="w-full py-2 px-4 text-center bg-[#f68b08] text-white rounded">
|
|
{{ __('Please make sure to read our shop') }}
|
|
<button class="text-white underline font-bold"
|
|
x-on:click="open = true">{{ __('Terms & Conditions') }}</button>
|
|
{{ __('before making a purchase') }}
|
|
</div>
|
|
|
|
<x-modals.regular-modal>
|
|
<x-slot name="title">
|
|
<h2 class="text-2xl">
|
|
{{ __('Shop Terms & Conditions') }}
|
|
</h2>
|
|
</x-slot>
|
|
|
|
<div class="space-y-3 p-2">
|
|
<p>
|
|
{{ __('Here at :hotel Hotel we are accepting donations to keep the hotel up & running and as a thank you, you will in return receive in-game goods.', ['hotel' => setting('hotel_name')]) }}
|
|
</p>
|
|
|
|
<div class="flex flex-col gap-y-2 !mt-6">
|
|
<p class="font-semibold">{{ __('Why are donations important?') }}</p>
|
|
|
|
<p>{{ __('Donations are important, as it will help to pay our monthly bills needed to keep the hotel up & running, as well as adding new and exciting features for you and others to enjoy!') }}</p>
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-y-2 !mt-6">
|
|
<p class="font-semibold">{{ __('Our terms') }}</p>
|
|
|
|
<p>{{ __('Once a donation has been made and received by us, it is non-refundable under any circumstances. The donated amount which is converted into website balance cannot be converted back into cash or other forms of money. By making a donation, you acknowledge and accept these terms and agree not to initiate a chargeback or dispute with your bank or card issuer.') }}</p>
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-y-2 !mt-6">
|
|
<p class="font-semibold">{{ __('Notice') }}</p>
|
|
|
|
<p>{{ __('It is important to consider the consequences of our spending habits, especially when it comes to financial decisions. If you find yourself tempted to spend money you do not have, take a moment to reflect.') }}</p>
|
|
<p>{{ __('Remember, your financial well-being is crucial, and making responsible choices is key. If you are facing difficulties in controlling your spending habits, do not hesitate to seek friendly and professional guidance. There are resources available that can provide valuable advice and support.') }}</p>
|
|
</div>
|
|
</div>
|
|
</x-modals.regular-modal>
|
|
</x-modals.modal-wrapper>
|
|
</div>
|
|
|
|
<div class="col-span-12 grid grid-cols-12 gap-4">
|
|
<div class="order-last lg:order-1 col-span-12 md:col-span-9 grid grid-cols-12 gap-4">
|
|
<div class="col-span-12 md:col-span-3">
|
|
<x-page-header>
|
|
Categories
|
|
</x-page-header>
|
|
|
|
<div class="mt-3 space-y-2">
|
|
<a href="{{ route('shop.index') }}"
|
|
class="w-full flex items-center gap-4 rounded-lg overflow-hidden bg-[#2b303c] p-4 shadow-sm text-white font-semibold transition-all hover:scale-[101%]">
|
|
<img class="max-h-[50px] max-w-[50px]" src="{{ asset('/assets/images/icons/navigation/shop.png') }}" alt="">
|
|
|
|
{{ __('All') }}
|
|
</a>
|
|
|
|
@foreach($categories as $category)
|
|
<a href="{{ route('shop.index', $category->slug) }}"
|
|
class="w-full flex items-center gap-4 rounded-lg overflow-hidden bg-[#2b303c] p-4 shadow-sm text-white font-semibold transition-all hover:scale-[101%]">
|
|
<img class="max-h-[50px] max-w-[50px]" src="{{ $category->icon }}" alt="">
|
|
|
|
{{ $category->name }}
|
|
</a>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-span-12 md:col-span-9 space-y-3">
|
|
<div class="grid grid-cols-1 lg:grid-cols-{{$articles->count() > 1 ? '2' : '1'}} gap-4">
|
|
@foreach ($articles as $article)
|
|
<x-shop.packages :article="$article"/>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-span-12 md:col-span-3 space-y-4 lg:order-last">
|
|
<x-content.content-card icon="currency-icon">
|
|
<x-slot:title>
|
|
{{ __('Top up account') }}
|
|
</x-slot:title>
|
|
|
|
<x-slot:under-title>
|
|
{{ __('Donate to :hotel', ['hotel' => setting('hotel_name')]) }}
|
|
</x-slot:under-title>
|
|
|
|
<div class="text-sm text-center py-2 px-4 rounded text-black text-gray-100 bg-gray-700">
|
|
{{ __('Current balance: $:balance', ['balance' => auth()->user()->website_balance]) }}
|
|
</div>
|
|
|
|
@if(config('paypal.live.client_id') && config('paypal.live.client_secret') && config('paypal.live.client_id') !== 'test_client_id')
|
|
<form action="{{ route('paypal.process-transaction') }}" method="GET" class="mt-3">
|
|
@csrf
|
|
|
|
<x-form.input name="amount" type="number" value="0" placeholder="amount"/>
|
|
|
|
<button type="submit"
|
|
class="mt-2 w-full rounded bg-blue-600 hover:bg-blue-700 text-white p-2 border-2 border-blue-500 transition ease-in-out duration-150 font-semibold">
|
|
{{ __('Donate') }}
|
|
</button>
|
|
</form>
|
|
@else
|
|
<p class="dark:text-gray-100 mt-4 text-xs">
|
|
{{ __('Please setup the paypal credentials to allow for top ups') }}
|
|
</p>
|
|
@endif
|
|
</x-content.content-card>
|
|
|
|
<x-content.content-card icon="catalog-icon">
|
|
<x-slot:title>
|
|
{{ __('Voucher') }}
|
|
</x-slot:title>
|
|
|
|
<x-slot:under-title>
|
|
{{ __('Use a voucher for free credit') }}
|
|
</x-slot:under-title>
|
|
|
|
<form action="{{ route('shop.use-voucher') }}" method="POST">
|
|
@csrf
|
|
|
|
<x-form.input name="code" type="text" placeholder="Voucher"/>
|
|
|
|
<x-site-captchas/>
|
|
|
|
<x-form.secondary-button classes="mt-2">
|
|
{{ __('Use voucher') }}
|
|
</x-form.secondary-button>
|
|
</form>
|
|
</x-content.content-card>
|
|
</div>
|
|
</div>
|
|
|
|
@push('javascript')
|
|
<script type="module">
|
|
tippy('.user-badge');
|
|
</script>
|
|
@endpush
|
|
</x-app-layout>
|