- Set body class on the body

- Show the Canada specific output
This commit is contained in:
Benjamin Beganović 2021-05-06 12:03:32 +02:00
parent 7612ae4ba8
commit 7fbb9c9f0f
4 changed files with 210 additions and 36 deletions

2
public/css/app.css vendored

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{
"/js/app.js": "/js/app.js?id=696e8203d5e8e7cf5ff5",
"/css/app.css": "/css/app.css?id=2163e6d43930f4ad9253",
"/css/app.css": "/css/app.css?id=73da599a7719bcc433d2",
"/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=a09bb529b8e1826f13b4",
"/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=8ce8955ba775ea5f47d1",
"/js/clients/linkify-urls.js": "/js/clients/linkify-urls.js?id=0dc8c34010d09195d2f7",

View File

@ -1,16 +1,12 @@
@extends('portal.ninja2020.layout.clean')
@extends('portal.ninja2020.layout.clean', ['custom_body_class' => 'bg-gray-50'])
@section('meta_title', ctrans('texts.sign_up_with_wepay'))
@section('body')
<div class="bg-gray-50">
<div class="flex flex-col justify-center items-center mt-10">
<img src="{{ asset('images/wepay.svg') }}" alt="We Pay">
</div>
@livewire('wepay-signup', ['user_id' => $user_id, 'company_key' => $company_key])
</div>
@endsection
@push('footer')

View File

@ -1,14 +1,14 @@
<div class="flex flex-col justify-center items-center mt-10">
<div class="flex flex-col justify-center items-center my-10">
<form wire:submit.prevent="submit">
<form wire:submit.prevent="submit">
@csrf
@method('POST')
<div class="shadow overflow-hidden rounded">
<div class="px-4 py-5 bg-white sm:p-6">
<div class="grid grid-cols-6 gap-6">
<div class="grid grid-cols-6 gap-6 max-w-4xl">
<div class="col-span-6 sm:col-span-3">
<label for="first_name" class="input-label">@lang('texts.first_name')</label>
<input id="first_name" class="input w-full" name="first_name" wire:model.defer="first_name" />
<input id="first_name" class="input w-full" name="first_name" wire:model.defer="first_name"/>
@error('first_name')
<div class="validation validation-fail">
{{ $message }}
@ -18,7 +18,7 @@
<div class="col-span-6 sm:col-span-3">
<label for="last_name" class="input-label">@lang('texts.last_name')</label>
<input id="last_name" class="input w-full" name="last_name" wire:model.defer="last_name" />
<input id="last_name" class="input w-full" name="last_name" wire:model.defer="last_name"/>
@error('last_name')
<div class="validation validation-fail">
{{ $message }}
@ -28,7 +28,8 @@
<div class="col-span-6 sm:col-span-4">
<label for="email_address" class="input-label">@lang('texts.email_address')</label>
<input id="email_address" class="input w-full" type="email" name="email" wire:model.defer="email" disabled="true" />
<input id="email_address" class="input w-full" type="email" name="email"
wire:model.defer="email" disabled="true"/>
@error('email')
<div class="validation validation-fail">
{{ $message }}
@ -38,7 +39,8 @@
<div class="col-span-6 sm:col-span-4">
<label for="company_name" class="input-label">@lang('texts.company_name')</label>
<input id="company_name" class="input w-full" name="company_name" wire:model.defer="company_name" />
<input id="company_name" class="input w-full" name="company_name"
wire:model.defer="company_name"/>
@error('company_name')
<div class="validation validation-fail">
{{ $message }}
@ -46,39 +48,54 @@
@enderror
</div>
<div class="col-span-6 sm:col-span-4">
<label for="country" class="input-label">@lang('texts.country')</label>
<div class="col-span-6 sm:col-span-4 flex items-center">
<label for="country" class="input-label mr-4">@lang('texts.country')</label>
<div class="radio">
<input class="form-radio mr-2" type="radio" value="US" name="country" checked wire:model="country">
<span>{{ ctrans('texts.country_United States') }}</span>
<div class="radio mr-4">
<input class="form-radio cursor-pointer" type="radio" value="US" name="country" checked
wire:model="country">
<span>{{ ctrans('texts.country_United States') }}</span>
</div>
<div class="radio">
<input class="form-radio mr-2" type="radio" value="CA" name="country" wire:model="country">
<span>{{ ctrans('texts.country_Canada') }}</span>
<div class="radio mr-4">
<input class="form-radio cursor-pointer" type="radio" value="CA" name="country"
wire:model="country">
<span>{{ ctrans('texts.country_Canada') }}</span>
</div>
<div class="radio">
<input class="form-radio mr-2" type="radio" value="GB" name="country" wire:model="country">
<span>{{ ctrans('texts.country_United Kingdom') }}</span>
<div class="radio mr-4">
<input class="form-radio cursor-pointer" type="radio" value="GB" name="country"
wire:model="country">
<span>{{ ctrans('texts.country_United Kingdom') }}</span>
</div>
</div>
@if($country == 'CA')
<div class="col-span-6 sm:col-span-4">
<label for="country" class="input-label">@lang('texts.debit_cards')</label>
<div class="checkbox">
<input class="form-checkbox cursor-pointer mr-2" type="checkbox">
<span>{{ ctrans('texts.accept_debit_cards') }}</span>
</div>
</div>
@endif
<div class="col-span-6 sm:col-span-4">
<label for="country" class="input-label">@lang('texts.ach')</label>
<div class="checkbox">
<input class="switch-input" type="checkbox" name="ach" value="1" wire:model="ach">
<span>{{ ctrans('texts.enable_ach')}}</span>
<input class="switch-input" type="checkbox" name="ach" value="1" wire:model="ach">
<span>{{ ctrans('texts.enable_ach')}}</span>
</div>
</div>
<div class="col-span-6 sm:col-span-4">
<label for="country" class="input-label"></label>
<div class="checkbox">
<input type="checkbox" name="wepay_payment_tos_agree" value="1" wire:model="wepay_payment_tos_agree">
<span>{!! ctrans('texts.wepay_payment_tos_agree', ['terms' => $terms, 'privacy_policy' => $privacy_policy]) !!}</span>
<input type="checkbox" name="wepay_payment_tos_agree" value="1"
wire:model="wepay_payment_tos_agree">
<span>{!! ctrans('texts.wepay_payment_tos_agree', ['terms' => $terms, 'privacy_policy' => $privacy_policy]) !!}</span>
</div>
@error('wepay_payment_tos_agree')
<div class="validation validation-fail">
@ -87,14 +104,175 @@
@enderror
</div>
<div class="col-span-6 sm:col-span-4">
<span><i>{{ ctrans('texts.standard_fees_apply')}}</i></span>
<div class="col-span-6 {{ $country != 'CA' ? 'hidden' : 'block' }}">
<table id="canadaFees" width="100%" class="min-w-full"
style="border: 1px solid black; margin-bottom: 40px; display: table;">
<tbody>
<tr style="border: solid 1px black">
<th colspan="2" style="text-align:center;padding: 4px">
Fees Disclosure Box
</th>
</tr>
<tr style="border: solid 1px black;vertical-align:top">
<td style="border-left: solid 1px black; padding: 8px">
<h4>Payment Card Type</h4>
(These are the most common domestically issued card types
and processing methods. They do not represent all the
possible fees and variations that are charged to the
merchants.)
</td>
<td style="padding: 8px">
<h4>Processing Method: Card Not Present</h4>
(Means that the card/device was not
electronically read. Generally, the card
information is manually key-entered, e.g. online
payment)
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
Visa Consumer Credit
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
Visa Infinite
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
Visa Infinite Privilege
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
Visa Business
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
Visa Business Premium
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
Visa Corporate
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
Visa Prepaid
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
Visa Debit
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
MasterCard Consumer Credit
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
MasterCard World
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
MasterCard World Elite
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
MasterCard Business/Corporate
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
MasterCard Debit
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
MasterCard Prepaid
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr>
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
American Express
</td>
<td style="text-align:center">
2.9% + CA$0.30
</td>
</tr>
<tr style="border: solid 1px black;">
<th colspan="2" style="text-align:center;padding: 4px">
Other Fees Disclosure Box
</th>
</tr>
<tr style="border: solid 1px black;">
<td style="border-left: solid 1px black;padding-left:8px;padding-top:4px;">
Chargeback
</td>
<td style="text-align:center">
CA$15.00
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-span-6 sm:col-span-4">
<span><i>{{ ctrans('texts.standard_fees_apply')}}</i></span>
</div>
</div>
</div>
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
<button class="button button-primary bg-primary">{{ $saved }}</button>
</div>