mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-05-31 14:44:34 -04:00
New trial flow
This commit is contained in:
David Bomba
parent
2137c2c5ad
commit
f548f6938f
@ -18,6 +18,7 @@ use App\Libraries\MultiDB;
|
|||||||
use App\Models\Account;
|
use App\Models\Account;
|
||||||
use App\Models\ClientContact;
|
use App\Models\ClientContact;
|
||||||
use App\Models\Company;
|
use App\Models\Company;
|
||||||
|
use App\Models\CompanyGateway;
|
||||||
use App\Models\Invoice;
|
use App\Models\Invoice;
|
||||||
use App\Models\RecurringInvoice;
|
use App\Models\RecurringInvoice;
|
||||||
use App\Models\Subscription;
|
use App\Models\Subscription;
|
||||||
@ -35,6 +36,7 @@ class NinjaPlanController extends Controller
|
|||||||
|
|
||||||
public function index(string $contact_key, string $account_or_company_key)
|
public function index(string $contact_key, string $account_or_company_key)
|
||||||
{
|
{
|
||||||
|
|
||||||
MultiDB::findAndSetDbByCompanyKey($account_or_company_key);
|
MultiDB::findAndSetDbByCompanyKey($account_or_company_key);
|
||||||
$company = Company::where('company_key', $account_or_company_key)->first();
|
$company = Company::where('company_key', $account_or_company_key)->first();
|
||||||
|
|
||||||
@ -67,8 +69,32 @@ class NinjaPlanController extends Controller
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function trial()
|
||||||
|
{
|
||||||
|
|
||||||
|
$gateway = CompanyGateway::where('gateway_key', 'd14dd26a37cecc30fdd65700bfb55b23')->first();
|
||||||
|
|
||||||
|
$data['gateway'] = $gateway;
|
||||||
|
|
||||||
|
$gateway_driver = $gateway->driver()->init();
|
||||||
|
|
||||||
|
$setupIntent = \Stripe\SetupIntent::create([
|
||||||
|
'payment_method_types' => ['card'],
|
||||||
|
]);
|
||||||
|
|
||||||
|
$data['intent'] = $setupIntent;
|
||||||
|
// $data['account'] = $account;
|
||||||
|
$data['client'] = Auth::guard('contact')->user()->client;
|
||||||
|
|
||||||
|
return $this->render('plan.trial', $data);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
public function plan()
|
public function plan()
|
||||||
{
|
{
|
||||||
|
return $this->trial();
|
||||||
|
|
||||||
//harvest the current plan
|
//harvest the current plan
|
||||||
$data = [];
|
$data = [];
|
||||||
$data['late_invoice'] = false;
|
$data['late_invoice'] = false;
|
||||||
|
|||||||
211
resources/views/portal/ninja2020/plan/trial.blade.php
Normal file
211
resources/views/portal/ninja2020/plan/trial.blade.php
Normal file
@ -0,0 +1,211 @@
|
|||||||
|
@extends('portal.ninja2020.layout.app')
|
||||||
|
@section('meta_title', ctrans('texts.account_management'))
|
||||||
|
|
||||||
|
@section('body')
|
||||||
|
|
||||||
|
<meta name="stripe-publishable-key" content="{{ $gateway->getPublishableKey()}}">
|
||||||
|
<meta name="client-postal-code" content="{{ $client->postal_code }}">
|
||||||
|
<meta name="client-name" content="{{ $client->present()->name() }}">
|
||||||
|
|
||||||
|
<div class="flex flex-wrap overflow-hidden">
|
||||||
|
|
||||||
|
<div class="w-1/2 overflow-hidden">
|
||||||
|
plan details
|
||||||
|
</div>
|
||||||
|
<div class="w-1/2 overflow-hidden">
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<div class="form-group mb-2">
|
||||||
|
<input type="text" class="form-control block
|
||||||
|
w-full
|
||||||
|
px-3
|
||||||
|
py-3
|
||||||
|
text-base
|
||||||
|
font-normal
|
||||||
|
text-gray-700
|
||||||
|
bg-white bg-clip-padding
|
||||||
|
border border-solid border-gray-300
|
||||||
|
rounded
|
||||||
|
transition
|
||||||
|
ease-in-out
|
||||||
|
m-0
|
||||||
|
focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="address1"
|
||||||
|
placeholder="{{ ctrans('texts.name') }}"
|
||||||
|
name="name"
|
||||||
|
value="{{$client->present()->name()}}">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group mb-2">
|
||||||
|
<input type="text" class="form-control block
|
||||||
|
w-full
|
||||||
|
px-3
|
||||||
|
py-3
|
||||||
|
text-base
|
||||||
|
font-normal
|
||||||
|
text-gray-700
|
||||||
|
bg-white bg-clip-padding
|
||||||
|
border border-solid border-gray-300
|
||||||
|
rounded
|
||||||
|
transition
|
||||||
|
ease-in-out
|
||||||
|
m-0
|
||||||
|
focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="exampleInput91"
|
||||||
|
placeholder="{{ ctrans('texts.address1') }}"
|
||||||
|
name="address1"
|
||||||
|
value="{{$client->address1}}">
|
||||||
|
</div>
|
||||||
|
<div class="form-group mb-2">
|
||||||
|
<input type="text" class="form-control block
|
||||||
|
w-full
|
||||||
|
px-3
|
||||||
|
py-3
|
||||||
|
text-base
|
||||||
|
font-normal
|
||||||
|
text-gray-700
|
||||||
|
bg-white bg-clip-padding
|
||||||
|
border border-solid border-gray-300
|
||||||
|
rounded
|
||||||
|
transition
|
||||||
|
ease-in-out
|
||||||
|
m-0
|
||||||
|
focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="address2"
|
||||||
|
placeholder="{{ ctrans('texts.address2') }}"
|
||||||
|
name="address2"
|
||||||
|
value="{{$client->address2}}">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex form-group mb-2">
|
||||||
|
|
||||||
|
<div class="w-full gap-x-2 md:w-1/3">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" class="form-control block
|
||||||
|
w-full
|
||||||
|
px-3
|
||||||
|
py-3
|
||||||
|
text-base
|
||||||
|
font-normal
|
||||||
|
text-gray-700
|
||||||
|
bg-white bg-clip-padding
|
||||||
|
border border-solid border-gray-300
|
||||||
|
rounded
|
||||||
|
transition
|
||||||
|
ease-in-out
|
||||||
|
m-0
|
||||||
|
focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="city"
|
||||||
|
placeholder="{{ ctrans('texts.city') }}"
|
||||||
|
name="city"
|
||||||
|
value="{{$client->city}}">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-full gap-x-2 md:w-1/3">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" class="form-control block
|
||||||
|
w-full
|
||||||
|
px-3
|
||||||
|
py-3
|
||||||
|
text-base
|
||||||
|
font-normal
|
||||||
|
text-gray-700
|
||||||
|
bg-white bg-clip-padding
|
||||||
|
border border-solid border-gray-300
|
||||||
|
rounded
|
||||||
|
transition
|
||||||
|
ease-in-out
|
||||||
|
m-0
|
||||||
|
focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="state"
|
||||||
|
placeholder="{{ ctrans('texts.state') }}"
|
||||||
|
name="state"
|
||||||
|
value="{{$client->state}}">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-full gap-x-2 md:w-1/3">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" class="form-control block
|
||||||
|
w-full
|
||||||
|
px-3
|
||||||
|
py-3
|
||||||
|
text-base
|
||||||
|
font-normal
|
||||||
|
text-gray-700
|
||||||
|
bg-white bg-clip-padding
|
||||||
|
border border-solid border-gray-300
|
||||||
|
rounded
|
||||||
|
transition
|
||||||
|
ease-in-out
|
||||||
|
m-0
|
||||||
|
focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none" id="postal_code"
|
||||||
|
placeholder="{{ ctrans('texts.postal_code') }}"
|
||||||
|
name="postal_code"
|
||||||
|
value="{{$client->postal_code}}">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group mb-2">
|
||||||
|
<select name="countries" id="country" class="form-select w-full py-3">
|
||||||
|
@foreach($countries as $country)
|
||||||
|
<option value="{{ $client->country->iso_3166_2 }}">{{ $client->country->iso_3166_2 }} ({{ $client->country->name }})</option>
|
||||||
|
@endforeach
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-2">
|
||||||
|
<div id="card-element" class="border p-4 rounded
|
||||||
|
text-base
|
||||||
|
font-normal
|
||||||
|
text-gray-700
|
||||||
|
bg-white bg-clip-padding
|
||||||
|
border border-solid border-gray-300
|
||||||
|
focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex justify-end">
|
||||||
|
<button
|
||||||
|
@isset($form) form="{{ $form }}" @endisset
|
||||||
|
type="{{ $type ?? 'button' }}"
|
||||||
|
id="{{ $id ?? 'pay-now' }}"
|
||||||
|
@isset($data) @foreach($data as $prop => $value) data-{{ $prop }}="{{ $value }}" @endforeach @endisset
|
||||||
|
class="button button-primary bg-primary {{ $class ?? '' }}"
|
||||||
|
{{ isset($disabled) && $disabled === true ? 'disabled' : '' }}>
|
||||||
|
<svg class="animate-spin h-5 w-5 text-white hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
||||||
|
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
||||||
|
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
|
||||||
|
</svg>
|
||||||
|
<span>{{ $slot ?? ctrans('texts.trial_call_to_action') }}</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@endsection
|
||||||
|
|
||||||
|
@push('footer')
|
||||||
|
<script src="https://js.stripe.com/v3/"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
var stripe = Stripe('{{ $gateway->getPublishableKey()}}');
|
||||||
|
|
||||||
|
var elements = stripe.elements({
|
||||||
|
clientSecret: '{{ $intent->client_secret }}',
|
||||||
|
});
|
||||||
|
|
||||||
|
var cardElement = elements.create('card', {
|
||||||
|
value: {
|
||||||
|
postalCode: document.querySelector('meta[name=client-postal-code]').content,
|
||||||
|
name: document.querySelector('meta[name=client-name').content
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
cardElement.mount('#card-element');
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
@endpush
|
||||||
Loading…
x
Reference in New Issue
Block a user