mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-06-23 20:00:33 -04:00
- Set body class on the body
- Show the Canada specific output
This commit is contained in:
Benjamin Beganović
parent
7612ae4ba8
commit
7fbb9c9f0f
2
public/css/app.css
vendored
2
public/css/app.css
vendored
File diff suppressed because one or more lines are too long
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"/js/app.js": "/js/app.js?id=696e8203d5e8e7cf5ff5",
|
"/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/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/invoices/payment.js": "/js/clients/invoices/payment.js?id=8ce8955ba775ea5f47d1",
|
||||||
"/js/clients/linkify-urls.js": "/js/clients/linkify-urls.js?id=0dc8c34010d09195d2f7",
|
"/js/clients/linkify-urls.js": "/js/clients/linkify-urls.js?id=0dc8c34010d09195d2f7",
|
||||||
|
|||||||
@ -1,19 +1,15 @@
|
|||||||
@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('meta_title', ctrans('texts.sign_up_with_wepay'))
|
||||||
|
|
||||||
@section('body')
|
@section('body')
|
||||||
<div class="bg-gray-50">
|
|
||||||
|
|
||||||
<div class="flex flex-col justify-center items-center mt-10">
|
<div class="flex flex-col justify-center items-center mt-10">
|
||||||
<img src="{{ asset('images/wepay.svg') }}" alt="We Pay">
|
<img src="{{ asset('images/wepay.svg') }}" alt="We Pay">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@livewire('wepay-signup', ['user_id' => $user_id, 'company_key' => $company_key])
|
@livewire('wepay-signup', ['user_id' => $user_id, 'company_key' => $company_key])
|
||||||
|
|
||||||
</div>
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@push('footer')
|
@push('footer')
|
||||||
<script>
|
<script>
|
||||||
</script>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|||||||
@ -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
|
@csrf
|
||||||
@method('POST')
|
@method('POST')
|
||||||
<div class="shadow overflow-hidden rounded">
|
<div class="shadow overflow-hidden rounded">
|
||||||
<div class="px-4 py-5 bg-white sm:p-6">
|
<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">
|
<div class="col-span-6 sm:col-span-3">
|
||||||
<label for="first_name" class="input-label">@lang('texts.first_name')</label>
|
<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')
|
@error('first_name')
|
||||||
<div class="validation validation-fail">
|
<div class="validation validation-fail">
|
||||||
{{ $message }}
|
{{ $message }}
|
||||||
@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
<div class="col-span-6 sm:col-span-3">
|
<div class="col-span-6 sm:col-span-3">
|
||||||
<label for="last_name" class="input-label">@lang('texts.last_name')</label>
|
<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')
|
@error('last_name')
|
||||||
<div class="validation validation-fail">
|
<div class="validation validation-fail">
|
||||||
{{ $message }}
|
{{ $message }}
|
||||||
@ -28,7 +28,8 @@
|
|||||||
|
|
||||||
<div class="col-span-6 sm:col-span-4">
|
<div class="col-span-6 sm:col-span-4">
|
||||||
<label for="email_address" class="input-label">@lang('texts.email_address')</label>
|
<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')
|
@error('email')
|
||||||
<div class="validation validation-fail">
|
<div class="validation validation-fail">
|
||||||
{{ $message }}
|
{{ $message }}
|
||||||
@ -38,7 +39,8 @@
|
|||||||
|
|
||||||
<div class="col-span-6 sm:col-span-4">
|
<div class="col-span-6 sm:col-span-4">
|
||||||
<label for="company_name" class="input-label">@lang('texts.company_name')</label>
|
<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')
|
@error('company_name')
|
||||||
<div class="validation validation-fail">
|
<div class="validation validation-fail">
|
||||||
{{ $message }}
|
{{ $message }}
|
||||||
@ -46,39 +48,54 @@
|
|||||||
@enderror
|
@enderror
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-span-6 sm:col-span-4">
|
<div class="col-span-6 sm:col-span-4 flex items-center">
|
||||||
<label for="country" class="input-label">@lang('texts.country')</label>
|
<label for="country" class="input-label mr-4">@lang('texts.country')</label>
|
||||||
|
|
||||||
<div class="radio">
|
<div class="radio mr-4">
|
||||||
<input class="form-radio mr-2" type="radio" value="US" name="country" checked wire:model="country">
|
<input class="form-radio cursor-pointer" type="radio" value="US" name="country" checked
|
||||||
<span>{{ ctrans('texts.country_United States') }}</span>
|
wire:model="country">
|
||||||
|
<span>{{ ctrans('texts.country_United States') }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="radio">
|
<div class="radio mr-4">
|
||||||
<input class="form-radio mr-2" type="radio" value="CA" name="country" wire:model="country">
|
<input class="form-radio cursor-pointer" type="radio" value="CA" name="country"
|
||||||
<span>{{ ctrans('texts.country_Canada') }}</span>
|
wire:model="country">
|
||||||
|
<span>{{ ctrans('texts.country_Canada') }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="radio">
|
<div class="radio mr-4">
|
||||||
<input class="form-radio mr-2" type="radio" value="GB" name="country" wire:model="country">
|
<input class="form-radio cursor-pointer" type="radio" value="GB" name="country"
|
||||||
<span>{{ ctrans('texts.country_United Kingdom') }}</span>
|
wire:model="country">
|
||||||
|
<span>{{ ctrans('texts.country_United Kingdom') }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</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">
|
<div class="col-span-6 sm:col-span-4">
|
||||||
<label for="country" class="input-label">@lang('texts.ach')</label>
|
<label for="country" class="input-label">@lang('texts.ach')</label>
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<input class="switch-input" type="checkbox" name="ach" value="1" wire:model="ach">
|
<input class="switch-input" type="checkbox" name="ach" value="1" wire:model="ach">
|
||||||
<span>{{ ctrans('texts.enable_ach')}}</span>
|
<span>{{ ctrans('texts.enable_ach')}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-span-6 sm:col-span-4">
|
<div class="col-span-6 sm:col-span-4">
|
||||||
<label for="country" class="input-label"></label>
|
<label for="country" class="input-label"></label>
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
<input type="checkbox" name="wepay_payment_tos_agree" value="1" wire:model="wepay_payment_tos_agree">
|
<input type="checkbox" name="wepay_payment_tos_agree" value="1"
|
||||||
<span>{!! ctrans('texts.wepay_payment_tos_agree', ['terms' => $terms, 'privacy_policy' => $privacy_policy]) !!}</span>
|
wire:model="wepay_payment_tos_agree">
|
||||||
|
<span>{!! ctrans('texts.wepay_payment_tos_agree', ['terms' => $terms, 'privacy_policy' => $privacy_policy]) !!}</span>
|
||||||
</div>
|
</div>
|
||||||
@error('wepay_payment_tos_agree')
|
@error('wepay_payment_tos_agree')
|
||||||
<div class="validation validation-fail">
|
<div class="validation validation-fail">
|
||||||
@ -87,18 +104,179 @@
|
|||||||
@enderror
|
@enderror
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-span-6 sm:col-span-4">
|
<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
|
||||||
|
|
||||||
<span><i>{{ ctrans('texts.standard_fees_apply')}}</i></span>
|
</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>
|
||||||
|
|
||||||
|
<div class="col-span-6 sm:col-span-4">
|
||||||
|
<span><i>{{ ctrans('texts.standard_fees_apply')}}</i></span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
|
<div class="px-4 py-3 bg-gray-50 text-right sm:px-6">
|
||||||
<button class="button button-primary bg-primary">{{ $saved }}</button>
|
<button class="button button-primary bg-primary">{{ $saved }}</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user